thomas mercier

thomas mercier

GO BACK

Renault Trucks

Automotive HMI Design

UI

ANIMATION

BRANDING

AUTOMOTIVE

Renault Trucks

Automotive HMI Design

UI

ANIMATION

BRANDING

AUTOMOTIVE

Renault Trucks

Automotive HMI Design

Renault Trucks

Automotive HMI Design

UI

ANIMATION

BRANDING

AUTOMOTIVE

Context

UI teams

50,000+ vehicles deployed

embedded interface design

Pain points

brand alignment vs embedded constraints

inconsistent driver experience

transition from hardware to digital

overall product consistency

Opportunities

anchoring digital identity

UI guidelines

harmony with interior design

Solution

iterative visual prototyping

Figma graphic guidelines

embedded multi-screen design system

Impact

serial production embedded interface

core foundation for future digital cockpits

positive press/user reception

project features

project features

Example of variations of the different on-board multimedia screen configurations using the dedicated design system

Example of variations of the different on-board multimedia screen configurations using the dedicated design system

Component configurations (nested instances, variables, properties) allowing for precise parameterization of the different configurations of embedded functions

Component configurations (nested instances, variables, properties) allowing for precise parameterization of the different configurations of embedded functions

Component configurations (nested instances, variables, properties) allowing for precise parameterization of the different configurations of embedded functions

Screens currently deployed in more than 50,000 Renault Trucks.

Screens currently deployed in more than 50,000 Renault Trucks.

Screens currently deployed in more than 50,000 Renault Trucks.

HMI interface concept for heavy truck driving, experimentation around new navigation and readability logics.

HMI interface concept for heavy truck driving, experimentation around new navigation and readability logics.

HMI interface concept for heavy truck driving, experimentation around new navigation and readability logics.

Logo animation designed as a launching screen, intended for VIP clients and limited editions.

Logo animation designed as a launching screen, intended for VIP clients and limited editions.

Logo animation designed as a launching screen, intended for VIP clients and limited editions.

Create a free website with Framer, the website builder loved by startups, designers and agencies.