Maxime Mironnet Contact

Retrouver la bonne pièce parmi des milliers

Client
Groupe industriel
Secteur
Industrie, pièces détachées
Année
2025
Prestations
Design produit, UI, Design System
La plateforme sur tablette : fiche d’un kit de maintenance, avec le détail des pièces incluses, leurs quantités et le total de la commande.

Cette plateforme interne permet aux professionnels de commander des pièces détachées parmi plusieurs milliers de références.

L'outil répond à des besoins métier spécifiques et à des usages différents selon les utilisateurs. L'enjeu était de faire évoluer l'expérience sans perdre la richesse fonctionnelle nécessaire à ces activités.

Product Designer, du cadrage UX à la conception des parcours, des interfaces et du Design System. Collaboration avec l'équipe UX, les Product Owners, les équipes métier et les développeurs.

Le défi

La complexité du produit vient autant du volume d'informations que des règles métier à prendre en compte : retrouver une pièce, comprendre à quelle machine elle correspond, vérifier sa disponibilité et effectuer les différentes actions nécessaires à la commande.

L'objectif n'était donc pas de simplifier à tout prix l'interface, mais de rendre cette complexité compréhensible et exploitable par les utilisateurs.

Le projet impliquait également de nombreux interlocuteurs et plusieurs niveaux de décision. Les choix de conception devaient être confrontés aux besoins métier et validés collectivement avant leur mise en production.

Écran du catalogue de pièces : arborescence des ensembles à gauche, vue éclatée de la machine au centre, et liste des références avec leur disponibilité à droite.

L'approche

Le travail UX a permis de structurer les parcours autour du contexte d'utilisation des pièces, notamment de la machine concernée et de leur disponibilité.

Conception des différents parcours et interactions sous forme de prototypes fonctionnels, pour tester concrètement le fonctionnement des actions et faciliter les échanges avec les parties prenantes.

Des ateliers réunissant les différents décideurs du projet ont permis de confronter les solutions aux contraintes métier, d'arbitrer les choix de conception et de faire évoluer les parcours.

Une fois les solutions définies, conception des interfaces et mise en place d'un Design System Figma comprenant composants, variables, tokens et documentation. L'objectif était d'assurer la cohérence de l'expérience et de donner aux développeurs un cadre suffisamment précis pour intégrer les interfaces sans avoir à réinterpréter les choix de conception.

Les solutions ont ensuite été présentées et validées avec les différents interlocuteurs du client avant leur mise en production.

Wireframe de la fiche produit : emplacement du visuel, informations techniques, compatibilité machine et options de prix. Fiche produit finalisée : visuel de la pièce, options de commande et de prix, composants inclus, informations techniques et logistiques.
Le design system Figma : la page du composant carte, avec ses variantes et ses états.

Le résultat

Le projet a permis de formaliser et valider les nouveaux parcours et leur fonctionnement avant développement, tout en fournissant aux équipes techniques un système de design structuré pour assurer la cohérence des interfaces.

+5 000

Références du catalogue à rendre navigables.

4

Parcours distincts conçus : recherche par machine, par référence, disponibilité et commande.

+120

Composants et variantes structurés dans le Design System.