Then I tried to do better by downloading the first video and having a local model talk about it, but it was still thinking about the video while the timer ran out (still fun though):
Sonder One: product site for a repairable headphone
Sonder One is a headphone built to be taken apart, so this site shows it that way. As you scroll, the headphone comes apart piece by piece, from the finished pair down to its six parts, with each part labelled as it separates.
The site responds to the mouse throughout. The custom cursor holds a small sound wave that grows as you move faster. Headlines are made of soap bubbles that float up under the cursor. Guide boxes with live coordinates follow the pointer, and product photos tilt and catch the light as you pass over them.
There are three pages: Object, Anatomy and Specifications, with smooth transitions between them and a reserve form on the last page. A light and dark mode lets you view the product in chalk white or graphite.
Built with React, GSAP ScrollTrigger, Lenis, Three.js and Vite.
Most editing problems don’t actually start in the timeline.
They start before the project even gets opened.
A clear script, organised footage, solid references, and a bit of context around what actually matters can save a ridiculous amount of time on both sides.
No 14-page brief needed.
Just please don’t make me search through final_final_REALfinal_v7.mp4 to find the actual final. 😭