Vidéotron

Lead UI & Architect design system pour 3 marques nationales, en un temps record, durant une phase de leadership vacante.

Lead UI & Architecte Design System

De l'artisanal à l'industriel

Une équipe sans lead UI, trois écosystèmes à harmoniser, et une fenêtre de temps serrée pour poser des fondations durables.

Leadership Vacant

Absence de direction artistique interne au moment critique de la transition. L’équipe opérait sans boussole unificatrice pour l’image de marque.

Trois Écosystèmes Distincts

Vidéotron, Fizz et Freedom — chacun avec sa propre identité visuelle, son audience et ses contraintes techniques — devaient coexister dans une infrastructure commune.

Croissance Rapide

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é.

Source de Vérité Absente

Aucune gouvernance unifiée, des fichiers éparpillés, et une dette technique croissante. Il fallait centraliser, documenter et scalabiliser en simultané.

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.

Variables & Tokens Figma

Architecture à trois niveaux : valeurs primitives → alias sémantiques → tokens de marque. Un seul changement en amont se propage intelligemment sur les 3 écosystèmes.

Source de Vérité Unique

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.

Workflow de Validation Dev

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.

Composants Multi-Brand

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

variantes/semaines

85

de complétion en 4 mois

3

identités, 1 système