VanHaven 3D Car Configurator (2022)

Developed the frontend for VanHaven’s 3D Van Configurator, an interactive web application that enables custom van design and ordering. Built with vanilla JavaScript to deliver a seamless configuration experience integrated with Threedium’s 3D rendering service.

Technical Implementation:

• Architected a modular JavaScript application handling complex product configurations including interior layouts, exterior modifications, body colors, and electrical/heating systems
• Engineered custom UI components without frameworks, including color pickers and feature selectors, demonstrating strong vanilla JavaScript expertise
• Implemented seamless integration with Threedium’s 3D engine service (Three.js behind the scene), managing state synchronization between UI controls and 3D model updates
• Built responsive and intuitive interface components using pure CSS, ensuring consistent experience across devices
• Developed robust event handling system to manage complex state changes across multiple customization categories

Key Features:

• Real-time 3D visualization of van customizations
• Comprehensive configuration options for interior, exterior, electrical, and heating systems
• Interactive color selection system for body customization
• Thumbnail-based feature selection interface
• Seamless integration between UI controls and 3D model updates

The project is completed and online. Visit the completed website here.