Retour

Étude de cas · Refonte UX/UI

Refonte UCAR

UX & tunnel de conversion.

Comment une approche centrée sur l'utilisateur a permis de corriger une baisse de leads et de moderniser un réseau de 400 agences.

Sortie Jan. 2027Design SystemLocation courte durée

10 → 5

Clics parcours

400+

Agences valorisées

UCAR — Refonte UX & tunnel de conversion

Diagnostic

L'Audit : Identifier les points de friction

Un an après une refonte visuelle sans résultat, j'ai mené un audit de cohérence et des tests utilisateurs pour identifier les frictions bloquant la conversion.

Hiérarchie brisée

Promotions empilées repoussant les prix hors écran — invisibles pour 70 % des sessions.

Hero inefficace

Aucune proposition de valeur claire, données fictives dans le moteur — confiance brisée dès la première interaction.

Réseau invisible

400 agences et l'autopartage non valorisés — le principal avantage concurrentiel ignoré.

Absence de réassurance

Assurance, assistance, annulation — absents du parcours, aucun argument pour convertir.

Homepage existante — Promotions empilées, hiérarchie brisée, données fictives dans le moteur de recherche.

Solution

Une expérience unifiée : Design System & UX

Utilisation du design system

Refonte construite sur le Design System BYmyCAR conçu en parallèle — cohérence groupe garantie, composants documentés et intégration accélérée.

Le design system s'adapte à l'identité UCAR

Typographie

Lexend

Aa Bb Cc — Regular · Medium · SemiBold

Brand colors

#FF6E41

#5FBE6E

#00C3D7

#8782D7

Accrocher dès le premier viewport

  • Moteur de recherche accessible dès le premier viewport
  • Promotions en carrousel — impact sans saturation
  • Proposition de valeur UCAR affirmée
UCAR homepage — partie haute : moteur de recherche et promotions

Transformer la visite en intention d'achat

  • Vraies offres locales — données réelles, confiance immédiate
  • Segmentation claire par catégories de véhicules
  • Blocs de réassurance : assurance, assistance, annulation
UCAR homepage — partie centrale : offres locales et réassurance

Valoriser le maillage et les services différenciants

  • Carte interactive des 400 agences — preuve du réseau
  • Autopartage mis en avant comme service différenciant
  • Preuve sociale : avis clients et actualités du groupe
UCAR homepage — partie basse : carte agences et services

Mobile

Refonte du parcours mobile

Le parcours UCAR n'était pas adapté au mobile. Écrans fragmentés, bloc de recherche peu visible, sélection de date non optimisée. Nous avons repensé l'intégralité du tunnel depuis une logique mobile-first.

  • Bloc de recherche visible dès le premier viewport — aucun scroll nécessaire.
  • Sélection des horaires avec composants accessibles et créneaux disponibles uniquement.
  • Résultats respectant la charte UCAR, avantages et disponibilités mis en avant.
Mobile UCAR — étape 1
Mobile UCAR — étape 2
Mobile UCAR — étape 3
Mobile UCAR — étape 4
Mobile UCAR — étape 5
Mobile UCAR — étape 6

Apprentissages

Rétrospective

Statut du projet

En cours de développement, lancement prévu en janvier 2027. Maquettes validées, premiers tests utilisateurs confirment la réduction de friction.

Défis rencontrés

  • Convaincre de repartir d'une base fonctionnelle plutôt que de corriger à la marge.
  • Concilier un réseau de 400 franchisés aux besoins locaux hétérogènes.
  • Intégrer des données temps réel (stocks, disponibilités) sans dégradation de performance.
  • Préserver l'identité UCAR dans le cadre du Design System groupe.

Ce que j'en ai retiré

  • Les données d'usage orientent mieux les arbitrages que l'intuition — l'audit d'abord.
  • Un Design System mutualisé est un levier de vitesse sous-estimé : chaque composant réutilisé = temps de dev récupéré.
  • La réassurance doit s'insérer dans le flux du parcours, pas en bas de page.
  • Prochain chantier : tests A/B post-lancement pour mesurer l'impact réel.

Étude de cas suivante

BYmyCAR — Refonte Page Produit

+30 A/B tests, ×3 volume de leads, ×2 taux de conversion.

Voir l'étude de cas Page Produit