SYSTÈMES DE DESIGN · 2024
Système de design global — Santé provinciale
Répondre aux besoins de 14 programmes provinciaux avec 1 système.
THE CHALLENGE
The Challenge
Un système fragmenté entre 14 organisations
Les 14 programmes provinciaux de santé de la PHSA opéraient chacun leur propre présence web — incohérents en design, non conformes aux normes d'accessibilité et coûteux à maintenir. Avec des millions de Britanno-Colombiens comptant sur ces sites pour des informations de santé essentielles, l'expérience fragmentée avait des conséquences mesurables : taux d'abandon élevés, mauvaise orientation, et effort de développement dupliqué dans chaque programme. Toute solution devait servir 14 marques distinctes sans créer 14 silos.
THE APPROACH
The Approach
Une architecture fédérée, conçue pour évoluer
J'ai proposé et dirigé un système de design fédéré : une fondation commune avec une personnalisation au niveau du programme intégrée dès le départ. Plutôt qu'un monolithe imposant l'uniformité, le modèle fédéré donnait à chaque programme une autonomie créative dans une structure gouvernée. J'ai piloté les décisions d'architecture — système de tokens, conventions de nommage, API des composants — tout en coordonnant l'alignement entre 3 PMs, un tech lead, 5 développeurs, un directeur créatif et les parties prenantes des 14 organisations.
Le processus
Découvrir
Réalisation d'un audit complet des composants sur les 14 sites PHSA pour identifier les patterns communs, les redondances et les besoins spécifiques à chaque programme. Cartographie de trois types d'utilisateurs distincts — designers, éditeurs de contenu et responsables métier — ayant chacun des exigences différentes vis-à-vis du système.
Définir
Mise en place de l'architecture fédérée : tokens de design partagés, typographie et composants de base comme fondation ; palettes de couleurs par programme, formes de marque et moments identitaires comme couche de personnalisation. Collaboration avec le tech lead pour intégrer les nouvelles variables et modes Figma dans le flux de développement dès le début.
Concevoir
Construction de la bibliothèque de composants selon les principes du design atomique. Création de 3 gabarits de pages d'atterrissage documentés (hub global, page parente de section, pages enfants profondes) avec une justification explicite des variantes. Choix de Noto Sans comme police système — sélectionnée spécifiquement pour sa prise en charge des langues autochtones parlées dans la population britanno-colombienne.
Livrer
Lancement du pilote avec la BCMHSUS, puis extension du système à BC Children's Hospital, BC Cancer et le BC Centre for Disease Control — en appliquant des palettes de couleurs spécifiques et des traitements d'identité de marque dans l'architecture de composants partagée. Rédaction de la documentation complète du système et établissement des conventions de nommage et de gouvernance pour une utilisation continue par l'équipe de l'agence.
Les résultats
Ce projet m'a appris que le travail sur les systèmes de design à grande échelle est fondamentalement un problème humain. Les décisions techniques — architecture des tokens, variables Figma, conventions de nommage — étaient difficiles mais solubles. Le vrai défi était de maintenir l'alignement de 14 organisations parties prenantes, 5 développeurs et plusieurs PMs sur un système qu'aucun d'eux n'avait utilisé auparavant. Ce que je ferais différemment : établir un modèle de contribution et une plateforme de documentation dédiée avant que le premier composant soit livré. L'adoption n'est pas un problème Figma — c'est un problème de gouvernance.
