WebGL Interactive Product Showcase

LUVN Motors - Custom Atelier & 3D Interactive Telemetry Portal

Atelier Experience & 3D Interactive Telemetry Portal (2025)

Project Overview

LUVN Motors is an immersive luxury digital showroom and customizer. It allows collectors to design bespoke hyper-electric and hybrid vehicles, adjust paint color tabs, select body trims, monitor dynamic telemetry metrics, and persist configurations in a local telemetry garage drawer.

Key Achievements

Dynamic Telemetry Metrics: Real-time calculation and visualization of drag coefficients, chassis downforce, and weight distribution.
Persistent Telemetry Garage: Custom local-storage synchronized slide-out drawer that retains up to 5 builds without database friction.
Aesthetic Preloader & Lenis Scroll: Fluid custom progress loader paired with non-blocking hardware-accelerated smooth scrolling.

Technology Stack

Next.js 15Tailwind CSSFramer MotionLenis ScrollLucide ReactLocalStorage API
Launch Live Project

Open live production build in a new browser tab.

Visual Walkthrough & Screenshots

LUVN Showroom Interactive Landing Viewport

LUVN Showroom Interactive Landing Viewport
Expand Screen

Interactive Custom Specifications Selector

Interactive Custom Specifications Selector
Expand Screen

Bespoke Drivetrain and Aerodynamic Metrics Dashboard

Bespoke Drivetrain and Aerodynamic Metrics Dashboard
Expand Screen

Chassis Calibration & Performance Spec Configurator

Chassis Calibration & Performance Spec Configurator
Expand Screen

Modena Allocation Desk - Secure Quote Submission

Modena Allocation Desk - Secure Quote Submission
Expand Screen