HOME
Sajjad Portfolio
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.