Hopenergie.com

Accompagnement 360° pour le comparateur hop énergie

Étude de cas 2018
UX design / UI design / Identité

Photo d'une petite fille dans un champ de blé soufflant sur un jouet moulin à vent, avec des éoliennes en fond

Un comparateur d’énergie

Le positionnement identitaire de ce comparateur est celui d’un acteur stable et fort, qui promeut une expérience simplifiée de la comparaison puis de la migration vers un fournisseur d’énergie concurrent pour les particuliers. Le principe de l’application : je photographie ma facture, je l’envoie au service hopenergie, et dans l’instant j’ai des propositions énergétique plus avantageuses.

Parti pris créatif

La recherche de simplicité dans le parcours client étant le leitmotiv du projet, nous avons retenu une identité minimale en bichromie. Le signe d’accompagnement minimal et dynamique autorise des déclinaisons graphiques qui intègrent l’humain avec un ton léger et convivial.

Schéma de construction du logotype Hopenergie.com, montrant les rapports de taille et d'espacement entre les éléments du logo
Logotype de Hopenergie.com. Nom Hopenergie.com aposé à un signe minimaliste rappelant un oeil
Pictogrammes du comparateur d'électricité Hopenergie, chacun jouant avec la forme d'oeil du signe du logotype
Vu d'ensemble de l'univers colorimétrique du comparateur d'électricité Hopenergie, avec les codes couleur

Parcours utilisateur

Le parcours mobile a été pensé afin de fluidifier au maximum l’expérience en ne gardant que les étapes clés.

Vu d'ensemble du parcours utilisateur du site web Hopenergie

Conception mobile first

Le service que propose Hopenergie est de photographier sa facture pour obtenir des résultats le plus rapidement possible. Une conception en mobile first est indispensable pour faciliter au mieux la navigation dans les étapes à suivre.

Design mobile de la homepage et des différentes étapes du comparateur du site Hopenergie
Design mobile des différentes étapes du comparateur du site Hopenergie

Conception adaptative à tous formats

Maquette desktop de la page d'accueil du site Hopenergie, avec des respirations blanches et des couleurs légères et conviviales, et un renvoi vers le comparateur en haut de page
Maquette desktop de la page liste des offres du comparateur, avec des filtres multiples (exemple: par prix, par type d'énergie...)
Maquette au format tablette d'une page détails d'une offre du comparateur, avec les informations sur l'offre, les avis clients, et des boutons de contact ou de redirection vers le site du fournisseur

Témoignage

« Permeable a été moteur dans la conception de notre interface. Les parcours clients ont été optimisés et challengés. Nous ne nous attendions pas à trouver une agence aussi engagée et créative. Des vrais pros! Je recommande vivement de faire appel à eux pour une création ou refonte d'interface. »

Godefroy Jarzaguet
Fondateur du comparateur Hopenergie

Projet suivant

Aix-Marseille School of Economics

Accompagner une école d’enseignement supérieur internationale dans la refonte de son site internet