Refonte de la webapp Greengot pour en faire une extension naturelle de l'application mobile.
Greengot est une néobanque engagée qui propose sur mobile une expérience soignée, avec une identité forte et assumée. Lors de l'accès à la beta de leur webapp, le constat est immédiat : contenu écrasé dans une colonne centrale, gouttières vides de chaque côté, fonctionnalités éclatées alors qu'elles sont réunies sur l'app.
Challenge
Un utilisateur qui passe de l'app au navigateur perd ses repères : les fonctionnalités ne sont plus au même endroit, la logique de navigation change, la DA évolue. Ce n'est plus la même banque. L'enjeu du redesign était donc double : exploiter enfin l'espace disponible sur desktop, et restaurer la continuité entre les deux surfaces.
Approche
La recherche a commencé par un audit comparatif, la webapp face à l'application mobile, écran par écran, fonctionnalité par fonctionnalité. Puis un benchmark : N26, Boursorama pour les références bancaires, et des dashboards SaaS sur Dribbble pour aller chercher des patterns hors du secteur.
Le parti pris central était de traiter la webapp comme une extension naturelle du mobile, pas comme un produit à part. Même logique de navigation, même emplacement des fonctionnalités clés. Que l'utilisateur soit sur son téléphone ou son ordinateur, la navigation reste la même.
Le format dashboard s'est imposé comme la réponse évidente à la question de l'espace. Peu conventionnel dans le bancaire, il faisait écho à la philosophie de Greengot. Il permettait d'unifier comptes, tirelires, impact et bénéficiaires dans une vue claire et modulaire. Le menu latéral assure une navigation directe, et chaque page conserve ses actions contextuelles accessibles sans changer de vue.
Décisions clés
Paramétrages contextuels
Sur chaque page, une zone de réglages affiche uniquement les actions liées à ce que l'utilisateur consulte. Sur la page Carte par exemple, on retrouve, désactiver le sans contact, déclarer la carte perdue, en commander une nouvelle, etc. J'ai transposé ce pattern depuis l'application mobile en utilisant l'espace disponible à droite du contenu principal.
zéro navigation supplémentaire, les bons réglages sont toujours là, au bon moment.
La vision dashboard
Green-Got repositionne la banque comme quelque chose de simple, accessible et transparent. Le format dashboard s'imposait naturellement : tout visible d'un coup, sans navigation supplémentaire, comptes, transactions, tirelires, impact, bénéficiaires. Une lecture immédiate de sa situation financière, qui fait écho à la promesse de la marque.
Un format peu conventionnel dans le bancaire, mais parfaitement aligné avec l'identité de Green-Got.
Identifiant visuel de compte
Green-Got propose plusieurs designs de carte : bois, plastique recyclé, premium, compte commun. Plutôt que d'identifier un compte par son intitulé, j'ai misé sur la carte elle-même comme repère visuel immédiat. En un coup d'œil, l'utilisateur sait sur quel compte il est. Le sélecteur adjacent permet de switcher de compte en un clic.
Un choix qui part d'un usage personnel : en tant qu'utilisateur Green-Got, j'identifie mes propres comptes par le design de leur carte
Scroll localisé
Chaque page du dashboard tient dans la fenêtre. Le solde, les actions rapides et les paramétrages sont toujours visibles d'emblée et ne bougeront jamais. Seules les listes à contenu variable scrollent, transactions, bénéficiaires, prélèvements, dans un conteneur dédié et ancré dans la page, parce que leur longueur est par nature imprévisible.
Un choix qui pousse la logique de simplicité jusqu'à la structure même de l'interface.
