Website
Scroll-driven product launch page
A luxury watch microsite where scroll position drives a frame-by-frame product teardown.
- Measured, not estimated
- Client owns everything
- Delivered end to end
The situation
A launch page for a single high-value product, where the usual hero video would not do. A video cannot be held at an arbitrary point by the reader, cannot be scrubbed precisely, and on mobile it either autoplays badly or not at all.
What we did
We rendered the product sequence once, then drove it entirely from scroll position. The hero is a <canvas> that paints one of 124 pre-loaded stills, chosen from how far the reader has scrolled — so the teardown runs forward when they scroll down, backward when they scroll up, and holds still when they stop.
There is no video element on the page and no scroll event listener. Frame selection runs inside a requestAnimationFrame loop that reads layout position directly, which keeps the scrub tied to the browser’s own paint cycle rather than firing on every scroll tick.
The rest of the page — specifications, feature grid and closing call to action — animates in on scroll, and the whole thing ships as a static export that can be hosted as flat files behind any CDN.
Ready when you are.
Tell us what you're building and we'll map the shortest route there.