Powesco : rendre une offre énergétique complexe plus facile à explorer
Powesco : rendre une offre énergétique complexe plus facile à explorer
Powesco : rendre une offre énergétique complexe plus facile à explorer
Intro
Intro
Aperçu du projet
Refonte UX/UI d’un site B2B dédié à la performance énergétique : architecture de l’information, parcours par secteur, interfaces et prototypage Figma.
Refonte UX/UI d’un site B2B dédié à la performance énergétique : architecture de l’information, parcours par secteur, interfaces et prototypage Figma.
Rôle
Rôle
Projet
Projet
Interface
Interface
Figma
Problème
Un site vitrine à la navigation confuse, avec une offre difficile à comprendre, une hiérarchie visuelle peu lisible et des parcours peu orientés vers la prise de contact.
Solution
Une refonte UX/UI structurée autour des secteurs et des solutions, avec des parcours clarifiés, une nouvelle architecture de l'information et des interfaces cohérentes.
Résultat
Un écosystème de pages responsive, des parcours d'exploration repensés et un UI Kit réutilisable, conçus pour mieux présenter l'offre et faciliter la mise en relation.
Problème
Problème
Trouver une place ne suffit pas : les personnes ont besoin de comprendre le lieu et de pouvoir juger sa sécurité.
Trouver un stationnement proche de sa destination reste complexe. Le manque d’informations sur la sûreté des emplacements rend le choix difficile et incertain.
Un site vitrine à la navigation confuse, avec une offre difficile à comprendre, une hiérarchie visuelle peu lisible et des parcours peu orientés vers la prise de contact.
Solution
Solution
Trouver une place ne suffit pas : les personnes ont besoin de comprendre le lieu et de pouvoir juger sa sécurité.
Trouver une place ne suffit pas : les personnes ont besoin de comprendre le lieu et de pouvoir juger sa sécurité.
Une refonte UX/UI structurée autour des secteurs et des solutions, avec des parcours clarifiés, une nouvelle architecture de l'information et des interfaces cohérentes.
Résultat
Résultat
Trouver une place ne suffit pas : les personnes ont besoin de comprendre le lieu et de pouvoir juger sa sécurité.
Trouver une place ne suffit pas : les personnes ont besoin de comprendre le lieu et de pouvoir juger sa sécurité.
Un écosystème de pages responsive, des parcours d'exploration repensés et un UI Kit réutilisable, conçus pour mieux présenter l'offre et faciliter la mise en relation.
Le contexte
Le contexte
Un site qui ne traduisait plus toute l’étendue de l’offre
Un site qui ne traduisait plus toute l’étendue de l’offre
Powesco accompagne les professionnels de l’audit au financement et au pilotage de leur performance énergétique. Avec l’élargissement de ses expertises, son site ne reflétait plus clairement la diversité de ses solutions.
Powesco accompagne les professionnels de l’audit au financement et au pilotage de leur performance énergétique. Avec l’élargissement de ses expertises, son site ne reflétait plus clairement la diversité de ses solutions.
Powesco accompagne les professionnels de l’audit au financement et au pilotage de leur performance énergétique. Avec l’élargissement de ses expertises, son site ne reflétait plus clairement la diversité de ses solutions.
La refonte s’inscrivait aussi dans l’évolution de l’identité de Powesco : moderniser son image, sans perdre la précision nécessaire pour présenter des solutions techniques.
L’ENJEU : Rendre la complexité de l’offre plus facile à explorer, sans l’appauvrir.
La refonte s’inscrivait aussi dans l’évolution de l’identité de Powesco : moderniser son image, sans perdre la précision nécessaire pour présenter des solutions techniques.
L’ENJEU : Rendre la complexité de l’offre plus facile à explorer, sans l’appauvrir.
La refonte s’inscrivait aussi dans l’évolution de l’identité de Powesco : moderniser son image, sans perdre la précision nécessaire pour présenter des solutions techniques.
L’ENJEU : Rendre la complexité de l’offre plus facile à explorer, sans l’appauvrir.
Architecture & expérience utilisateur
Deux portes d’entrée pour trouver la bonne expertise
Deux portes d’entrée pour trouver la bonne expertise
Deux portes d’entrée pour trouver la bonne expertise
Le site devait répondre à deux intentions : rechercher une solution précise ou explorer les enjeux de son secteur d’activité.
Le site devait répondre à deux intentions : rechercher une solution précise ou explorer les enjeux de son secteur d’activité.
J’ai structuré l’arborescence autour de ces deux entrées et conçu des parcours permettant de passer des besoins métiers aux expertises correspondantes.
J’ai structuré l’arborescence autour de ces deux entrées et conçu des parcours permettant de passer des besoins métiers aux expertises correspondantes.
Conception UI & Composants
Une identité commune, des repères propres à chaque secteur
Une identité commune, des repères propres à chaque secteur
La nouvelle direction visuelle associe l’identité de Powesco à des couleurs sectorielles pour faciliter le repérage des contenus.
J’ai décliné cette approche dans les interfaces desktop et mobile, en m’appuyant sur des composants réutilisables pour maintenir une expérience cohérente sur l’ensemble du site.
Conception UI & Composants
Une identité commune, des repères propres à chaque secteur
La nouvelle direction visuelle associe l’identité de Powesco à des couleurs sectorielles pour faciliter le repérage des contenus.
J’ai décliné cette approche dans les interfaces desktop et mobile, en m’appuyant sur des composants réutilisables pour maintenir une expérience cohérente sur l’ensemble du site.
Le résultat
Une expérience unifiée, conçue pour évoluer
Une expérience unifiée, conçue pour évoluer
La refonte aboutit à un ensemble de maquettes et à un UI Kit couvrant les principaux parcours du site.
La refonte aboutit à un ensemble de maquettes et à un UI Kit couvrant les principaux parcours du site.
Le design
Transformer les parcours en un système d’interfaces réutilisable
Transformer les parcours en un système d’interfaces réutilisable
À partir des wireframes, j’ai conçu les écrans dans Figma et prototypé les principaux parcours. La navigation, les menus déroulants, les cartes, les formulaires et les appels à l’action s’appuient sur des règles communes.
J’ai travaillé les états d’interaction et les déclinaisons par secteur, puis structuré les composants et les versions desktop/mobile pour maintenir la cohérence du site et faciliter le passage au développement.
À partir des wireframes, j’ai conçu les écrans dans Figma et prototypé les principaux parcours. La navigation, les menus déroulants, les cartes, les formulaires et les appels à l’action s’appuient sur des règles communes.
J’ai travaillé les états d’interaction et les déclinaisons par secteur, puis structuré les composants et les versions desktop/mobile pour maintenir la cohérence du site et faciliter le passage au développement.
