Interactive 3D Luxury Watch Website with Live ConfiguratorInteractive 3D Luxury Watch Website with Live Configurator
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Aurum 2.0: Interactive 3D Luxury Watch Website A website for a fictional Swiss watch brand where the product is the experience. The watch is a real-time 3D model built in code. It assembles itself when the page loads, comes apart layer by layer as you scroll, flips over to show its working movement, and changes finish while you watch.
What you’ll see in the video:
Assembly intro: after a gold loading ring, the watch flies together from its separate parts.
Live dial: the hands show your real local time, and the light on the metal follows your cursor.
Exploded view: seven layers separate as you scroll, each with a label that tracks it in 3D.
The movement: the watch flips to show the movement through the sapphire caseback, with meshing gears, a swinging balance wheel and a turning rotor.
Configurator: three case finishes and three dials, with the reference code and price updating live.
Viewing request: a “request a private viewing” form with validation.
It works on desktop and phone, and respects reduced-motion settings. There’s also a fallback for older browsers.
Aurum is a fictional brand. The concept was designed and built by Meji Builds.
Salome's avatar
Wow, the scroll bound exploded view is definitely going to look flawless on the website.
Maxwell 's avatar
You can click the link to view the completed work.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started