Interactive 3D product website
A scroll-driven 3D product story: the model turns as you read, hotspots explain each detail, and shoppers switch colourways or drag to inspect from any angle.
Try the live demo ↗
−93%model size
546 KB3D asset
0build step
The challenge
3D sites often look impressive but load slowly and break on phones. The demo had to stay light enough for mobile data while still feeling premium.
What we built
- Scroll-linked camera poses with annotated hotspots
- Colourway switcher and an orbit viewer page with shareable colour links
- Model compressed from 7.8 MB to 546 KB (meshopt geometry + WebP textures)
- Responsive layout with touch drag on phones
Screens
Results
- 93% smaller 3D model, so the page opens quickly on mobile data
- Static files only: cheap to host and nothing to patch
Concept demo for a fictional brand. Shoe model: “Materials Variants Shoe” by Shopify (CC BY 4.0), via the Khronos glTF samples.
Need something similar? Send a short brief — we’ll reply within one working day with questions and a rough range. Get a quote →