LAMHO — Immersive 3D Supercar Showroom

Overview I designed and built a cinematic, scroll-driven e-commerce experience for a luxury supercar brand, transforming a traditional product catalog into an immersive digital flagship. The site merges high-end automotive storytelling with real-time 3D visualization—allowing users to explore vehicles, inspect exploded engine assemblies, and configure their build without ever leaving the browser.

The Experience The journey unfolds as a single continuous narrative. A hero 3D scene introduces the Ember GT-R1 with parallax typography and mouse-reactive camera work. As users scroll, the experience transitions through a curated collection grid, a spec-driven deep-dive with animated counters, and culminates in a fully exploded V8 engine view—every component rigged in 3D and choreographed to scroll progress. The result feels less like a website and more like a reveal film that you drive with your scroll wheel.

Craft & Technology

3D Pipeline: Modeled, textured, and rigged the vehicle and engine assets in Blender, then optimized them via Draco-compressed glTF for web delivery.

Real-Time Rendering: Built the 3D layer with React Three Fiber and Three.js, using custom shaders and studio-grade environment maps for photorealistic paint and metal finishes.

Scroll Choreography: Synchronized the entire 3D scene—camera moves, model rotation, and engine explosion timelines—to the DOM using GSAP ScrollTrigger and Lenis smooth scroll.

Architecture: Hand-authored custom CSS for total visual control and zero bloat; Firebase powers user auth, cloud storage for 3D assets, and live product data.

Key Features

Real-time 3D configurator with material swapping

Scroll-scrubbed exploded engine animation

Animated spec counters and blueprint overlays

Responsive design with performance-optimized LOD fallbacks

Outcome A category-defying web experience that positions the brand miles above template-based competitors—proving that automotive e-commerce can be as visceral as the cars themselves.