Atelier 3D: an Interactive Scroll

Atelier 3D: an Interactive Scroll Experience

Atelier 3D is an immersive, scroll-driven web experience I designed and art-directed for the Lovable Challenge, built around three products: headphones, sneakers and a smartwatch.

It starts with a 3D hero where the object assembles on load, reacts to hover with light and sound, and blasts apart when you press and hold. A pinned scroll sequence, a 3D helix gallery and a game-inspired isometric "Smart City" map, with one district per product, take it from there. The whole experience is scored with 80s-style game sounds, from hover blips to level-up jingles. A live settings panel lets you tweak explosion, rotation, panel density and sound in real time, and every sound is synthesized in the browser. The finale turns the products into a playable city, shifting the user from spectator to explorer.