Product: one perfume, shot like a film

A premium product shown in flat photos looks like any other. The page has to make you want to pick it up.

A one-product website shot like a film. The perfume flask sits in a real-time 3D scene: the camera arcs round it as you scroll, moves in close along the glass, takes the flask apart into its four parts, and lets the visitor change the colour of the liquid on a turntable, with the room's light taking that colour.

Three.js, TypeScript, GSAP and Astro. Physically based glass and liquid: you can see into the scent, the glass bends the room behind it, and the light through it is tinted. A lighter version for older phones.

A one-product page with six chapters, price and buy button. A brand's own 3D model can replace the flask and keeps its materials.

This is a demo I designed and built for my studio, Promti, not a client project. The brand is fictional. What you can verify is the live demo: https://promti.app/kits/product/demo/