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.

CSWS Eco Dark CSWS Eco Dark

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

Benchmark Engie - Analyse concurrentielle et étude de marché

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.

Design system Engie - Composants et guidelines

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.

Maquettes Engie - Interface de l'application énergétique

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.

Prototype interactif Engie - Démonstration des fonctionnalités