Concept product site
Galaxy Ring
A product page for the Galaxy Ring. I built the ring and its charging case in code and designed interactive sleep and Energy Score screens.
- Next.js
- Three.js
- GSAP
- TypeScript
About the project
What I built and how.
The concave titanium shell, the chips, LEDs and markings on the inner lining, the sensor bumps and the charging case with its clear lid are all generated in code.
As you scroll, the ring turns to show its profile, the sensors inside glow, then it drops onto the charger and the lid closes.
A fan-made concept, not affiliated with Samsung. Specs come from Samsung's official product pages.
Highlights
- 01
Find your size
Pick sizes 5 to 13 and see the inner diameter, weight and battery life change.
- 02
Sleep
Switch between example nights to see the hypnogram, Sleep Score, heart rate and skin temperature.
- 03
Double pinch
Take a photo or stop an alarm on a phone mockup.
- 04
Ring or Watch?
A side-by-side with the Galaxy Watch Ultra2.
- 05
Colors
Titanium Black, Silver and Gold. The finish you pick sets the accent color of the whole page.
- 06
Battery
Rings for up to 7 and 6 days that fill as you scroll.
Gallery
