Mettre en place un Design System pérenne
Unifier l’expérience et accompagner la croissance du produit
Rôle
Product designer
Secteur
Assurance
Durée
2 anns (2022-2024)
Context
Plateforme d’assurance avec des incohérences entre outils courtiers, portails clients et apps internes.
"Stello" est une compagnie d’assurance en ligne offrant une large gamme de produits et de contrats. Avec l’essor de sa plateforme, la mise en place d’un design system évolutif est devenue indispensable afin d’harmoniser l’expérience utilisateur.
Situation & Problème
-
Chaos : 3 équipes travaillaient en silos , UI incohérente (ex : 7 styles de boutons).
-
Lenteur : 40% du temps des devs gaspillé à recréer des composants.
-
Citation stakeholder : "Notre produit ressemble à un Frankenstein de plugins."
Mon Rôle & Mission
-
Objectif : Créer une source unique de vérité pour design/dev.
-
Périmètre : Audit → Système de tokens → Bibliothèque de composants → Documentation.
Actions Clés
1
Recherche & Analyse
-
Audit de 200+ écrans → identification de 50+ composants dupliqués.
-
Ateliers avec les devs pour définir les contraintes techniques (ex : compatibilité React).
2
Fondations du Système
-
Tokens d’abord : Couleurs, espacements, typo (WCAG AA).
-
Composants atomiques : 150+ composants Figma avec variants (boutons, modales, tableaux...etc).
-
Documentation : Publiée sur Jira (guides d’usage ).
3
Stratégie d’Adoption:
-
Rituels via “Round table” pour échanger nos connaissances et améliorer le système.
-
Modèle de contribution pour les designers.
Résultats obtenus
1
Efficacité
-40% de temps de développement (réutilisation des composants).
2
Cohérence
Score d’harmonie UI à 90% (vs 45% avant).
3
Changement culturel
Révisions design réduites de 4 à 2 itérations.