Foundation Design System, transformer les manières de livrer de nouvelles fonctionnalités
Industrie
BTP
Vitesse des flux de travail
30%
Composants créés
40+
Rôle
UX/UI Designer
Durée
2+ années (2024-2025)
Équipe
Product Owners
Product Manager
Développeurs Fullstack & QA
Scope
UI Design
Design Ops
Interaction Design
Workshops
Problématique
À mesure que le produit se développait, l’expérience devenait moins homogène et plus coûteuse à maintenir. Il fallait remettre de la cohérence sans freiner la roadmap.
Solution
J’ai initié un design system, conçu du manière itérative au fil des sprints. L’objectif n’était pas seulement de standardiser l’UI, mais aussi de créer des règles partagées et une logique de collaboration durable.
Résultats
Gains significatifs dans la vitesse d'exécution et la qualité des deliveries, la collaboration est devenues plus fluide entre les équipes.
À propos du projet
En collaboration étroite avec les développeurs et avec le soutien du Product Manager, j’ai initié la création de Foundation Design System pour structurer un écosystème produit devenu hétérogène et difficile à maintenir.
Il a harmonisé l’expérience utilisateur à travers les produits d’Axeo System, garantissant cohérence visuelle et fonctionnelle.
Audit de l’existant
Partir de l'existant c'est créer un système aligné à l’identité que les clients connaissent, tout en lui donnant un coup de peps.
App web
App mobile
Plugins
Contenus marketing
Des dizaines de boutons différents, des centaines d’éléments sans token, ... La dette était conséquente mais pas insurmontable : il fallait déterminer une approche cohérentes avec les ressources en interne.
Rythmer le développement
Plusieurs projets sur le feu, 3 développeurs dédiés au front-end, 1 UX/UI Designer aux multiples responsabilités, il était impensable de mettre en pause le développement de nouvelles fonctionnalités pour créer un Design System en une fois.
Solution
L'audit m'a permis de voir quels étaient les composants les plus fréquemment utilisés, les prioriser, puis les concevoir au fur et à mesure des besoins UI des projets.
Avantage
Itérer et profiter des rétrospectives pour affiner continuellement le process de création des composants et de collaboration, à chaque sprint.
Inconvénient
Accepter une part de dette technique maîtrisée que nous allions prolonger, au profit de la vitesse de delivery.
Après +2 ans d’évolutions continues
100+ Design tokens
Couleurs, typographies, espacements, ombres…
40+ Composants créés et documentés
Nomenclatures, états, variantes, responsive, accessibilité.
60+ Guidelines
Comment choisir un composant plutôt qu’un autre, règles d’UX, d’UX Writing, et comment rester en phase avec les contraintes technique.
Rituels Design
Design reviews, synchronisations produit/design, alignement avec les développeurs : un Design System est bien plus que des composants Figma.
Workflows Jira
Ticket de spécification, ticket de QA, validation croisée avec l’équipe dev.
Atomic design
Partir d’éléments simples jusqu’à des ensembles d’interface complets reste de loin le meilleur moyen de donner une flexibilité quasi-illimité pour tous les utilisateurs du DS, tout en minimisant les possibilités d'introduire de la dette de design.
Résultats
1
Accélération des delivery
Réduction de 30–50% du temps de conception des nouvelles features
Moins d’allers-retours design/dev grâce à des specs standardisées
2
Meilleure collaboration produit / dev
Clarification des responsabilités
Tickets mieux structurés
Validation croisée simplifiée
3
Scalabilité produit
Onboarding plus rapide des nouveaux designers/devs
Capacité à livrer plus de features sans augmenter l’équipe
Système pensé pour tenir à n’importe quelle type d’évolution
Plus de projets
