Un Design System, c'est un ensemble de règles, de composants et de documentation partagés par toute l'équipe pour concevoir et développer des interfaces de manière cohérente et rapide.
Contexte & Problématique
Comment améliorer le Design System ENGIE sans impacter l'existant ?
Mission de référent UI sur le Design System ENGIE Particuliers (site web & application BtoC). La mission se déroule en deux temps : une phase de cadrage pour auditer l'existant, évangéliser sur l'Atomic Design et co-construire le Getting Started — puis une phase de run pour assurer le maintien en conformité et être le point d'entrée des équipes Dev, UI et UX.
Mission Cadrage
Mission Run
Méthode
Design Thinking · 5 étapes, 3 phases
Découverte
Immersion systémique
Immersion complète dans l'écosystème ENGIE Particuliers. Audit de l'existant DS + Librairie, benchmark DS concurrents, feedback utilisateurs. Objectif : cartographier l'état réel avant toute intervention.
Définition
Phase d'analyse
Synthèse des insights en problématiques actionnables. Focus groupe, entretiens utilisateurs, feedback N+1. Définition des périmètres d'action et identification des profils moteurs.
Idéation
Générer des idées
Ateliers de co-conception avec les équipes Dev et UI. Évangélisation sur la méthode Atomic Design. Génération et priorisation des pistes d'amélioration pour chaque problématique identifiée.
Expérimentation
Librairie Beta
Création d'une librairie beta pour itérer sur les process techniques. Mise en place de la méthode 'cleaning' et du process 'Update' projet. Documentation pédagogique avec vidéos tutos.
Évolution
Phase d'implémentation
Assurer le maintien en conformité et la mise à jour du DS ENGIE Particuliers. Point d'entrée des Dev, UI et UX. Co-construire le Getting Started pour autonomiser les équipes Design.
Process & Timeline
D'Octobre à la phase de Run
Livrable clé
Getting Started & Documentation
La rédaction d'une documentation sur les nouveaux process avec un contenu concis et pédagogique. Le "Getting Started" est essentiel pour augmenter l'adoption des nouvelles méthodes et favoriser l'autonomie opérationnelle des équipes Design dans la phase de Run.
Onboarder les contributeurs aux nouveaux process
Pour accélérer l'adoption des nouvelles méthodes de travail (Atomic Design, arborescence de la librairie, process d'update, méthode cleaning), j'ai produit une série de vidéos tuto courtes destinées à l'ensemble des contributeurs du Design System — UI, UX et Dev. Objectif : autonomiser chaque profil sur les nouveaux rituels et garantir un DS maintenu de manière homogène.
Cleaner un composant existant
Documentation opérationnelle pour maintenir la librairie Figma du DS ENGIE Particuliers : deux méthodes pour faire évoluer un composant sans casser l'existant — cleaning non destructif pour les updates simples et duplication invisible quand un composant est trop complexe pour être modifié sur place.
