Helios - Refonte du site web de la banque verte (+40 pages)

UI & UX Design

À propos de Helios

Industries :

Finance, Impact, Startup

Services :

UI & UX Design

Durée du projet :

2 mois

Et si votre argent avait un impact réel sur le monde ? C’est avec cette idée simple, et pourtant radicale, que Helios a vu le jour.

Helios est une néobanque durable française qui a pour mission de dépolluer la finance en orientant l'argent de ses clients vers des projets respectueux de l'environnement.

Fondée en 2020 par Maeva Courtois et Julia Ménayas, Helios propose une alternative bancaire transparente et engagée. Chaque euro déposé par les clients est investi dans des initiatives écologiques, telles que l'agriculture durable, les énergies renouvelables ou encore la mobilité verte.

En seulement quelques années, Helios a su convaincre des milliers de clients sensibles aux enjeux environnementaux, en leur offrant des produits bancaires innovants et responsables.

Ordinateur portable affichant la page d’accueil du site Helios, mettant en avant l’éco-geste bancaire recommandé par 2tonnes.

Le défi à relever

Avec une croissance rapide et une offre qui s’élargit, Helios avait besoin de faire évoluer son site.  L’objectif : proposer une expérience plus claire, plus fluide, capable d’accompagner les différents publics de la marque.

Nous avons été sollicités pour structurer cette refonte en repensant les parcours, en réorganisant les contenus, et en posant les bases d’une navigation plus intuitive, à l’échelle d’un site de plus de 40 pages. Un chantier stratégique pour accompagner une nouvelle phase de maturité.

Scène estivale au bord d’un lac, deux femmes assises sur des serviettes avec des quartiers de pastèque, face à une vue sur une île avec une église.

Illustration colorée de pièces de monnaie empilées avec le slogan “Ensemble, dépolluons la banque” sur fond clair.

Interface mobile du site Helios présentant une carte bancaire en bois et des autocollants “Transition écologique” sur fond sombre.

Sommaire

À propos de Helios

Le défi à relever

Refonte UX en profondeur

Design UI solide

Livraison du projet

Témoignage

Vous avez un projet ?

Main tenant un smartphone affichant l’application Helios avec un couple en photo et un message sur l’investissement écologique.

Une refonte UX en profondeur

L’intégralité du projet a été menée par Kévin, notre expert UI Designer, avec une approche à la fois stratégique et opérationnelle. Son rôle a été central : piloter la refonte de plus de 40 pages, repenser l’architecture et concevoir des interfaces prêtes à être intégrées.

Face à la complexité croissante du site, un réalignement complet des éléments d’interface a été mené :

Vous avez un projet ?

Montage de visuels illustrant l’engagement d’Helios : marchands éthiques, carte écologique, consommation responsable et fonctionnalités bancaires durables.

Création de parcours utilisateurs différenciés selon les cibles pour guider clairement particuliers, entreprises, presse ou investisseurs

Rationalisation des pages et clarification des contenus pour éviter les redondances et simplifier les messages à faire passer

Reprise complète de la structure de navigation, en créant des entrées spécifiques par type d’utilisateur (particuliers, partenaires, médias…)

Ordinateur portable sur un meuble en bois affichant la page Helios avec le slogan « Votre compte courant, l’impact en plus », accompagné d’une maquette de l’application mobile.

Un design UI solide

Kévin a conçu une interface sobre, lisible et parfaitement alignée avec les exigences d’Helios.

Bibliothèque de composants pour garantir à l’équipe Helios de s’y retrouver facilement

Attention portée au rythme visuel, à l’aération des contenus, et à la clarté des appels à l’action

Maquette responsive (desktop + tablet + mobile), prête à être intégrée dans tous les formats d’écran

L’ensemble aboutit à un système visuel à la fois robuste et élégant, capable de porter Helios dans la durée.

Vous avez un projet ?

Trois smartphones affichant différents écrans de l’application Helios : impact écologique, ouverture de compte et visuels de carte bancaire.

Ordinateur portable montrant un écran Helios avec le message « Votre consommation durable récompensée » et une photo d’un commerçant recevant un paiement éthique.

Livraison du projet

Une fois les maquettes finalisées, Kévin a livré l’ensemble du projet sous la forme d’un fichier Figma structuré, pensé pour faciliter l’intégration par les équipes techniques d’Helios.

Cette refonte a permis à la néobanque de franchir un cap structurant dans sa communication digitale :

La nouvelle interface UI renforce l’identité visuelle de la marque

La navigation repensée rend l’expérience plus fluide, quel que soit le profil de visiteur

Helios dispose désormais de maquettes réutilisables et évolutives, prêtes à accompagner les futures itérations

Le site, plus lisible, plus affirmé, vient renforcer encore davantage la crédibilité d’Helios auprès de ses clients, partenaires et prospects — et continue d’être un levier central dans leur croissance.

Vous avez un projet ?

Carte d’information illustrée avec une main tenant une fleur et un encadré « Alternative aux protéines animales » mettant en avant une nouvelle protéine végétale à Dieppe.

Smartphone affichant les offres de comptes éco-responsables Helios posé sur un fauteuil orange, avec visuels de cartes en bois et tarifs mensuels.

Kévin a intégré notre équipe pendant plusieurs mois, et s’est chargé de designer tout notre site web. Nous avons beaucoup apprécié son professionnalisme, sa créativité et sa compréhension fine du produit. Nous recommandons à 100%.