Refonte du Design System
Un système de composants unifié pour que chaque équipe produit avance dans la même direction.
Un système pensé pour être utilisé tous les jours, pas seulement documenté une fois puis oublié.
Contexte
Le problème
Chaque équipe produit avait fini par recréer ses propres boutons, ses propres espacements, ses propres couleurs. Le produit ne ressemblait plus à un seul produit.
Objectifs
Le brief tenait en trois priorités, avec l'idée qu'un design system doit rester cohérent sans devenir rigide :
- Unifier les composants d'interface existants
- Documenter les règles d'usage, pas seulement le visuel
- Faciliter l'adoption sans bloquer les équipes en retard
Approche
Un design system qui ralentit les équipes n'est plus un système, c'est un obstacle de plus.
Étapes du projet
- Audit des composants existants sur tous les produits
- Définition des tokens de base (couleur, espacement, typographie)
- Construction de la librairie de composants
- Accompagnement des équipes à la migration
Un extrait de la structure des tokens partagés entre les équipes :
export const tokens = {
colorPrimary: "#0b0e14",
radiusDefault: "12px",
spacingUnit: 8,
};Résultat
Le temps nécessaire pour livrer une nouvelle interface a nettement diminué, et les incohérences visuelles entre produits ont presque disparu. Le détail de la démarche est disponible dans la documentation complète.
