Web & Content · Premium Interaction Design
Sarah's Suds
Draggable before/after cleaning-result sliders, scroll-triggered reveals, animated price tickers, and 3D card tilt, all built in-house to keep the site fast.
The project
Sarah's Suds already had a clean site. The ask: make it feel premium, the polish clients notice even if they can't name it. We built four effects in-house: a draggable before/after wipe slider for cleaning results, staggered card reveals on scroll, animated pricing tickers with a glow pulse, and subtle 3D card tilt that follows the cursor.
— Draggable before/after slider for cleaning results, built to feel just as smooth on mobile as on desktop
— Scroll-triggered staggered reveals on every card grid
— Animated price/number tickers with a glow pulse instead of numbers just snapping into place
— 3D card tilt with a light-reflection highlight that follows the cursor on desktop
— Zero added third-party plugins. Every effect is built in-house, so site speed didn't move
— Every effect respects a visitor's motion preferences for accessibility
The impact
The build became 904's reference implementation. Every client site that needs before/after comparisons now uses this technique.
— Caught a real mobile bug before it shipped broadly: an earlier slider registered taps on touch devices, not true drags. Fixed here
— Became 904's standing playbook for premium site polish, reused on subsequent client builds
— Shipped through 904's standard review and approval process, with a stable version saved after launch
