Cyana Ghazi
Contactez-moi CV
← Tous les projets

EDF · 2023 à 2025

Faire évoluer l’expérience B2B

Accompagner l’évolution des espaces clients EDF Entreprises & Collectivités, du cadrage des besoins à la conception des interfaces, au design system et à l’accessibilité.

  • Conception UX/UI
  • Design system
  • Accessibilité
  • Recette UX/UI

Parties prenantes : product managers, product owners et développeurs.

3

produits B2B
un design system partagé

≈ 1,6 M

clients entreprises et professionnels

Échelle de la clientèle EDF
≈ 250 000

connexions mensuelles
aux espaces clients

41 → 50 %

de conformité RGAA

Une progression, avec des correctifs à poursuivre
Interface de l’espace client professionnel EDF

Accompagner des besoins multiples dans la durée

De 2023 à 2025, l’accompagnement portait sur plusieurs sujets des espaces clients B2B : évolution des parcours, conception des interfaces et maintenance du design system. Gestion des contrats, consommation, facturation et demandes composent un environnement aux usages variés.

L’enjeu était de faire évoluer ces interfaces tout en préservant leur cohérence. Analyse des besoins, ateliers, user flows, maquettes et recette UX/UI intervenaient selon les sujets, avec un travail transversal sur l’accessibilité et des échanges réguliers avec les équipes métier et les développeurs.

Clarifier les besoins et les enjeux

L’analyse des expressions de besoin et de l’existant permettait de comprendre les sujets métier, leurs impacts et les bénéfices attendus. Les ateliers d’idéation avec les équipes référentes aidaient à clarifier les termes techniques et à identifier les étapes clés.

Les supports de l’atelier consacré aux demandes illustrent cette démarche : comprendre l’écosystème, mettre en évidence les points de tension et restituer les enjeux. Ils donnent à voir le travail de cadrage qui précède les choix de conception.

Supports de l’atelier de cadrage des demandes : analyse de l’existant et identification des enjeux

Traduire les besoins en parcours et en interfaces

Les user flows formalisaient les enchaînements, les décisions et les différents cas d’usage. Les wireframes puis les maquettes précisaient la hiérarchie des informations et les interactions, avec des déclinaisons adaptées aux différents écrans.

Le bilan annuel et la FAQ illustrent ce travail mené sur différents parcours. Pour le bilan annuel, il s’agissait de faciliter la lecture des consommations et des factures. Pour la FAQ, de permettre aux clients de trouver une réponse à leur question.

User flow du paramétrage des exports EDF : export ponctuel ou récurrent, confirmation et erreurs
Écrans desktop et mobile du tableau de bord et de la facturation EDF

Maintenir et enrichir le design system

Partagé par trois produits B2B, le design system devait rester flexible pour répondre aux évolutions fonctionnelles et techniques. La mise à jour des composants existants et l’ajout de nouveaux éléments s’accompagnaient d’un travail sur leurs états et leurs règles d’usage.

La vérification de leur intégration avec les développeurs assurait la continuité entre le référentiel et les interfaces. Cette base commune soutenait la cohérence visuelle et fonctionnelle des produits, tout en facilitant la réutilisation des éléments de design.

Documentation du design system EDF : boutons, listes déroulantes et iconographie
Documentation du composant Action push : anatomie, variantes responsive et spécifications

Intégrer l’accessibilité aux évolutions

La vérification des associations de couleurs à l’aide d’un tableau de contrastes a constitué une première étape. Le travail portait ensuite sur l’optimisation des styles, des composants du design system et des interfaces.

Les corrections étaient coordonnées avec les équipes métier et les développeurs, puis intégrées sur plusieurs sprints. Cette démarche collective a contribué à faire progresser la conformité RGAA de 41 % à 50 %, avec des correctifs encore à poursuivre.

Tableau des associations de couleurs et des contrastes du design system EDF
Graphiques du bilan annuel EDF : consommations, montants facturés et états des données indisponibles
Bilan annuel EDF : vues graphiques et tableaux des factures et des consommations

Accompagner les équipes et suivre l’intégration

Des rituels d’échange adaptés aux besoins de chaque équipe accompagnaient les différents sujets. Ces points réguliers permettaient de partager les décisions, de clarifier les besoins et de maintenir la cohérence avec le design system.

La recette UX/UI complétait ce suivi sur les éléments développés. Les retours graphiques et ergonomiques précisaient les ajustements à apporter pour préserver la qualité des interfaces et leur conformité aux maquettes transmises.

Envie d’en
discuter