moizuqaili
All work
Automotive HMIDesign Systems

AuraOS Automotive

Speed adaptive HUD & digital cluster

Platform
Cluster, HUD and center display
Built for
EV drivers
What I delivered
HMI system, motion specs, theming
Tools
Figma, ProtoPie, Unity
01

Executive summary

An instrument cluster and head up display that reshapes information density by speed, so drivers see less as risk rises and more when parked.

↓0%

Mean glance time

Verified post-launch

0.0s

Avg. task glance

Verified post-launch

0

SUS score

Verified post-launch

02

The problem

Legacy clusters showed 40+ simultaneous signals regardless of context. Glance time exceeded the 2 second NHTSA guideline in 31% of tested tasks.

03

Research insights

  1. 1Drivers above 80 km/h only reference speed, nav next turn and warnings.
  2. 2Ambient color shifts were noticed 2.3x faster than icon changes.
  3. 3EV range anxiety peaked when range was shown as a number without context.
04

Constraints

ISO 15008 legibilitySub 16ms render budgetGlare at 100k lux3 trim levels, 1 codebase
05

Interactive prototype

This is the real cockpit running live. Drag the speed slider and watch the screen remove distractions as you go faster, switch Drive, Navigate and Climate in the dock, change drive modes, and try the braking warning.

08:42
24°C Karachi
PRND
5G
359 km78%
020406080100120140160
0km/h
80
Comfort
READY TO DRIVE
350 m
Right onto Shahrah e Faisal
Midnight City
M83
Trip42.8 km
Avg14.2 kWh
Saved1.9 kg CO₂
21.5°|Fan 2|22.0°
0 km/h
ParkedCityHighway

Mode

Parked

On screen

15 of 15

Glance budget

No limit

What the driver sees right now

SpeedSpeed limitGearHazards aheadNext turnRange & batteryLane assistArrival timeGauge scaleNow playingMenu dockClimate controlsTrip statsWeatherPhone & connectivity

Each item has a priority from critical to nice to have. As speed rises the display drops the lowest priorities first, and a hazard leaves only what helps you brake.

06

Solution walkthrough

01

Speed tiered density

Four density tiers interpolate between parked, city, highway and alert states with spring eased transitions.

02

Range as a map

Remaining range shown as a reachable area ring on navigation instead of a bare number.

03

Token driven theming

One token set drives day, night and sport themes across three display sizes.

Next case study

Apex Terminal