
Full hmi
solution
Full hmi
solution
Full hmi
solution
2023
2023
2023
automotive
automotive
automotive
UI/UX
UI/UX
UI/UX

Introduction
Customer project 2023
Three screen HMI solution for an Austrian Tier 1 company.
HMI to match the company brand and run on custom android platform.
HMI purpose were to showcase customers platform trough simulations.

Introduction
Customer project 2023
Three screen HMI solution for an Austrian Tier 1 company.
HMI to match the company brand and run on custom android platform.
HMI purpose were to showcase customers platform trough simulations.
concepting
concepting
concepting
First visual concept ideas for a wide screen setup plus separate passenger screen.

First visual concept ideas for a wide screen setup plus separate passenger screen.
First visual concept ideas for a wide screen setup containing cluster and IVI and separate passenger screen.

After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.
After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.
After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.
After the decision of the visual direction were chosen, started the iteration phase.
On this phase the target screen layout were confirmed to be 3 separate screens.

wireframes
wireframes
wireframes

Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.
Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.
Mapping out screen layouts and interaction inputs.
Steering wheel button mapping.
Mapping the features to IVI.
Finding the right solution to different screens.
Mapping the features to IVI.
Finding the right solution to different screens.
Mapping the features to IVI.
Finding the right solution to different screens.




Defining Cluster areas and features.












Defining UI flows.









Visuals
Visuals
Visuals
IVI Visuals
IVI - Home screen (Default theme)
IVI - Music player Full screen (Default theme)
IVI - Car settings - Battery Overview (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Home screen (Default theme)
IVI - Music player Full screen (Default theme)
IVI - Car settings - Battery Overview (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Home screen (Default theme)
IVI - Music player Full screen (Default theme)
IVI - Car settings - Battery Overview (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Home screen (Default theme)
IVI - Music player Full screen (Default theme)
IVI - Car settings - Battery Overview (Default theme)
IVI - Car settings - Drive Modes (Default theme)
IVI - Car settings - Drive Modes (Default theme)
Cluster Visuals
Cluster Visuals
Cluster Visuals
Cluster (Default theme)
Cluster - ADAS (Default theme)
Cluster - Eco mode
Cluster - Spot mode
Cluster (Default theme)
Cluster - ADAS (Default theme)
Cluster - Eco mode
Cluster - Spot mode
Cluster (Default theme)
Cluster - ADAS (Default theme)
Cluster - Eco mode
Cluster - Spot mode
Passenger Screen Visuals
Passenger Home (Default theme)
Passenger Music App (Default theme)
Passenger Home (Default theme)
Passenger Music App (Default theme)
Passenger Home (Default theme)
Passenger Music App (Default theme)
prototyping
prototyping
prototyping
Drive mode selection
(Figma prototype)
Card Opening
Theme Selection
(Figma prototype)
Phone App Flow ( Figma prototype)
Welcome animation in contextual environment
Testing out figma prototype in a VR enviroment.


All rights reserved © Teemu Paavola 2024
+358 400 532 229
teemu_paavola@hotmail.com
All rights reserved © Teemu Paavola 2024