Case Study / Conventional websites
ORRA
Industry
E-commerce
Stack
HTML · Motion · three.js PBR
Turnaround
1 day
Role
Design + build, end to end
The brief
A jewellery house wanted the one thing photography can't do: let a customer turn the ring they're designing. Four metals, four stones, live pricing.
Read the build guide ↗The approach
We built a physically-based ring in three.js: band, prongs, collet and a faceted gem cut from merged geometry. It's lit by a real environment map with a candle key and a cool rim.
Material swaps update the metal and stone in place with honest price changes, and the ring turns under drag with idle-spin when left alone.
16 live
Configurations
none for the hero
Photography needed
Want something in this register for your brand?
Related: web development · ui/ux design
Free first draft · 6 to 12 hours · no contract