VAART.
Marque, design system et page d’accueil pour une banque coopérative détenue par les freelances et les petits studios qui en sont clients.
- Client
- VAART (concept)
- Année
- 2026
- Rôle
- Marque, design system, front-end
- Périmètre
- Page d’accueil marketing
- Stack
- Figma · React · TypeScript · Tailwind CSS
01 / Le problème
Les grandes banques paraissent indifférentes, les néobanques jetables. Les indépendants avaient besoin d’une troisième voie.
VAART est une banque coopérative pour les personnes aux revenus irréguliers : freelances, artisans et entreprises d’une à dix personnes, en Flandre et aux Pays-Bas. Les membres en sont propriétaires, élisent le conseil d’administration et siègent au comité de crédit.
Le brief demandait une banque qui se lise comme du papier, pas comme un écran : chaleureuse, directe et honnête sur ses taux, avec le chiffre le moins flatteur affiché à côté du bon.
02 / Le système
Cinq couleurs, angles droits, filets de registre.
Le papier sert de fond à tout. L’encre porte le texte, l’eau est la couleur principale et l’ocre apparaît au plus une fois par écran. Ni arrondis ni ombres : les filets de registre et les teintes de papier font le travail. Chaque nombre est composé en chasse fixe, avec des chiffres tabulaires.
Couleur
- Paper#F4F1EA
- Ink#12212B
- Water#1F5C5B
- Ochre#C97B2C
- Soft rule#E3DCCF
Typographie
- Titrage
- Fraunces
- Texte
- Inter
- Chiffres
- IBM Plex Mono
Angles
0 px
03 / Le développement
La retenue, intégrée.
Le mouvement est presque absent, à dessein : des fondus uniquement, sur une seule courbe d’accélération. Seule exception : l’explication du lissage des revenus, où des barres se fondent une seule fois en une ligne plate au défilement. Construit en composants React typés, sur les mêmes tokens que le fichier Figma.
04 / Écrans
Sections de la page d’accueil, sur ordinateur et sur mobile.
05 / Le résultat
Ce que nous mesurerions.
VAART est un projet conceptuel : il n’y a donc pas de résultats client. Voici les chiffres que le site a été conçu pour faire bouger.
- 01
Adhésions commencées
Visiteurs qui commencent le formulaire d’adhésion de quatre pages.
- 02
Portée de l’explication
Part des visiteurs qui parcourent toute l’explication du lissage des revenus.
- 03
Confiance dans les taux
Visites du journal public des changements de taux, un indicateur de confiance.
Gratuit · 30 minutes