01

Electric Vehicle HMI Design

Electric Vehicle HMI Design

Time

2024 - 2025

Team

Studiokurbos UX

In-car HMI for a new electric vehicle across three screens: instrument cluster, central control display, and an elongated main function screen. From concept to design system and usability testing.

A note on visuals. This project is under NDA. All interface visuals in this case study are recreations built specifically for this portfolio: generic layouts, fictional data, no client design language. They illustrate the type of work and the thinking behind it, not the delivered product.

Project image

Visuals shown are anonymized recreations for illustration purposes; actual production interfaces are under NDA.

01

Project Overview

Project Background

The client defined the functional requirements, such as battery status, navigation, and media. Our team owned the decisions around visual hierarchy, interaction logic, iconography, and the underlying design system.

I contributed across the full process: concept exploration, high-fidelity screen design, icon and component design, multi-screen interaction logic, design system documentation, and usability testing.

02

Key Decision: Brand Red vs. Readability

Key Decision: Brand Red vs. Readability

The client requested a red-dominant wallpaper to match the brand identity. But in automotive HMI, red is conventionally reserved for warnings and alerts — a fully red background risked diluting the urgency of critical warnings (low battery, system faults) while reducing the legibility of foreground text and icons.

I iterated through multiple directions to reconcile brand and usability. The version that resolved the conflict applied heavy blur to the background: the brand's red identity was preserved at an ambient, atmospheric level, while its visual density was softened enough for foreground content to stay legible and for warning states to retain visual priority. The client approved this direction.

03

Consistency Across Three Screens

Consistency Across Three Screens

Three screens of very different proportions had to feel like one product. I built a shared set of components and icons, unified the navigation logic so drivers would not need to relearn patterns when moving between displays, and documented the system, from typography and color to iconography and interaction rules, so development teams could implement it without ambiguity.

04

Reflection

Reflection

This project changed how I work. I stopped treating an HMI as a set of screens and started treating it as one system with shared rules. That perspective now applies to any multi-surface product, in or outside the car.