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 →
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
More work
Real projects, not stock photos.