LEAD UI & ARCHITECTE DESIGN SYSTEM
Vidéotron
DESIGNOPS · DESIGN SYSTEM · WORKFLOW IA · 3 MARQUES NATIONALES
CONTEXTE
De l'artisanal à l'industriel
Une équipe sans Lead UI, trois écosystèmes de marque à harmoniser, et une fenêtre de temps serrée pour poser des fondations durables. J'ai intégré en position de Lead UI avec un double mandat : architecturer un design system multi-brand pérenne, et déployer un workflow DesignOps augmenté par l'IA pour absorber une cadence de production accélérée.
RESPONSABILITÉS
LOGICIELS & OUTILS
RÉSULTATS
LE DÉFI
Une opportunité structurelle dans un vacuum de leadership
Leadership Vacant
Absence de direction artistique interne au moment critique de la transition. L’équipe opérait sans boussole unificatrice — les décisions visuelles se prenaient localement, créant de la dérive identitaire à chaque sprint.
Source de Vérité Absente
Aucune gouvernance unifiée, des fichiers éparpillés entre équipes, des tokens nommés de façon incohérente. La dette technique nuisait à la vélocité de production et à la qualité des handoffs développement.
3 Écosystèmes Distincts
Aucune gouvernance unifiée, des fichiers éparpillés entre équipes, des tokens nommés de façon incohérente. La dette technique nuisait à la vélocité de production et à la qualité des handoffs développement.
Croissance Accélérée
La capacité de production devait absorber une croissance accélérée. Passer d’une approche artisanale à une chaîne de production industrielle — sans perdre la qualité, sans ralentir la cadence.
L’Architecture Technique
Le moteur invisible
Variables Figma, source de vérité unique, propagation intelligente : chaque décision technique a été conçue pour multiplier l'impact à l'échelle.
Architecture à trois niveaux : valeurs primitives → alias sémantiques → tokens de marque. Un seul changement en amont se propage intelligemment sur les 3 écosystèmes.
Centralisation dans une librairie maître. Tout composant, toute couleur, tout espacement référence la même source — éliminant la dérive de bibliothèques parallèles.
Mise en place d’un protocole de handoff avec nommage normalisé aligné sur les conventions code. Les développeurs récupèrent les tokens directement, sans interprétation.
Un seul composant maître s’adapte aux marques via swap de librairie. Variantes générées automatiquement par permutation des modes.
Architecture de Design System
Structuration d’écosystèmes complexes. Migration de bibliothèques multi-marques.Maîtrise avancée des variables et tokens.
Lead Design & Vélocité
Lead UI axé sur l’efficacité et l’amélioration d’interfaces opérationnelles. Recrutement & mentorat des designers UI. Automatisation des flux de travail design-to-dev.
Stratégie de Marque & DA
Travaux sur l’identité de marque via des principes de psychologie cognitive. Valider la perception visuelle de la marque par des méthodes scientifiques et des tests utilisateurs.
500
85
3
“I had the pleasure of working closely with Jordane on the Videotron design system. As lead designer, he effectively bridged business goals with design direction. I particularly valued his collaboration in turning concepts into scalable, dev-ready components.”
Ray HuUI designer
