Loading...
Menu

Renault GroupSaaS automotive platform

Five countries, one SaaSElevating the experience of Renault Group’s most accessible discounts tool in the EU.

Client

Renault Group is a global leader in the automotive industry, known for its innovative vehicles and commitment to sustainable mobility. With a strong presence in over 130 countries, the company sells a wide range of cars and vans under its flagship brands, including Renault, Dacia, Alpine, and Mobilize.

Overview

I built a back office tool that allowed car dealers to input various types of discounts for customers to display a final price online in the car configurator once the dealership was selected. This tool was developed in response to a legal requirement mandating that dealers in the EU have control over the prices displayed.

Goals

Enable dealers to control and update prices easily, while allowing the subsidiary to pre-document discounts within legal and country-specific constraints. Streamline the experience to save time and reduce errors, despite challenges like limited resources, complex rules, and the need for continuous adjustments and user clarity.

My role

Gather requirements from stakeholders through workshops, visualize complex rules as diagrams and wireframes and prioritize improvements. Develop solution hypotheses, create high fidelity prototypes and test them with users. Build an MVP using and enhancing the Group's design system.

Context

The project addressed inefficiencies in the existing system for managing BTS (Build-to-Stock) and BTO (Build-to-Order) pricing. The previous process involved a back office tool, manual workflows using Excel/PDF files on the subsidiary side, and a cumbersome process for dealers. Although some user research had been conducted two years prior, new challenges included meeting legal requirements for online vehicle sales, where displayed prices needed to match dealer pricing.

The goals focused on automating manual processes, minimizing errors, and tracking changes. The project aimed at two types of users: dealers, including profiles such as Sales Managers or Marketing Managers, and the subsidiary (Renault Group). It initially targeted G5 countries (France, the UK, Germany, Italy, and Spain) with plans for broader expansion. Additionally, the roadmap evolved dynamically, with feature priorities shifting during implementation and country-specific preferences driving prioritization.

"My goal was to design a back office tool tailored for Renault Group that saves time for both the subsidiary and dealers in France, the UK, Germany, Italy, and Spain by addressing two key challenges: enabling the subsidiary to pre-document discounts for new vehicles and configured in a simple, controlled manner, and empowering dealers to quickly and efficiently input and validate these pre-documented discounts for their inventory."

Alexandre Moreau

UX/UI Designer

Countries workshops

I planned to meet with the european teams to continue refining the Price Recommendations Back Office tool, building on insights gained from previous sessions with the French team. This tool was designed to enable dealers and subsidiaries to create, edit, and manage online discounts for customer-facing platforms efficiently. My primary goal was to provide each country with an automated solution that helped teams validate discounts internally, supplied dealers with pre-filled validated discounts, and simplified the process of editing and publishing them.

To achieve this, I sought stakeholders with deep knowledge of end users—both internal teams and dealers—who could share insights about their workflows, habits, and needs. I also wanted input from those familiar with the product to understand their daily challenges and business requirements. I requested a list of participants who would be a great fit for the workshop, along with their availability for a two-hour session. Workshop preparation was critical, and I needed the right participants to help shape this tool effectively.

A “Pre-Documentation” feature for everyone

My aim was to understand and gather the needs of EU countries and develop potential solutions that could be implemented later in the design process. I needed to align the needs of all countries and build an easy-to-use, automated "Pre-Documentation" feature. The subsidiary begins by creating a campaign of offers, selecting specific models or versions and assigning a manufacturer’s contribution along with a recommended network contribution.

Once the campaign is prepared, it is sent to dealers, who are notified about the new offers. Dealers then have the option to modify the recommended network contribution—either increasing it to retain eligibility for the manufacturer’s contribution or decreasing it, which forfeits their eligibility for the contribution on the specified model or version.

"In every country, I stated a standard discount process where a designated team or profile within the subsidiary took charge of defining pricing and discount strategies. Another team—often the same one—was responsible for validating these discounts to ensure accuracy and alignment with policies. Once validated, the same or another team handled completing the discounts in tools like their local Back Office and pushed them to the selected dealers. Finally, dealers were notified of the updated discounts and could seamlessly publish them to the online configurators on Renault and Dacia websites."

Alexandre Moreau

UX/UI Designer

Building the MVP

I focused on collecting and framing the needs of stakeholders and countries through dedicated workshops to uncover all their needs and ensure the success of the MVP,. This process involved translating complex business rules into clear diagrams, user flows, and wireframes, which were then shared with countries, legal teams, technical experts, and architects for feedback. By developing and testing solution hypotheses with users, I prioritized key improvements, built a Minimum Viable Product (MVP), and created prototypes that utilized and enhanced the Group’s design system.

Constraints

The project faced several constraints, including the need for continuous framing and redefinition driven by prescribing countries, limited development resources, and the complexity of business rules impacting interface designs. Additionally, challenges arose in resolving conflicts and clarifying inheritance rules to ensure a clear and user-friendly experience.

Objectives

The main objectives of the project were to empower dealers to control the displayed prices and update them quickly and easily, while enabling the subsidiary to pre-document discounts in alignment with country-specific constraints and legal frameworks. Additionally, the project aimed to streamline the overall experience, reduce errors, and save time for all users involved.

User insights

Through interviews and workshops, I discovered that dealers needed synchronized data and streamlined tools to reduce administrative overhead, while filial teams required clearer validation processes and alerts to maintain effective oversight. All stakeholders expressed a desire for improved visibility into campaign performance and more user-friendly onboarding processes.

Pain points

The existing discounting workflow was fraught with challenges, including high error risks due to multiple intermediaries and manual data entry, slow updates that delayed campaign rollouts, and complex discount rules that caused confusion for dealers and end-users. Additionally, disjointed tools led to inefficiencies and redundant work, further complicating the process.

"The genesis of this tool was a legal mandate requiring dealers to have full control over the prices displayed to customers. It addresses a critical need for transparency and flexibility in pricing, empowering dealerships to reflect their specific offers in real time. My objective was to design an easy-to-use back office tool that saves time for both the subsidiary and the dealers, and implement a user-centered design methodology and produce a Minimum Viable Product (MVP)."

Alexandre Moreau

UX/UI Designer

Journey mapping

During the UX phase, detailed flow diagrams were created to uncover all of the possible use cases for enabling dealers to control and update prices easily, while allowing the subsidiary to pre-document discounts. The resulting charts helped me develop a scenario for testing the first UX prototype. The prototype focused on automating and streamlining discount management for subsidiaries and dealers across the UK, Germany, France, Italy, and Spain.

The primary objectives included enabling subsidiaries to pre-document and validate discounts efficiently while empowering dealers to modify and apply these discounts to their stock with ease. The tool also addressed existing challenges such as irregular workflows, a lack of synchronization, excessive delays, and risks of error.

Focus group

Later in the process, I led a focus group with the main objectives of verifying whether all countries were aligned with the two defined sets of management rules and obtaining consensus to ensure that each country understood the global challenges and the need for a standardized solution. I aimed to reach an agreement on a unified system while assessing whether end users in the subsidiaries would be satisfied with completing the proposed forms.

An elegant SaaS experience

My challenge was to present the back office’s intelligence in a clear, user-friendly manner, which I accomplished through intuitive design and robust data visualization. The final design I delivered included narratives of the strategy implemented during the design process, from wireframes to final flows.

Accessing the back office

The subsidiary or dealer (publisher/editor) logs in and is directed to a page displaying a list of campaigns. The management of campaigns and fees and deadlines are separated: fees and deadlines are generally intended to remain effective for longer periods.

Reviewing campaigns

From the subsidiary's view the list of campaigns shows campaigns with two statuses: "Unsent" campaigns are created and may include discounts but are not yet visible to dealers until the subsidiary sends them. "Sent" campaigns have been completed with discounts and sent to dealers, making them visible. Manufacturer participation becomes effective and visible to customers before they select a dealership, while network participation requires dealer validation to take effect.

Dealers can adjust their network share by increasing or decreasing it. From the dealer’s view, the list of campaigns displays campaigns pre-documented and sent by the subsidiary. These campaigns may be modified by the dealer but remain incomplete until validated. While the manufacturer’s share applies immediately, the network share becomes active only after dealer validation.

Optimized actions

By utilizing customizable action widgets, I streamlined the display of offers, campaigns correlation, and controls, while also integrating click-based interactions to enhance user accessibility to relevant information.

Notifications

When the subsidiary sends their campaign to the network, a confirmation message pops up requesting approval for the submission. A notification then appears to inform the dealer about the new campaign. The dealer clicks on "View the campaign" or "View all" to access the details.

Creating a campaign

The subsidiary user fills in the necessary information and clicks "Create" to set up a new campaign. For the MVP, campaigns could not overlap in terms of dates, ensuring only one effective campaign per period. Dealers could not create campaigns but could modify those pre-documented by the subsidiary, making timely campaign creation and sending by the subsidiary essential for dealers to complete their discounts. Campaigns created by the subsidiary were automatically sent to all dealers linked to it, without the need to select individual dealers.

Date pickers

Date pickers allow users to select a date (or a range of dates) from a calendar-style interface instead of manually typing it. It enhances user experience by making date selection more intuitive, error-free, and consistent.

Starting the campaign

After creating the campaign, no offers have been entered yet, leaving the campaign empty. From there, the subsidiary user can click on "Add an offer" to initiate the process of setting up new offers.

Adding an offer

In this step, the user enters their discounts with a high level of granularity, specifying details for different models, versions, or configurations as required. As the discounts are entered, a summary panel on the right dynamically updates to display a breakdown of the entered discounts along with the total. This feature provides the user with real-time visibility and ensures accuracy, helping them track and validate the discounts before finalizing the campaign.

Dealers can adjust their network share by increasing or decreasing it. From the dealer’s view, the list of campaigns displays campaigns pre-documented and sent by the subsidiary. These campaigns may be modified by the dealer but remain incomplete until validated. While the manufacturer’s share applies immediately, the network share becomes active only after dealer validation.

Modifying an offer

The dealer modifies one of the offers pre-documented by the subsidiary. The manufacturer's share is grayed out, allowing the dealer to view what the subsidiary entered but preventing any modifications. However, the dealer has full control over the network share and can adjust it as needed.

A text below the discount continuously displays the amount suggested by the subsidiary for reference. For example, the dealer reduced the cash discount from 7% to 6% and increased the specific financing discount from 6% to 8% and from €700 to €900.

“Pre-Documentation” feature

The feature I analyzed through the workshops and delivered in the first Program Increment (PI) was designed to streamline the workflow between the subsidiary, which provides recommendations, and the dealer network, which receives, processes, and integrates them. We called this feature "Pre-Documentation".

The "Pre-Documentation" feature allows the manufacturer’s bonus to be granted only if the dealer commits to applying at least the recommendations provided by the subsidiary for the "network" portion. However, the dealer’s agreement is not required for the recommendations to go online, unlike other types of offers.

The subsidiary selects specific models or versions and applies a designated manufacturer’s contribution along with a recommended network contribution.

Dealers can adjust the network contribution, increasing it to keep the manufacturer’s contribution or decreasing it, which forfeits eligibility.

Writing editorial offers

The use of editorial fields to contribute to an editorial offer were not available in PRT and needed to be added as a feature. I had to balance flexibility and structure in how editorial offers were created. PRT allowed multiple editorial offers to be created for the same vehicle criteria, but existing restrictions ensured that an offer could only target vehicles not already covered by another offer.

I worked to maintain consistency with the discount offers while refining the user experience to ensure contributors could easily identify their editorial content. By tackling these challenges, my goal was to create a more intuitive and efficient system for managing editorial offers.

The campaign

The dealers navigate the campaign page, where they can choose to either modify or directly validate the campaign. For example, if the subsidiary has made modifications to several offers or published new ones, the dealers will see the updated offers and notice the changes.

Nesting offers

The nesting of offers within the same campaign became quite complex. After we decided to include nested granular offers in our “Pre-Documentation” feature, I was tasked with figuring out how to manage multiple cases.

When users visit the campaign page, I decided to give them the option to view network contributions versus the manufacturer's shares through nested dropdowns. To save space, I chose to close this option by default.

Granularity

If the dealer reduces one of the network contributions pre-documented by the subsidiary, they lose access to all of the manufacturer's shares pre-documented by the subsidiary, which are crossed out. Discounts reduced by the dealer are displayed in red, while increased discounts appear in green. The dealer can modify the offers indefinitely, and both the changes and the eligibility for the manufacturer's share will be updated accordingly.

Versatile components for any content

My design used adaptable, reusable modals, enabling seamless additions of new offers and discounts. This modular system prioritized consistency and flexibility, allowing the back office to efficiently manage content and quickly adapt to market changes.

Design tokens

With clear guidelines for typography, color usage, icons, and imagery, I complemented the design system to ensure a seamless design process and enable future product iterations.

Comprehensive design handoff

All assets and mockups were organized with accompanying descriptions and implementation guidelines. The aim was to establish a scalable system to aid in gradually updating various portions of the back office, and eventually, the entire ecosystem of web products and identity.

Radio buttons

Radio buttons allow users to select one option from a set. They’re a selection control that often appears when users are asked to make decisions or select a choice from options.

Selected

Unselected

Switches

Switches are toggle controls that allow users to turn a setting or function on and off. They typically appear as a small slider or button that moves between two states, such as "on/off", "enabled/disabled", or "active/inactive".

On

On True

Off False

Off True

Checkboxes

Checkboxes allow users to select one or more items from a set and can be used to turn an option on or off. They’re a kind of selection control that helps users make a choice from a set of options.

Selected

Indeterminate

Unselected

Error + selected

Error + indeterminate

Error + unselected

Chips

Chips help people enter information, make selections, filter content, or trigger actions. There are four types of chips: Assist, filter, input, and suggestion.

Assistive

Filter

Input

Suggestion

Custom components

I expanded Renault Group’s unique visual identity throughout the product, ensuring a consistent look and feel that aligns with the brand. The design system now includes reusable components, such as buttons, forms, and navigation elements. These components can be used across different parts of the product, saving time and effort in the design and development process.

Granularities

Statuses

Tags

Toggles

"This professional solution now enables car dealers to input various types of discounts for customers, ensuring that a final price is displayed online in the vehicle configurator. Initially developed for Build-To-Order (BTO) configurations and later extended to Build-To-Stock (BTS) scenarios, this tool is crucial for aligning dealership operations with customer expectations."

Alexandre Moreau

UX/UI Designer

Custom iconography

I created an extensive set of icons to provide visual cues to users, strengthening the overall usability and UX of the product.

Featured projects

I partnered with early-stage startups and large corporations through the years. Take a look at some of my selected case studies.