Concept Product Exploration
Interface Systems for Electric Vehicles

Electric Car Interface Design

Electric Car
Interface Design

Electric Car
Interface Design

UI/UX

CONCEPTUAL

This project explores how to design a modular EV dashboard system that balances information density, safety, and clarity. Instead of focusing on individual screens, the goal was to define a scalable interface framework that prioritizes critical driving data while adapting to changing vehicle states.

The design centers on structured hierarchy, persistent primary information, and context-aware secondary modules. Motion is used as functional feedback to communicate state changes without increasing distraction.

All components were built around repeatable layout logic and consistent state rules to ensure the system could expand without losing coherence.

The image featured at the top of the about us page #1
The image featured at the top of the about us page #1
The image featured at the top of the about us page #1

From Clutter to Clarity

Research

Research focused on situations where drivers need quick access to essential information rather than full system control. On-site observations and interviews showed that dense layouts and frequent context switching caused frustration, highlighting the need for clearer hierarchy and reduced visual competition.

Layout Strategy

Screen Structure

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments

A. Dashboard
Primary driving information and system status


B. Navigation layer
Secondary functions accessible without
interrupting focus

C. Main content area
Contextual views such as navigation or media

D. Quick controls
Gesture-accessed settings for climate and
media adjustments

A. Dashboard
Primary driving information and system status


B. Navigation layer
Secondary functions accessible without interrupting focus

C. Main content area
Contextual views such as navigation or media

D. Quick controls
Gesture-accessed settings for climate and media adjustments

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments

Screen Designs

Layout Strategy

Figma Prototype

An interactive prototype demonstrates key flows and system behavior in common driving scenarios, showing how the interface responds in real time.

Test the prototype here.

An interactive prototype demonstrates key flows and system behavior in common driving scenarios, showing how the interface responds in real time.

Test the prototype here.

The layout is organized around visibility and reach, placing the most critical information closest to the driver and pushing secondary actions outward. Functions are grouped into clear zones to reduce scanning and simplify interaction while driving.

Dashboard
Primary driving information and
system status

Navigation layer
Secondary functions accessible without
interrupting focus

Main content area
Contextual views such as navigation
or media

Quick controls
Gesture-accessed settings for climate and media adjustments