Quarr One launch page
Landing page
All workA launch page for a product that doesn't exist: a pinned, scroll-scrubbed 3D sequence, the numbers, and a waitlist.
Brief
The Immersive Landing Page package, end to end, for a clearly fictional speaker: one long page that turns scroll into a product reveal, then asks for one thing.
A display-type opener, then straight into the sequence. The fictional-product banner never leaves the top of the page.
How it was built
- Pinned section
- 400svh, one sticky frame
- Scroll owner
- Lenis (one system)
- Off screen
- Render loop stopped
- Reduced motion
- Renders on scroll only
Scroll is the timeline
Framer's scroll progress for the pinned section drives rotation, explosion and camera directly, with a little smoothing so a wheel tick never steps the model.
Captions that are announced
The step text is an aria-live region, so a screen reader hears each step as it changes, the way it's seen.
Result
A working demo of the Immersive Landing Page package — and the template for the next real one.