Background

Renault is a symbol of French success, backed by 120 years of history and expertise. However, traditional ideals can present complex challenges.

Electric, connected, and autonomous vehicles are increasingly elaborate. With their surrounding team, a single engineer (PFE) is in charge of one among thousands of pieces. Each team responsible for one piece interacts with a network of others, forming an intricate puzzle.

Before GFE Centric, a Renault engineer managed and used a tremendous amount of information, spread out across many systems. Without a centralized tool, valuable time was wasted completing projections and quality documents. This daily workload was inefficient and unbearable.

GFE Centric

GFE Centric is a tool that streamlines
the conception of tomorrow’s vehicles.

Its goal was to gather the properties of each intricate piece of each complex part of a vehicle into
one portal—from the initial sketches to the final manufacturing agreements. 

It was designed to assist the engineer, assess manufacturing cost, and connect all softwares.

Role & work

For the project, I joined a twenty-person product team at Renault Digital for 10 months, and partnered with another UX Designer.

My role as Product Designer was to create the new face of the GFE Centric tool and help build its user experience.

During this fast-paced project, I simultaneously created wireframes in my sketchbook and used Adobe XD to build high-end prototypes.
At the same time, I created a design system—in accordance with the Renault Digital brand deck—to keep the team looped in with my work.

10 months, 200+ artboards, 4 prototypes

Due to the density of this project, I cannot showcase every screen I built. But I can say that these were the most complete prototypes I've made to date.

I included hover effects, animations, sliding panels, modals, lists, filters, transitions, tap, and drag actions. These high-end prototypes resulted in four final versions.

Thanks to the incredible team that helped me understand the engineers’ work and allowed me to be part of this amazingly tough project.

Design system

For GFE Centric, I built a new design system based on Renault Digital's brand deck.

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

The Model Change

One of the most essential and challenging parts of GFE Centric was The Model Change, which lists the weight and cost of each piece now and over time.

Because each vehicle is composed of a wide array of parts, which in turn are composed of a wide array of pieces, data for The Model Change was layered and detailed.

The challenge was to display a large quantity of information in a miniscule space. I decided to design a side panel that would slide onto about 40% of the screen, and seamlessly shrink the content in response. This way, detailed data was displayed as an extension to the corresponding piece, with no information loss.

As most sections of the project involved massive quantities of information, I used the concept of extensions as a template for most screens.

 

 

Moving beyond the grid

The main purpose of GFE Centric is to replace Excel step by step.

At the time of the project, most users were engineers in their 40s, 50s, and older, who were used to the preexisting system. We had to proceed with caution by gradually releasing features to eventually remove the grid system, which in future iterations should be replaced.

A few final screens

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