Lamborghini
A landing page for the Urus where the car introduces itself as you scroll down the page.
- Landing page
- Real-time 3D
Share
Technology
About the project
A product landing page for the Lamborghini Urus, built as a journey: the 3D car follows every section and changes position, angle and scale as you scroll, while the copy and the figures step in on cue.
The scroll tells the whole story: the opening with the monthly instalment up front, the power, the specs - with the boot opening to show its capacity - the interior, the drive modes and the Performante versus S comparison, all the way to the call to get a quote.
The animations are choreographed with GSAP over a React Three Fiber scene, with type and a black-and-gold palette true to the brand's tone. The challenge was making it all feel smooth and precise, even on modest hardware.
What it does
- A 3D car that follows every section of the scroll
- Animations choreographed with GSAP
- Specs presented with the model in motion
- Version comparison and a call to get a quote
- Smooth on desktop and mobile
- Platform
- Web (desktop and mobile)
- Stack
- React Three Fiber · GSAP · TypeScript
- Type
- Product landing page
Gallery
Power that inspires: the Urus in the second section
The specs, with the boot open
The call to get a quote, on a dark background
The Performante and S versions, side by side