Concept product site
Galaxy Watch Ultra2
A product page for the Galaxy Watch Ultra2. I modeled the watch entirely in code with Three.js, without a premade 3D model.
- Next.js
- Three.js
- GSAP
- Web Audio API
- TypeScript
About the project
What I built and how.
The titanium case, numbered bezel, sapphire display, buttons, sensor, perforated band and buckle are all generated in code, using extrusions, a custom ribbon geometry and canvas-drawn textures.
The band color you pick sets the accent color of the whole page and is remembered for your next visit.
A fan-made concept, not affiliated with Samsung. Specs come from Samsung's official product pages.
Highlights
- 01
Quick Button
Press the orange button to start a workout with a live timer, heart rate and distance. Hold it to sound an emergency siren synthesized with Web Audio.
- 02
Dual-frequency GPS
A simulated city run recorded with L1 only or L1 + L5, so you can see the track drift between tall buildings.
- 03
Energy Score
Sliders for sleep, activity and sleeping heart rate change the score and a live heart-rate trace.
- 04
Night Mode
The 3D watch face switches between day and the red night display.
- 05
Built tough
10ATM, diving to 40 m, IP69K and materials in one switcher.
- 06
Colors
Two case colors, five Sport Band colors and five Hybrid Leather Bands with stitched edges.
Gallery
