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
Avec 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
Avec plusieurs projets sur le feu, 3 développeurs dédiés au front-end et 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 complet en une fois.
Solution
Grâce à l'audit j'ai pu déterminer quels étaient les composants les plus fréquemment utilisés et les prioriser, puis les concevoir au fur et à mesure des besoins UI des stories.
Inconvénient
Accepter une part de dette technique maîtrisée que nous allions prolonger, au profit de la vitesse de delivery.
Avantage
Itérer et profiter des rétrospectives pour affiner continuellement le process de création des composants, à chaque sprint.
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.
Workflows Jira
Ticket de spécification, ticket de QA, validation croisée avec l’équipe dev.
Atomic design
Le principe d'Atomic Design, classiquement utilisé dans la conception de Design Systems, permet de structurer les composants de façons modulaire : partir d’éléments simples jusqu’à des ensembles d’interface complets.
Résultats
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
Meilleure collaboration produit / dev
Clarification des responsabilités
Tickets mieux structurés
Validation croisée simplifiée
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
