Plateforme Sw@pp CEE pour Engie
Refonte complète du portail dédiée aux partenaires CEE, avec un design épuré,
structuré autour d’un design system personnalisé.
La palette blanche et cyan a été conservée pour préserver l’identité visuelle d’ENGIE
tout en apportant une touche de modernité et de clarté.
Chaque interface a été pensée pour favoriser l’efficacité d’usage,
la lisibilité et la navigation intuitive, dans un environnement sobre et professionnel.


Une interface conçue pour fluidifier la gestion des CEE
Le portail a été entièrement repensé pour répondre aux besoins métiers des acteurs du dispositif CEE.
Chaque utilisateur qu'il soit partenaire, back office, négociateur ou expert métier, dispose d’une interface
dédiée, pensée pour ses tâches spécifiques.
Cette architecture permet une collaboration fluide entre les intervenants et assure une parfaite continuité
du processus. Depuis la création d’un partenaire jusqu’à la validation finale des dossiers, chaque étape a
été optimisée pour rendre la gestion des CEE simple, rapide et efficace, tout en maximisant l’impact
environnemental positif du dispositif.
Le processus de création
Recherche et benchmark

Une phase de recherche approfondie a été menée afin d'étudier les standards actuels en matière de
portails BtoB.
L’objectif était de comprendre les besoins récurrents des utilisateurs métiers, les parcours types,
ainsi que les structures d’interface efficaces dans ce type de plateformes.
Cette analyse comparative a permis d’identifier les bonnes pratiques UX/UI, les patterns de navigation
fonctionnels et les attentes visuelles spécifiques aux environnements professionnels, afin d’assurer une
conception à la fois moderne, accessible et adaptée à l’usage quotidien.
Création du Design System
Le Design System a été élaboré en respectant la charte graphique existante d’ENGIE, en réutilisant les
typographies officielles, la palette cyan et blanche, ainsi que le style des icônes et des formes.
Cette base a été enrichie par des ajustements graphiques pour renforcer la lisibilité, la légèreté
visuelle et l’efficacité d’usage. L’ensemble du système a été pensé pour garantir une interface cohérente,
moderne et parfaitement alignée avec les exigences du secteur professionnel.

Création des premières maquettes
Les maquettes ont été conçues en s’appuyant sur le design system défini en amont, garantissant une
cohérence visuelle et fonctionnelle
sur l’ensemble de la plateforme. Chaque parcours utilisateur a été pensé en lien avec les autres rôles
du portail, pour assurer
une continuité logique et fluide entre les étapes clés
Bien que chaque acteur métier dispose d’une interface et de fonctionnalités dédiées, l’ensemble du
système a été structuré de manière
à ce que les parcours soient interconnectés, garantissant une gestion efficace, claire et adaptée aux
spécificités de chaque rôle.
Un soin particulier a été apporté à la structure des pages, à la hiérarchisation de l’information et à
l’ergonomie des écrans,
afin d’assurer une expérience utilisateur intuitive et adaptée à un usage professionnel quotidien.

Création des prototypes interactifs
À chaque étape clé du projet, nous réalisons des prototypes interactifs permettant de tester les
fonctionnalités principales issues des User Stories. Chaque parcours utilisateur est minutieusement
reproduit afin de garantir une expérience fluide et fidèle à l’usage réel.
Ces prototypes servent de support concret pour valider les choix fonctionnels et ergonomiques.
Des vidéos de démonstration sont ensuite capturées à partir de ces prototypes et présentées aux métiers
lors de réunions dédiées,
afin de montrer l’avancement, recueillir des retours et affiner la solution avant la mise en production.
