AITO OS 1.0
HMI • Digital Strategy • UI • UX • CG • Motion • Automotive Design
BACKGROUND
By leveraging the Unity engine to implement a seamless one-take 3D solution, we created a futuristic smart cockpit interaction system. Through innovative visual language and interactive experiences, we enhanced AITO’s brand positioning as premium and intelligent.
I led a one-year conceptual design project to redefine the HMI platform for AITO’s future vehicle models.
As the Visual Design Lead, I managed a team of 10 designers to deliver both the initial concept and final production-ready solutions for AITO’s next-generation luxury HMI and integrated digital experience, covering the instrument cluster, HUD, co-pilot display, and infotainment system.
The project’s hallmark was using Unity to achieve a one-take 3D vehicle model, dynamic scene solutions, and animations for core vehicle functions and driver-assistance features.
Every touchpoint across the vehicle lineup required cohesive and consistent design, balancing intuitive usability with a premium luxury feel.
Throughout the project, I collaborated closely with technical artists, developers, and interaction designers to evaluate technical feasibility and advance the design from concept demo to final implementation.
CONCEPT DESIGN PHASE
Starting from concept design, we used AI tools to rapidly prototype and validate visual language.
During this phase, we created three demos to showcase our core design philosophy: the new HMI system should embody spatiality, scenario-based interaction, and emotional intelligence.
At this stage, without interaction team involvement, we focused on visualizing key design elements and used AI tools to simulate the one-take transitions.
All transitions were AI-generated. While some details were imperfect, the overall presentation allowed rapid validation of our concept.
Spatial Design Concept
A full-dimensional visual upgrade from 2D to 3D, emphasizing depth and expansiveness.
-
[00:04 - 00:30] Vehicle Control Visualization – 3D models reduce cognitive load and improve operational intuitiveness.
-
[00:30 - 01:20] Seamless One-Take Navigation – Smooth transitions enhance fluency and intuitiveness.
-
[01:20 - 01:36] 3D Vehicle Customization – Users become designers, creating unique car models.
-
[01:36 - 01:55] Adaptive Screen Framework – Dynamic grid layouts ensure UI scalability from 1920×1080 to 5760×1080 resolutions.
Scenario-Based Design Concept
Function-as-Scenario: Strengthening the bond between features and visual context.
-
[00:00 - 01:00] Music Mode
-
[00:01 - 01:50] Camping Mode
-
[01:50 - 02:18] Car Wash Mode
For high-frequency functions (music playback/camping/car wash modes), we created dedicated 3D scenes and achieved seamless mode switching through "one-take" animations. This approach reduces cognitive load while strengthening the visual-function connection through cohesive storytelling.
Emotional Design Concept
An AI assistant that thinks and emotes.
-
[00:00 - 00:42] Instant Action Mode – Quick responses for simple tasks.
-
[00:42 - 01:26] Deep Thinking Mode – Animated reasoning (e.g., bubble-style thought chains) for complex queries.
Using Deepseek’s AI model, we built emotional connections via dynamic expressions and visualized reasoning, fostering a sense of companionship.
AI personifies the vehicle interface, bridging emotional resonance between users and technology.