STICHTING VOORUIT

STICHTING VOORUIT

Web design

Web design

7

7

min

min

Complete website make-over voor een stichting met vier verschillende doelgroepen. Van strategie en design tot een custom donatiesysteem.

Eén website, vier werelden. Zo kun je het vraagstuk het beste samenvatten.

Stichting VoorUit plaatst studenten in Amsterdamse wijken. In ruil voor betaalbare woonruimte zetten zij zich tien uur per week in voor de buurt. Boodschappen doen met een alleenstaande moeder. Digihulp bieden aan ouderen. Iftar organiseren in een buurtcentrum. Het is een organisatie die draait op koffie, op gesprekken bij de voordeur, op het soort contact dat je niet in een jaarverslag vangt.

Maar hun website vertelde een heel ander verhaal. Strakke lijnen, scherpe hoeken, een koele uitstraling. Alsof je een pak aantrekt voor iemand die het liefst in een warm vest rondloopt. Het ronde logo, het oranje dat warmte uitstraalt, de cirkels die verbinding symboliseren, niets daarvan kwam terug.

En dan was er nog een groter probleem. VoorUit heeft vier doelgroepen die totaal niet op elkaar lijken. Een student van 21 die een kamer zoekt leest anders dan een CSR-manager die ROI wil zien op een sponsoring. Een buurtbewoner die misschien niet vloeiend Nederlands spreekt heeft andere behoeften dan een programmamanager bij de gemeente die een flexibele samenwerkingspartner zoekt.

Eén boodschap voor iedereen? Werkt niet. Vier aparte websites? Onrealistisch.

De oplossing moest ergens daartussenin zitten. En om die te vinden moesten we eerst goed begrijpen wat VoorUit eigenlijk is.


Eerst begrijpen, dan bouwen

We zijn niet begonnen met schetsen. We zijn begonnen met luisteren. Fysiek, bij VoorUit aan tafel in Amsterdam, hebben we 2,5 uur lang de organisatie binnenstebuiten gekeerd. Whiteboards vol, koffie koud. Met het Value Proposition Canvas als kapstok hebben we per doelgroep uitgepeld wat ze willen bereiken, waar ze tegenaan lopen en wat hen over de streep zou trekken.

Dat klinkt misschien als een standaard-exercitie, maar wat eruit kwam was allesbehalve standaard. We ontdekten dat die vier doelgroepen precies één ding gemeen hebben: een allergie voor marketingpraat. Studenten willen échte gezichten zien, geen stockfoto's. Donateurs hebben een hekel aan vage beloftes en willen op de cent nauwkeurig weten waar hun geld heen gaat. Opdrachtgevers zoeken iemand die morgen kan beginnen, niet volgende maand. En buurtbewoners? Die haken af bij lange lappen tekst en willen foto's zien van activiteiten in hun eigen straat.

Uit die sessie kwam ook een eerlijk inzicht dat het hele project zou sturen. VoorUit heeft beperkte communicatiecapaciteit. Elk onderdeel dat we bouwen moet ook onderhouden kunnen worden door een klein team. We noemden het "destilleren": veel informatie compact maken, alleen openvouwen waar het relevant is, en de rest bewust weglaten. Die discipline heeft ons de maanden daarna bij elke keuze geholpen.


Van hoekig naar warm

Het designproces begon bij de meest zichtbare frictie: de mismatch tussen merk en site. De oude website bestond uit rechte hoeken en strakke vlakken. Het VoorUit-logo is een cirkel. Hun toon is warm. Hun werk is persoonlijk. Daar zat een wereld tussen.

We presenteerden drie designrichtingen. Niet omdat we zelf niet wisten welke kant het op moest, maar omdat we het gesprek wilden openen. Een strakkere variant voor wie toch meer richting corporate wilde. Een speelse richting die de energie van de studenten centraal zette. En een gebalanceerde optie - warm en professioneel tegelijk - die uiteindelijk de basis werd.

We werkten iteratief. Geen drie maanden radiostilte gevolgd door een "tada-moment", maar stap voor stap samen bouwen. Ontwerpen, feedback ophalen bij Jorijn en het team, bijschaven, opnieuw. Dat kost meer afstemming, maar het levert een site op waar de klant zich vanaf dag één in herkent.

Het brandbook van VoorUit met navy, oranje en crème werd het vertrekpunt. De cirkelvorm uit het logo werd een terugkerend designelement op elke pagina. En een detail waar we trots op zijn: elke wijk kreeg een eigen kleuraccent. De Wildemanbuurt heeft een andere sfeer dan Molenwijk, terwijl alles onmiskenbaar VoorUit blijft.


Bouwen wat er nog niet was

De bouw was waar dit project pas echt vorm kreeg. Geen template. Geen standaardoplossing. Alles op maat.

VoorUit wilde een donatiesysteem waar bezoekers zelf hun bedrag kiezen, eenmalig of maandelijks betalen via iDEAL, en direct een factuur ontvangen die ze kunnen gebruiken voor belastingaftrek. Dat bestaat niet als kant-en-klaar product. Dus hebben we het gebouwd. De penningmeester ziet nu in één overzicht wie wat heeft gedoneerd. Geen handwerk meer.

Voor de studentenwerving maakten we de VoorUitBlik: een korte quiz die in vijf vragen laat zien of je in aanmerking komt. Geen lange formulieren. Geen twijfel. Gewoon duidelijkheid.

Op vindbaarheid hebben we de hele site opnieuw ingericht. Alle paginatitels herschreven. Alle afbeeldingen beschreven. Alle gegevens zo ingesteld dat Google precies snapt wat VoorUit doet, waar ze zitten en hoe je ze kunt steunen. Negen wijklocaties, allemaal vindbaar.

En de basis: het domein staat nu op naam van VoorUit zelf. Aanmeldingen komen direct bij het team binnen. De nieuwsbrief draait. Alles staat waar het hoort.

Gebouwd voor autonomie

Het CMS hebben we ingericht met één doel: VoorUit moet het zelf kunnen beheren. Zonder ons te bellen.

VoorUit werkt met verhalenvertellers. Elk verantwoordelijk voor hun eigen wijk. Die moeten zelfstandig berichten kunnen plaatsen, activiteiten kunnen bijwerken en hun pagina's actueel houden. Zonder dat ze per ongeluk in elkaars werk zitten.

Dus hebben we alles zo opgezet dat iedereen alleen bij z'n eigen content kan. De directeur heeft volledige toegang. De verhalenvertellers zien alleen wat voor hen relevant is. De hele contentstructuur is opnieuw opgebouwd zodat wat je invult, precies zo op de pagina verschijnt. Geen verrassingen.

En om het team op weg te helpen schreven we een CMS-handboek. Geen droge PDF met screenshots, maar een praktische gids met stap-voor-stap uitleg, waarschuwingen bij de valkuilen en tips die het dagelijks gebruik makkelijker maken.

VoorUit heeft nu een website die past bij wie ze zijn. Warm genoeg voor buurtbewoners. Professioneel genoeg voor donateurs. Helder genoeg voor studenten die in twee minuten willen weten of dit iets voor hen is.

Van een site die niet bij de organisatie paste, naar een digitaal thuis dat net zo verbindend is als het werk in de wijken.