Building a scroll-driven 3D product

Building a scroll-driven 3D product experience — my latest luxury e-commerce concept. Just shipped AURELLE — a full luxury leather goods & watch e-commerce concept, built to explore how far product storytelling can go on the web: 🔗 aurelle-atelier.netlify.app

The centerpiece is the watch showcase — a scroll-driven 3D assembly of the flagship "Calibre One" automatic. As you scroll, all 8 components (case, movement with visible gearing, dial, markers, hands, bezel, sapphire dome, crown + straps) float in from space and assemble themselves piece by piece in real time, with staged captions explaining each part and bronze particle effects tying it together. Built in Three.js/React Three Fiber, with a WebGL fallback so it degrades gracefully on older devices.

Beyond the watch experience, the full site includes: → Cinematic homepage with parallax hero, word-stagger headlines, and a draggable product carousel → Complete shop flow — 6 categories, 18 products, detail pages with sticky purchase panels, cart/wishlist persistence → Editorial journal, brand story, testimonials, custom cursor + magnetic button interactions throughout

This is the kind of project I love most: taking a brand's "quiet luxury" positioning and translating it into an interface that actually feels crafted, not templated.

Currently open for e-commerce design + development projects — especially ones where motion and storytelling matter as much as conversion. DM me if you're building something in this direction.