← Tous les projets Étude de cas 04 / 07

( Électricité de France · avr. 2022 → janv. 2024 )

Trois plateformes B2B, un seul langage de design.

Rôle
UX Designer
Équipe
Pair design avec un UI designer · PM · PO
Outils
Figma · Notion
Stack
Salesforce · Amazon Web Services
EDF, Dashboard de consommation d’énergie
Dashboard de consommation d’énergie

(01) Contexte

EDF avait besoin de nouvelles plateformes en ligne pour ses clients professionnels, où les entreprises de toutes tailles gèrent leurs contrats d’énergie, leurs paiements et leur consommation. Il y avait 3 types de clients, chacun avec sa plateforme.

Objectifs

  1. 01Construire 3 plateformes adaptées à des profils clients précis
  2. 02Les garder cohérentes grâce à un seul design system
  3. 03Simplifier des parcours complexes malgré de fortes contraintes techniques
  4. 04Aider le client à transformer les fonctionnalités en user stories claires

(02) La méthode

Chaque fonctionnalité cartographiée avant d’être dessinée.

Chaque fonctionnalité avait son user flow détaillé, avec tous les points de saisie et tous les messages d’erreur, mis à jour au fil de l’évolution du produit.

  • 3 Plateformes, un seul système
  • 5 Étapes par fonctionnalité, suivies dans Notion
  • 4h D’atelier user stories chaque semaine
  • 1/mois Cycles de fonctionnalités

Comment j’ai travaillé

(04) Mon rôle & process

  1. 01

    Cycles mensuels

    Chaque mois avait sa propre liste de fonctionnalités à livrer.

  2. 02

    Pair design

    Je travaillais les flows UX, et un UI designer les interfaces, côte à côte.

  3. 03

    Point tech hebdo

    Une réunion par semaine avec l’équipe tech pour suivre les évolutions du produit et les développements.

  4. 04

    Ateliers user stories

    Des sessions de 4 heures chaque semaine avec le PM, le PO et le Business Manager pour écrire les stories et valider les flows.

  5. 05

    Demo days

    Les wireframes revus avec l’équipe projet et présentés chaque semaine.

  6. 06

    Kanban Notion

    User stories → Design → Développement → Tests → Terminé.

(05) Gros plans

EDF, Écrans UI

Écrans UI

Des pages éditoriales assemblées à partir du système : navigation, bannières, cartes et sections de contenu, du desktop au mobile.

EDF, Design system

Design system

Une large bibliothèque de composants, adaptée à chaque appareil et breakpoint, pour concevoir plus vite sur les trois plateformes.

(06) Ce que j’en retiens

  • 01

    Travailler avec Salesforce

    Concevoir un produit construit sur Salesforce, avec toutes ses contraintes techniques.

  • 02

    De nouvelles façons de collaborer

    Cycles mensuels, pair design et longs ateliers avec le client.

  • 03

    Un design system à grande échelle

    J’ai beaucoup appris sur la documentation d’un design system de cette taille.

Projet suivant → Invivo Refonte du site corporate