Bouygues Telecom Business Distribution
Allô, qui est à l'appareil ?!
Un design system pour quatre marques, zéro doublon
E-commerce multi-marques
Bouygues Telecom Business Distribution est une filiale de Bouygues Telecom qui commercialise des forfaits et des téléphones en marque blanche. J'ai accompagné leurs équipes sur la conception des parcours de souscription et la création d'un design system commun à leurs quatre marques.
Unifier pour mieux régner
Quatre marques, quatre identités, un seul design system. L'objectif était d'industrialiser la conception et de simplifier la maintenance, sans que chaque marque perde son identité visuelle.
NRJ Mobile
Cdiscount Mobile
Auchan télécom
btbd
Jeu de variables, partie 1
Les variables Figma permettent de changer l'identité d'une marque en quelques clics. Pour y arriver, j'ai défini les tokens de référence de chaque marque, qui alimentent ensuite les tokens de système et de composant du design system commun.
Exemple de design tokens de référence pour la marque Auchan télécom
Jeu de variables, partie 2
Définir les tokens de système et de composant demande de la rigueur : chaque token créé doit se justifier. J'ai souvent dû arbitrer entre mutualiser un composant dans le design system commun ou le conserver dans le design kit d'une marque spécifique, pour éviter de faire exploser la complexité.
Les design tokens de système et de composant
Jeu de variables, partie 3
Zone 1 (image ci-dessous)
Les composants sont flexibles et paramétrables. On peut changer leurs états, afficher ou masquer des icônes, modifier le label. Un seul composant couvre tous les usages de chaque marque.
Zone 2 (image ci-dessous)
Les tokens de système et de composant font le reste. L’identité graphique de chaque marque s’applique à la volée, sans retoucher un seul composant.
Exemple d’utilisation d’un composant et du style automatique via les variables Figma.
Fin de partie
Plus le design system couvre de composants, plus le gain est important. En pratique, changer de marque devient une question de secondes, ce qui libère du temps pour ce qui compte vraiment : concevoir de bonnes expériences.
Auchan télécom
NRJ Mobile
Cdiscount Mobile
btbd