Configurateur Automobile

PRODUCT DESIGN UX/UI

Mission📝
Mission longue durĂ©e en tant qu’UX Designer (+9mois) pour un client grand compte.

Champs d’actions ✅

  • UX Design
  • UX Research
  • User Tests
Environnement 🛠

  • Adobe XD
  • Miro
  • Zeplin
  • Slack & Microsoft Teams (team’s exchanges)

Contexte.

UX Designer au sein de l’équipe design de Stellantis, j’étais en charge de l’amĂ©lioration d’un produit spĂ©cifique qui est le configurateur automobile. Ce produit, utilisĂ© par de nombreuses marques automobile françaises, ne repondait plus aux besoins de ses utilisateurs finaux.

En tant qu’UX Designer sur ce projet, j’ai eu un rĂŽle central dans la mise en place des mĂ©thodes d’UX Design et de leur Ă©vangĂ©lisation auprĂšs des membres de l’équipe projet.

Étapes & MĂ©thodologie 📝

  • Analyse de l’existant (problĂ©matiques rencontrĂ©es, zones de frictions etc.).
  • Analyse de marchĂ© (besoins marketing, Ă©tude de la concurrence et des pratiques utilisĂ©es etc.).
  • Rapport UX : standards appliquĂ©s, pratiques UX Ă  mettre en place.
  • Zoning & Wireframes (itĂ©rations et montĂ©e fidĂ©litĂ©) + spĂ©cifications.
  • Test utilisateurs | Rapport et prĂ©conisations UX , prĂ©sentation aux autres membres de l’équipe Design et aux Marques.
  • Maquettes Haute FidĂ©litĂ© + spĂ©cifications
  • Prototype interractif : dĂ©monstration des diffĂ©rents parcours utilisateurs.

Problùme 💬

L’ancien configurateur contenait beaucoup trop d’informations, rendant ainsi sa navigation complexe et la comprĂ©hension des informations difficile.

Le taux de conversion Ă©tait Ă©galement trop faible, dĂ» au fait que l’accĂšs aux vĂ©hicules disponibles en stock Ă©tait peu mis en avant, que la multitude de choix rendaient confus les utilisateurs (et donc quittaient l’interface) mais Ă©galement parce que le produit ne correspondait plus aux standards de navigation pratiquĂ©s par les autres configurateurs.

Solution📝

Mise en place d’un nouveau format (70/30), qui permet d’afficher les images du vĂ©hicule dans un plus grand format et propose les Ă©lĂ©ments de configuration Ă  droite – standard appliquĂ© sur d’autres configurateurs.

L’objectif Ă©tait vraiment de proposer une interface plus simple, plus standardisĂ©e, avec des composants gĂ©nĂ©riques.

Aperçu board miro (recherches, notes etc.)

đŸ’» Parcours desktop

La principale contrainte que j’avais sur ce projet Ă©tait devoir composer avec un ensemble d’informations textuelles (mentions lĂ©gales, contraintes marketing etc.). Faciliter la la comprĂ©hension de ces informations et leur intĂ©gration dans un parcours utilisateur plus simple Ă©tait au coeur de mon approche UX.

👉 Lien prototype desktop

đŸ“±Parcours mobile

Concernant la partie mobile du configurateur, la plus grosse difficultĂ© Ă©tait de trouver une façon d’afficher les diffĂ©rentes informations (lĂ©gales etc.), mais aussi les diffĂ©rents menus de navigation tout en prenant en compte l’espace disponible dans le viewport.

J’ai donc choisi des composants trĂšs simples dans leur structure et dĂ» jouer sur les Ă©tats de ces composants afin de trouver des façons d’afficher toutes les informations nĂ©cessaires.

👉 Lien prototype mobile