Product Design Parcours utilisateur LLD · Véhicules BNP Paribas · Arval

My Arval Quotation — Permettre à n'importe quel utilisateur de chiffrer un véhicule en ligne

Conception du parcours de devis en ligne au sein de la plateforme My Arval : du catalogue jusqu'à la commande, en passant par la configuration, la comparaison et le calcul de prix exact — pour les conducteurs comme pour les fleet managers.

Client Arval — filiale BNP Paribas
Utilisateurs Conducteurs · Fleet managers
Livrables Research · Flows · Prototype Figma
Périmètre Catalogue · Config · Comparaison · Commande
My Arval Quotation — aperçu général du parcours
01 — Contexte

Un processus de devis complexe, encore trop souvent géré hors ligne

Dans le secteur de la location longue durée, obtenir un devis véhicule impliquait jusqu'ici un aller-retour avec un interlocuteur commercial — délais, emails, incompréhensions. Les conducteurs et fleet managers n'avaient pas la possibilité de simuler, comparer ou configurer un véhicule de façon autonome sur My Arval.

L'enjeu de Quotation était de digitaliser et de fluidifier l'intégralité de ce parcours : depuis la découverte du catalogue jusqu'à la validation de la commande, en offrant à chaque profil utilisateur le niveau d'information et d'autonomie dont il a besoin pour décider avec confiance.

Les enjeux clés

1. Deux profils, deux besoins — le conducteur cherche à trouver son prochain véhicule ; le fleet manager pilote une politique véhicule pour un parc entier. Le même parcours doit servir ces deux logiques sans alourdir l'expérience de l'un au profit de l'autre.

2. Complexité métier cachée — la tarification LLD implique des dizaines de paramètres (durée, kilométrage, options, financement). La conception devait rendre cette complexité transparente pour l'utilisateur sans la trahir.

3. Décision éclairée — permettre à l'utilisateur de comparer des véhicules, sauvegarder ses devis et commander en ligne, sans avoir besoin de passer par un conseiller.

My Arval Quotation — catalogue véhicules
02 — Mon rôle

Lead designer du parcours de devis, de la discovery à la livraison

Intégré à l'équipe produit Quotation, j'ai piloté la conception UX/UI du parcours de bout en bout — en collaboration étroite avec les PO, les développeurs et les équipes métier Arval.

Discovery & cadrage
Interviews utilisateurs (conducteurs et fleet managers), analyse des flows existants, identification des points de friction et cartographie des jobs to be done pour chaque profil.
Architecture & flows
Conception de l'architecture de l'information et des user flows couvrant les 6 grandes étapes du parcours : catalogue, fiche véhicule, comparaison, configuration, calcul de prix et commande.
UI design & prototype
Conception des écrans dans Figma en s'appuyant sur le Design System Arval — wireframes, maquettes haute-fidélité et prototype interactif pour les sessions de test et les validations avec les parties prenantes.
Tests utilisateurs
Animation de sessions de test sur prototype avec des conducteurs et fleet managers — itérations sur les points de blocage identifiés, en particulier sur les étapes de configuration et de calcul de prix.
03 — Processus

Six étapes pour passer du catalogue à la commande

Le parcours Quotation a été conçu comme un funnel progressif — chaque étape affine le choix de l'utilisateur et prépare la décision suivante, sans jamais l'obliger à repartir de zéro.

1
Catalogue — explorer l'offre avec un prix indicatif

Conception d'un catalogue filtrable affichant les véhicules disponibles avec un loyer indicatif visible dès la liste. L'enjeu UX : permettre à l'utilisateur d'évaluer rapidement si un véhicule correspond à son budget et à ses besoins, sans avoir à ouvrir chaque fiche.

2
Fiche véhicule — afficher les spécifications complètes

Structuration de la fiche produit pour présenter toutes les caractéristiques du véhicule de façon lisible et hiérarchisée — motorisation, équipements, dimensions, consommation. La fiche inclut un accès direct aux actions clés : configurer, comparer, ou sauvegarder.

3
Comparaison — décider entre plusieurs modèles

Conception d'un module de comparaison permettant de mettre côte à côte jusqu'à 3 véhicules, avec mise en évidence des différences clés. La comparaison inclut les prix calculés en temps réel selon les paramètres de contrat de chaque utilisateur.

4
Configuration — choisir les options

Parcours de configuration des options du véhicule : couleur, finition, équipements additionnels. Chaque choix met à jour le loyer calculé en temps réel. L'interface guide l'utilisateur sans l'écraser — les options sont organisées par catégorie, avec mise en avant des sélections les plus fréquentes.

5
Calcul de prix — obtenir le loyer exact

Conception de l'écran de synthèse financière affichant le loyer précis selon la durée du contrat, le kilométrage annuel et les services inclus. L'utilisateur peut ajuster ces paramètres et voir l'impact sur le prix immédiatement. La transparence du calcul est un facteur clé de confiance.

6
Sauvegarde & commande — finaliser le devis

L'utilisateur peut sauvegarder son devis pour y revenir plus tard ou le soumettre directement. Conception des écrans de confirmation et de suivi de commande — avec gestion des états (devis enregistré, en attente de validation, commandé) adaptés aux droits de chaque profil.

04 — Résultats

Un parcours autonome qui réduit la dépendance au commercial

Le parcours Quotation a permis de digitaliser un processus historiquement manuel et de donner aux utilisateurs la capacité de chiffrer, comparer et commander un véhicule en autonomie complète.

6 étapes
Du catalogue à la commande, en parcours fluide et continu
2 profils
Conducteur et fleet manager — un seul parcours, deux expériences adaptées
100% en ligne
Processus de devis entièrement digitalisé, sans dépendance au commercial
3 véh. max
Comparaison simultanée de plusieurs véhicules avec prix en temps réel
Autonomie utilisateur — les conducteurs et fleet managers peuvent simuler, configurer et commander un véhicule sans passer par un interlocuteur commercial, réduisant les délais et la charge côté Arval.
Transparence tarifaire — le calcul de loyer en temps réel à chaque étape donne à l'utilisateur une visibilité immédiate sur l'impact de ses choix, renforçant la confiance dans le processus.
Expériences adaptées — le même parcours s'adapte aux droits et au contexte de chaque profil : un conducteur voit ses véhicules éligibles, un fleet manager pilote la politique véhicule de son organisation.
Cohérence avec le Design System — l'ensemble du parcours est construit avec les composants et tokens du Design System Arval, garantissant une expérience cohérente avec le reste de la plateforme My Arval.
Validé par les utilisateurs — les sessions de test sur prototype ont permis d'affiner les étapes les plus complexes (configuration, calcul de prix) avant la livraison aux équipes de développement.
Tous les projets