Un projet de néobanque complet, du nom de l'entreprise au logo, jusqu'à un système d'identité complet et une interface produit responsive. Une décision de marque, propagée sur chaque écran et chaque format.
Paraître humaines et modernes, sinon personne ne les télécharge. Paraître sûres et sérieuses, sinon personne ne leur confie son argent. Penchez trop d'un côté et vous perdez : trop froid, et on dirait un portail bancaire de 2009 ; trop ludique, et on dirait un jouet auquel on ne confierait pas son salaire.
Nexabank est une néobanque que j'ai construite pour se tenir précisément sur cette ligne. Je voulais un projet complet, pas un exercice de style sur la marque d'un autre, mais l'ensemble : nommer l'entreprise, dessiner le logo, bâtir le système d'identité, puis concevoir le produit par-dessus. Identité visuelle et interface comme une seule pièce cohérente, comme cela fonctionne réellement quand on lance quelque chose.
Une note sur le périmètre. C'était le projet final du Professional Certificate in UI Design du UX Design Institute. Le cours fournit un brief et évalue l'exécution : marque, mise en page, typographie, couleur, iconographie et interface finale. Le nom « Nexabank », le logo, le système d'identité, le design system et l'interface responsive complète sont les miens. Je suis venu à cette certification avec plus de dix ans d'expérience professionnelle, pour construire la seule chose qui manquait à mon portfolio : un projet qui va du nom de marque à l'écran livré, d'un seul tenant.
Avant le moindre pixel, je devais décider quel genre de banque cela allait être. J'ai posé trois territoires de marque concurrents et rassemblé des références pour chacun.
Confiance. Clarté et espace, car l'encombrement se lit comme de l'anxiété quand il s'agit de votre argent à l'écran. Navigation prévisible, pour que personne ne cherche le bouton de virement. Typographie nette et lisible avec des chiffres tabulaires, pour que les montants s'alignent proprement dans une liste de transactions.
Clarté. Retenue. Calme. L'architecture de l'information fait le travail, pour que l'interface n'ait pas à crier.
Caractère ludique. Géométrie arrondie pour la convivialité. Micro-interactions agréables comme petites récompenses. Ton conversationnel (« il vous manque un peu sur votre compte pour faire cela » plutôt que « fonds insuffisants »). Couleur d'accent vive pour les catégories et les objectifs d'épargne.
Le réflexe naïf est de couper la poire en deux et d'atterrir au milieu, ce qui produit une banque vaguement sympathique et vaguement sérieuse, mémorable pour ni l'un ni l'autre. Je n'ai pas fait cela. J'ai créé une hiérarchie.
La décision qui guide tout le projet : la confiance est le socle, le ludique est l'accent, et l'accent ne sape jamais le socle.
La confiance n'est pas l'une des trois options que j'ai équilibrées. C'est la fondation sur laquelle tout repose. Clarté, espace, navigation prévisible, chiffres tabulaires : non négociables, car c'est ce qui rend une application sûre pour confier de l'argent. Le ludique est une couche contrôlée appliquée par-dessus : géométrie arrondie, accent chaleureux, ton humain. Jamais la structure, toujours la surface. Comme le disait ma propre note sur la couleur, la palette avait besoin d'une touche ludique « sans être trop envahissante ni criarde pour une application bancaire ». Cette phrase, c'est toute la philosophie. Je savais exactement où était la limite, et j'ai conçu jusqu'à elle sans la franchir.
Puis j'ai construit la marque qui encode cette décision.
Le nom. Nexabank. Il me fallait un nom qui sonne moderne et connecté sans sonner comme une parodie de fintech. « Nexa » évoque next, nexus, connexion ; « bank » le garde ancré et lisible. La confiance comme nom, la modernité comme qualificatif : la décision de marque dans le nom lui-même.
Le logo. J'ai dessiné le logo de zéro : un « N » géométrique et affirmé avec un traitement en ombre portée qui lui donne profondeur et une touche de mouvement, amical sans être frivole. Il fonctionne en lockup avec le nom, en monogramme autonome, et en icône d'application sur plusieurs fonds et tailles : l'identité responsive résolue avant le produit, pas après.
Les systèmes qui le portent. Une échelle typographique sur progression en nombre d'or pour la hiérarchie desktop et une tierce mineure pour le mobile, en paire (FF Tisa Sans Pro et Proxima Nova) pour la lisibilité et l'alignement tabulaire. Un système de couleur structuré, un ensemble d'accents disciplinés délibérément confiné aux catégories, à l'épargne et aux actions principales, jamais au chrome. Un jeu d'icônes duotone aux contours épais et arrondis, selon ma note, « ludique mais équilibré avec la confiance qu'une banque doit transmettre ».
Ce dont je suis le plus fier dans Nexabank, ce n'est aucun écran en particulier. C'est qu'une seule décision, prise avant de dessiner quoi que ce soit, est visible dans tous.
La confiance est le socle, le ludique est l'accent. J'ai pris cette décision au stade du moodboard, puis je l'ai tenue, à travers le nom, le logo, l'échelle typographique, les règles de couleur et chaque écran à chaque point de rupture. C'est ce que la plupart des portfolios ne peuvent pas montrer. Il est facile de faire un bel écran. Il est difficile de prendre cent décisions qui pointent toutes dans la même direction, pour que le produit ressemble à une seule chose plutôt qu'à un tas de jolis composants.
On peut suivre la décision de bout en bout. Le logo est géométrique et affirmé (confiance) avec une ombre portée qui lui donne chaleur et mouvement (l'accent). La typo est nette et tabulaire (confiance) sur une base neutre calme, la couleur vive libérée seulement dans les catégories et les objectifs d'épargne (l'accent). La liste de transactions est dense, alignée et lisible (confiance) ; les anneaux d'objectif d'épargne et le donut de dépenses sont là où vivent la couleur et le plaisir (l'accent). Le texte d'erreur est humain ; la navigation parfaitement prévisible. Chacun d'eux, c'est la même décision, appliquée de nouveau.
C'est ce que « complet » veut dire pour moi, et pourquoi j'ai construit ce projet. Pas l'identité visuelle dans un fichier et l'interface dans un autre, mais une seule chaîne de raisonnement qui va du nom de l'entreprise à l'alignement d'un chiffre dans une ligne de transaction. Une banque qui paraît humaine, parce que l'accent est partout où l'on veut du plaisir, et sérieuse, parce que l'accent ne touche jamais ce qu'on a besoin de pouvoir croire.
Le nom Nexabank, le logo et un système d'identité responsive, conçus de zéro, pas appliqués sur une marque créée par quelqu'un d'autre. La partie du travail que la plupart des portfolios UI ne montrent jamais.
La confiance comme socle, le ludique comme accent, décidé une fois au stade du moodboard et tenu sur chaque écran et chaque format. La cohérence par décision, pas par hasard.
Une échelle typographique en nombre d'or, des chiffres tabulaires pour aligner les soldes, et une couleur d'accent disciplinée aux catégories et aux actions. La philosophie rendue structurellement vraie, pas seulement énoncée.
Un projet cohérent du nom de l'entreprise au plus étroit écran mobile. Identité visuelle et interface produit en une seule pièce, comme cela fonctionne quand on lance vraiment.
C'était un brief de certificat en UI Design, et je l'assume. Mais nommer une entreprise, dessiner sa marque, bâtir son système et livrer un produit responsive cohérent par-dessus, c'est exactement la chaîne marque-vers-produit que je mènerais pour un vrai lancement, et la plupart des candidats n'en montrent qu'un bout. Si vous construisez quelque chose qui exige que la marque et l'interface ressemblent à une seule décision plutôt qu'à deux équipes, c'est le travail que je fais.