VanHaven 3D Van Configurator (2023)

Built the 3D van configurator for VanHaven, a UK luxury VW Transporter conversion company. Customers design their bespoke van — selecting exterior colour, interior packs, upgrades, electrics, and heating — with full 360° rotation, multiple camera angles, dark/light mode, and a generated PDF brochure of their configuration to share or submit as an enquiry.

Technical Implementation:

• Integrated Unlimited3D (Threedium) rendering service for real-time 3D model updates
• Built modular vanilla JavaScript frontend without frameworks, managing complex multi-category configuration state
• Implemented in-browser PDF brochure generation from the customer’s final configuration
• Persisted configuration via localStorage so customers can return and continue
• Engineered custom UI components (colour pickers, thumbnail selectors) in pure CSS and JS
• Supported multiple camera views including exterior, interior, and detail angles

Key Features:

• 360° real-time 3D exterior and interior visualization
• Dark / light mode for the configurator UI
• In-browser PDF brochure generation
• Configuration save/restore via localStorage
• Enquiry form submission with full spec attached

The project is completed and online. Configure your van at configurator.vanhaven.co.uk.