2026
Marketing Site · 2025
Audio Landing Page
A launch page for a pair of headphones, where the product turns with the scroll and the copy arrives in step with it.
- Role
- Motion & Development
- Timeline
- 5 weeks · 2025
- Stack
- Three.js · GSAP · Vite
- Sections
- 5 chapters
01Overview
A launch page for a pair of headphones, where the product turns with the scroll and the copy arrives in step with it. Built to be convincing on a phone first, then scaled up.
This is sample project content. Replace it with a description of your own work.
02The approach
A live model looked better on a laptop and was unusable on the devices most of the audience owned. The sequence was the honest trade.
03Key contributions
Built the scroll timeline, the decode scheduler and the reduced-motion fallback that shows a single still instead.
04Walkthrough
The product turn is a pre-rendered image sequence rather than a live model, decoded ahead of the scroll position. It looks like 3D and costs a fraction of it on a mid-range phone.
05Outcome
The page holds a steady frame rate on a four-year-old phone. Replace with your own outcome.
System
GLOBAL CONFIG
[01] CORE THEME V_1.0
[02] AUDIO ENGINE OFF
[03] PERFORMANCE TIER SYS
SYSTEM ACTIVE