A smartwatch landing page where the hands tell your time
· 1 min read · three.js, webgl, product, configurator, launch
Product pages for watches have a particular look: soft studio light, glass reflections, materials that feel physical. This project asks what that page can do when the product is a real-time 3D model and not a video.
More than a hero #
- Realistic product rendering in the spirit of Apple's product pages.
- A built-in configurator for bands, finishes and details, that remembers your choices as you explore.
- A watch that stays alive: the hands move in real time and sync to your local clock, so every visit shows the correct time on the dial.
That last detail is the one I like. It costs almost nothing, and it makes the model feel like a watch you could wear, not a render.
Videos #
There are three videos about it over the years: the first demo, the launch demo and a newer concept with source code.
Try it #
The page is live at watchpro.vercel.app, and the details are on the project page.
Related projects
- Smart Watch — Interactive watch landing page with live hands