Étude de cas 01 · Comfone AG · août 2024 – oct. 20261 min de lecture
J’ai conçu le design system Pulse et créé la plateforme e-learning qui l’enseigne aux PMs et aux développeurs.
Dernier mot sur le design = l’explication aussi.
Design lead pour plus de 80 applications métier. Un seul designer, pas de refonte.
Pulse est la plateforme de Comfone pour plus de 600 opérateurs mobiles. J’étais rattaché au COO et au conseil d’administration. Chaque application réglait la mise en page, les graphiques et la navigation à sa façon, et ceux qui appliquaient les règles étaient des PMs et des développeurs, pas des designers.
Chaque « non » ici était une vraie option que quelqu’un avait demandée.
Choix C : Un choix d’audience : développeurs, PMs ou les deux
Parce que les développeurs veulent d’abord le code, les PMs d’abord le compromis.
Pourquoi pas A : PMs et développeurs ouvrent rarement Figma pour apprendre une règle.
Pourquoi pas B : une seule voix pour deux publics : chaque page était à moitié inutile pour son lecteur.
Compromis : chaque page écrite deux fois.
Choix C : Une plateforme e-learning en autonomie
Parce que elle fonctionne sans moi dans la pièce et montre qui a appris quoi.
Pourquoi pas A : un wiki se lit une fois, au mieux, et personne ne sait qui l’a lu.
Pourquoi pas B : les ateliers dépendent de mon agenda et disparaissent après l’heure.
Compromis : j’ai dû construire et maintenir un produit, pas une page.
Choix C : Les fondations : tokens, grilles, graphiques, navigation
Parce que plus de 80 applications en production peuvent adopter les fondations une à une.
Pourquoi pas A : les composants imposent une réécriture avant le moindre bénéfice.
Pourquoi pas B : les templates figent les applications actuelles au lieu de les corriger.
Compromis : moins de finition visible au début.
Les fondations d’abord. Les tokens s’adoptent application par application ; une bibliothèque de composants, non.
Changez d’audience, appuyez sur ⌘K ou Ctrl K
Pilier 1 sur 4
Pour les développeurs · comment appliquer
Utilisez des tokens sémantiques, jamais des valeurs brutes. Un token décrit son rôle : il s’adapte au thème et au mode contraste sans changer le code.
color: var(--text-muted);
background: var(--surface-raised);
padding: var(--space-4);Terminé ne veut pas dire adopté.
Le résultat honnête
Terminé et documenté. Le déploiement a calé, faute de responsable dans chaque équipe d’application.
Un design system est un produit, avec des utilisateurs, une roadmap et un responsable. La gouvernance commence avant le premier token.
Disponible immédiatement. Basé à Berne, ouvert à un déménagement, aux trajets pendulaires ou au télétravail.
