Web & Content · Premium Interaction Design
Adding showroom-quality polish to a cleaning business site — without adding a single library.
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.
Visit the live site →Sarah's Suds
Premium interaction polish
904 Hosting Platform
904 Digital Media
The Project
What we rebuilt
Sarah's Suds already had a clean site — the ask was to make it feel premium, the kind of 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, scroll-triggered staggered card reveals, animated number tickers with a glow pulse for pricing, and subtle 3D tilt on cards 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
What changed
The build doubled as 904's reference implementation — the technique used here is now the standard playbook for every client site that needs before/after comparisons.
- ●Fixed a real mobile bug before it shipped broadly: an earlier version of the slider only registered taps on touch devices instead of true drags — caught and corrected 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
Next