The Insta360 Luna concept explores how a product-focused website can become an immersive 3D experience rather than a traditional scrolling page. The goal was to create a cinematic presentation around the Luna camera, using interactive 3D animation to guide users through the product.

The Luna camera model was first created and prepared in Blender, with the geometry and materials optimized for an interactive web experience.

The 3D scene was then brought into XrollY, where the product animation and scroll-based interactions were created. XrollY allowed the entire 3D sequence to respond directly to the user's scroll, creating a smooth transition between different camera views, movements, and visual states.

Rather than simply placing a 3D model on a webpage, the experience uses the scroll position as a storytelling mechanism — turning navigation into an animated product journey.

Once the 3D scene was built and animated in XrollY, it was embedded directly into Framer and integrated into the website concept.

This approach keeps the 3D experience independent from the website builder while allowing it to seamlessly become part of the overall page. The result is a highly immersive product presentation combining Framer's web experience with XrollY's real-time, scroll-driven 3D scenes.

The project demonstrates how XrollY can be used to create sophisticated scroll-driven 3D experiences and deploy them across modern website platforms without rebuilding the entire website around a 3D engine.