CONTEXT

Despite 120 years of history and savoir faire, it’s still complicated for Renault to understand what the next vehicle will be in 2 to 3 years. 

 

Electric, connected & automatic vehicle projects are more and more complex nowadays, requiring more actors, interactions and competencies. The PFE is in charge of one among thousands of pieces and is at the center of a complex interactions system.

 

In his daily work, he manages and uses a tremendous amount of information spread over too many different systems and tools. The workload quickly becomes unbearable and he can spend hours and hours solely completing these conception and quality documents in those tools.

GFE CENTRIC

The purpose and vision of GFE Centric is to gather all this information in one portal connected

with all the other systems from the initial sketches to the final manufacturing agreements.

 

This tool allows the gathering of information from the past and permits the visualization of potential risks or opportunities for tomorrow.

In summary, GFE Centric is a tool that assists those responsible in the automotive construction and streamlines the optimum conception of tomorrow’s vehicles.

ROLE & WORK

I joined Renault Digital’s Product team on the GFE Centric project as UI – UX Designer for 8 months.

 

On this project, I partnered with a full-time UX Designer in a 20 members team. I’d say I was 70% UI, 30% UX design.

My role was to create the new face of the GFE Centric tool, help building the user experience and create a high-end protoype for user tests and presentation.

 

I arrived in a period of rush so I quickly went from wireframing in my sketchbook to Adobe XD that allowed me to build

a high-end prototype for presentations and user tests.

 

At the same time I started to build a Design system to allow all members of the team to catch up with the changes

based on Renault Digital graphical charter and completes the fresh new style I created to rebrand GFE.

 

8 months work, 200 + artboards, 4 prototypes

I cannot showcase every single screen I built on XD for this project but I can tell those are the most complete prototypes I’ve ever made. Hover effects, animations, panel apparitions, modals, lists, filters, transitions, tap, drag actions…I made high-end prototypes throughout 4 final versions within those 8 months for the most complex project work I’ve ever followed.

 

Thanks to the amazing team that helped understand and allowed me to be part of this amazingly tought project.

Design system

For GFE Centric I’ve had to build a new design system based on Renault Digital’s graphical charter.

Here is a quick overview of some of the components included.

THE MODEL CHANGE

The Model Change is one of the most important parts in GFE Centric. It might be the most challenging due to the quantity of information in such a small space. Still, I decided to shrink the content by bringing the panel on about 40% of the screen instead of making it coming over it. 

 

To me, both parts are necessary for users to keep up with what they’re doing. We cannot afford to lose information every time we open a new part. Since this need is present in most parts of the GFE Centric I built almost all my screens around that idea that, on one side you have a piece of information, on the other you get the extension of it when needed.

 

 

TO GET RID OF EXCEL STEP BY STEP

The main purpose of GFE Centric is to replace step by step Excel, which is the tool our users work with.

Our target is a 40’s-50’s + user who’s used to work this way for years now, so we have to proceed with caution by adding feature after feature in order to remove the grid system. That explain why there’s still a grid for now that should be replaced in further iterations.

A FEW FINAL SCREENS

Here are some of the final screens of the GFE Centric project.