Highlight
Contexte
Highlight est une plateforme SaaS B2B conçue pour être distribuée exclusivement en marque blanche. Ma mission : concevoir et implémenter leur Design System de A à Z, en partant de l'idéation jusqu'à l'architecture technique exploitable par les développeurs.
Dans un modèle économique basé sur la marque blanche, l'interface du produit est le premier argument de vente : elle doit pouvoir s'effacer totalement pour épouser l'identité de chaque nouveau client.
Challenge
Le défi métier et technique était particulièrement complexe : comment créer un Design System unique, qui soit suffisamment rigoureux pour éviter la dette technique, mais assez élastique pour absorber N marques blanches aux identités visuelles radicalement différentes ?
Il fallait à tout prix éviter le piège classique : multiplier les fichiers, dupliquer le code et rendre la maintenance de la plateforme impossible à chaque nouvelle feature.
Résultat
Pour résoudre cette équation de scalabilité, j'ai construit une architecture "multi-thème" de dernière génération :
• Architecture orientée Tokens — Structuration de l'intégralité de l'UI autour de Design Tokens et de variables sémantiques (couleurs, typographies, espacements, effets/élévations).
• Scalabilité par les "Modes" — Exploitation de la pleine puissance des modes Figma pour créer un système où chaque marque cliente agit comme un "calque" de personnalisation. La structure reste identique, seul l'habillage visuel bascule dynamiquement.
• Gouvernance & Implémentation — Alignement total avec l'ingénierie pour s'assurer que l'architecture des tokens dans Figma reflète exactement l'architecture du code (CSS/JSON).
L'impact ? Le Time-to-Market pour déployer une nouvelle marque blanche est passé de plusieurs semaines d'intégration à quelques jours seulement.