ProjetsStellantis &You, Sales and Services
Concevoir une nouvelle expérience e-commerce pour faciliter l'achat de véhicules en ligne.
Avec le lancement de Stellantis &You, Sales and Services en 2021, Stellantis souhaitait accélérer le développement du e-commerce automobile.
Au sein de la Digital Factory de Stellantis à Poissy, j'étais responsable de la conception UI de cette nouvelle marketplace. Mon rôle consistait à traduire la vision UX en interfaces concrètes, à construire les fondations visuelles du produit et à accompagner leur implémentation avec les équipes de développement.
Overview
Construire les fondations visuelles d'une nouvelle marketplace automobile.
L'achat d'un véhicule implique un parcours complexe, avec de nombreuses informations à comprendre et plusieurs étapes à franchir avant la décision.
Le projet avait pour objectif de proposer une nouvelle expérience d'achat en ligne, plus claire et plus accessible, dans un secteur encore en pleine transformation digitale.
Au-delà de la conception des écrans, l'enjeu était également de créer un langage visuel cohérent et un système suffisamment structuré pour accompagner l'évolution du produit.
Challenges
Rendre un parcours d'achat complexe plus lisible.
L'achat d'un véhicule en ligne implique de nombreuses informations, options et étapes de décision.
L'enjeu était de trouver le bon équilibre entre richesse fonctionnelle et simplicité d'utilisation, tout en construisant une expérience cohérente sur desktop et mobile.
Le projet devait également poser les bases d'une nouvelle identité visuelle et d'un système d'interface capable d'accompagner les futures évolutions de la marketplace.
Mon rôle
Transformer la vision UX en interfaces concrètes.
En collaboration avec deux UX Designers, je travaillais à la traduction des parcours et des intentions UX en interfaces finalisées.
Mon travail consistait notamment à :
- structurer la hiérarchie visuelle des pages ;
- organiser les contenus et les éléments graphiques ;
- concevoir les interfaces desktop et mobile ;
- créer les composants nécessaires ;
- faire évoluer les solutions jusqu'à leur implémentation.
Créer les fondations visuelles du produit.
J'ai participé à la définition des fondations visuelles du produit et à la création du Design System de la marketplace.
L'enjeu n'était pas seulement de créer des composants, mais de construire une base suffisamment cohérente et flexible pour accompagner le développement du produit.
Le travail comprenait notamment :
- la définition des éléments graphiques ;
- la création et la maintenance des composants Figma ;
- la structuration des patterns UI ;
- la documentation du Design System ;
- la déclinaison des interfaces sur desktop et mobile.
Décisions Design
Concevoir un système plutôt qu'une succession d'écrans.
Une marketplace automobile doit pouvoir évoluer rapidement et intégrer de nombreux cas d'usage.
Le Design System a donc été pensé comme une base commune permettant de :
- accélérer la conception ;
- garantir la cohérence des interfaces ;
- faciliter la réutilisation des composants ;
- simplifier la maintenance ;
- améliorer la collaboration entre les équipes.
La documentation permettait également de rendre les règles d'utilisation plus accessibles et de faciliter l'intégration de nouveaux membres dans l'équipe.
Garantir une expérience cohérente sur tous les supports.
Les interfaces ont été conçues et déclinées pour desktop et mobile afin de maintenir une continuité d'expérience quel que soit le contexte d'utilisation.
L'enjeu n'était pas de reproduire une interface sur différents formats, mais d'adapter la hiérarchie, les contenus et les comportements aux spécificités de chaque support.
Collaboration
Faire le lien entre UX, UI et développement.
La collaboration avec les équipes UX et développement était au cœur du projet.
Avec les UX Designers, je transformais les parcours et les intentions en interfaces concrètes.
Avec les développeurs, je travaillais à :
- vérifier la faisabilité des solutions ;
- répondre aux questions d'implémentation ;
- clarifier les comportements d'interface ;
- préserver l'intégrité visuelle et fonctionnelle du design.
Cette collaboration permettait de maintenir une continuité entre l'intention initiale, la conception et le produit final.