KRÆFT
A scroll-driven 3D product launch where the can is rendered live, not filmed.
Beverage brand · 3D product launchConcept
KRÆFT
- Next.js
- Three.js r184
- React Three Fiber
- WebGL
The problem
Product launch sites usually spend their budget on a film crew. This one tests whether a real-time 3D pipeline can do the same job — a product you can light, rotate and re-skin ten different ways without reshooting anything.
What we built
- Real-time 3D can rendered with Three.js via React Three Fiber
- Scroll-scrubbed camera and product rotation across a seven-chapter narrative
- 3D environments that swap per chapter — volcanic rock through to foliage
- Ten individually rendered flavour variants in a single scene
- Chapter progress rail tied to scroll position
- Full-bleed cinematic art direction with per-section colour handling
Have a project in mind? Let's get to work.
Our team is here to deliver tailored solutions that drive results. Tell us what you are building and we will come back with a route to it.