Velo
Elaine Wang
Advisor: Kari Love
An innovative in-car AR playful experience interface designed for Gen Z, enhancing driving through intelligence, adaptability, and immersive experiences.
Project Description
This project focuses on designing a 3D automotive interaction interface that enhances the in-car experience with playful and immersive HUD features. In a parked state, the system provides unique, scenario-based experiences. For example, when the vehicle is parked in a camping scenario, the HUD will display a virtual campfire, accompanied by fire-burning sounds to create an immersive environment. This experience aims to add an extra layer of enjoyment and comfort for both the driver and passengers, making the car more than just a mode of transportation. By focusing on physical and visual interaction, the system stands out from traditional in-car solutions, offering a more engaging and personalized experience for modern drivers.
Technical Details
Design and UI: The system design and user interfaces were created using Figma.
3D Interactive Background: The 3D background was designed using Blender and then imported into Three.js for rendering and interaction.
Development: The project was launched using HTML/CSS, JavaScript and Three.js to handle the 3D interactions and rendering.
HUD: The HUD was displayed using a separate screen that projected the window's view, creating an immersive experience within the car.
Research/Context
This project began with research into real-world car usage behaviors. Studies from the U.S. Department of Energy show that household vehicles are parked 95% of the time, and additional data indicate that drivers spend an average of 3–4 hours per day in their cars. A growing share of that time is spent stationary yet occupied, with users resting, eating, waiting, or engaging in leisure activities like car camping.
Building on this context, the research focused on emerging trends in immersive automotive interfaces, particularly in off-road and recreational scenarios. Inspiration was drawn from systems like NIO’s PanoCinema and Tesla’s Theater Mode, as well as conceptual UX innovations showcased at CES.
Tools commonly used in automotive UI development were reviewed, leading to the selection of Three.js and Blender for real-time 3D rendering. For the HUD simulation, a curved acrylic surface was used to approximate windshield projection behavior.
Behavioral insights, especially those related to Gen Z drivers, highlighted the need for playful, emotionally resonant interactions during parked moments. These insights informed the inclusion of a virtual campfire HUD feature designed to evoke calm, presence, and ambient engagement within the vehicle cabin.