Ga naar de inhoud

VAART.

Merk, design system en homepage voor een coöperatieve bank in handen van de freelancers en kleine studio’s die er bankieren.

Klant
VAART (concept)
Jaar
2026
Rol
Merk, design system, front-end
Scope
Marketinghomepage
Stack
Figma · React · TypeScript · Tailwind CSS

01 / Het probleem

Grote banken voelen onverschillig, neobanken wegwerpbaar. Zelfstandigen hadden een derde optie nodig.

VAART is een coöperatieve bank voor mensen met een onregelmatig inkomen: freelancers, ambachtslui en bedrijven van één tot tien mensen in Vlaanderen en Nederland. De leden zijn eigenaar, kiezen het bestuur en zetelen in het kredietcomité.

De brief vroeg om een bank die leest als papier, niet als een scherm: warm, duidelijk en eerlijk over tarieven, met het minder fraaie cijfer naast het goede.

02 / Het systeem

Vijf kleuren, rechte hoeken, grootboeklijnen.

Papier is de ondergrond van alles. Inkt draagt de tekst, Water is de primaire kleur en Oker verschijnt hoogstens één keer per scherm. Geen afgeronde hoeken en geen schaduwen; haarlijnen en papiertinten doen het werk. Elk cijfer staat in een monospace met tabulaire cijfers.

Kleur

  • Paper#F4F1EA
  • Ink#12212B
  • Water#1F5C5B
  • Ochre#C97B2C
  • Soft rule#E3DCCF

Typografie

Display
Fraunces
Tekst
Inter
Cijfers
IBM Plex Mono

Hoeken

0 px

03 / De bouw

Terughoudendheid, ingebouwd.

Beweging is bewust bijna afwezig: enkel fades, op één easingcurve. De enige uitzondering is de uitleg over inkomensspreiding, waar balken bij het scrollen één keer samenvloeien tot een vlakke lijn. Gebouwd als getypeerde React-componenten op dezelfde tokens als het Figma-bestand.

04 / Schermen

vaart.stamatasdim.com
VAART in een desktopbrowser
VAART op een smartphone

Secties van de homepage, desktop en telefoon.

05 / Het resultaat

Wat we zouden meten.

VAART is een conceptproject, dus er zijn geen klantresultaten. Dit zijn de cijfers die de site moest bewegen.

  • 01

    Gestarte lidmaatschappen

    Bezoekers die het lidmaatschapsformulier van vier pagina’s starten.

  • 02

    Bereik van de uitleg

    Aandeel bezoekers dat de uitleg over inkomensspreiding doorscrolt.

  • 03

    Vertrouwen in tarieven

    Bezoeken aan het gepubliceerde logboek van tariefwijzigingen.

Volgend projectWhat’s Next?

Gratis · 30 minuten

Wil je dit voor jouw product? Vertrek met een plan.

Plan een designgesprek