Alexander
Senior designer
Één site, drie heel verschillende bezoekers
Hoewel de nieuwe corporate website zich op één doel richt, namelijk laten zien wat de organisatie doet en hoe zij werken, is de website gericht op meerdere doelgroepen. Aidsfonds had hier al onderzoek naar laten doen en kwam bij ons met zes persona’s. Om die allemaal goed te bedienen vanuit één website is best een uitdaging.
De persona’s waren grofweg in te delen in drie groepen, met elk hun eigen informatiebehoefte: donateurs, beleidsmakers en partners. In onze gezamenlijke brainstormsessies besteedden we veel aandacht aan de wensen van deze doelgroepen en de passende indeling van de website en navigatie. Met wireframes creëerden we een overzichtelijke opbouw waar iedere bezoeker zijn weg weet te vinden.
Intuïtieve inhoudsopgave helpt bezoekers snel verder
Met meerdere doelgroepen op één website is overzicht essentieel. Daarom voegden we op langere pagina’s een inhoudsopgave toe, waarmee bezoekers in één oogopslag zien wat een pagina biedt en direct naar het relevante onderdeel kunnen springen. Voor een donateur die snel wil weten hoe hij kan bijdragen, werkt dat heel anders dan voor een beleidsmaker die op zoek is naar cijfers en rapporten. De inhoudsopgave zorgt ervoor dat iedereen razendsnel vindt wat hij zoekt, zonder door irrelevante informatie te hoeven scrollen.
Homepage als vertrekpunt voor iedere bezoeker
De homepage is opgezet om mensen die nog niet bekend zijn met Aidsfonds van de juiste context te voorzien. Het ‘waarom’ van de organisatie en de cijfers staan hier prominent weergegeven en geven de noodzaak van het fonds aan. Daarna is ruimte voor verdere verdieping: iedere doelgroep heeft zijn eigen ingang via linkjes dieper de site in.
Projecten slim hergebruikt
De wens van Aidsfonds was om via projecten hun werk zichtbaar te maken, en die projecten op diverse plekken te laten terugkomen zonder ze steeds opnieuw te hoeven invullen. Daarom zorgden we voor kruisverbanden tussen pagina’s en tonen we projecten via slimme blokken met voorgefilterde resultaten. Zo worden projecten op basis van tags automatisch getoond op pagina’s van communities en landen, zonder extra redactioneel werk.
Toegankelijk én on-brand
De huisstijl van Aidsfonds kenmerkt zich door felle kleuren en strakke lijnen. Om de website tegelijk toegankelijk te maken volgens de WCAG-richtlijnen, keken onze designers nauwkeurig naar contrast en kleurcombinaties. Waar nodig zijn subtiele aanpassingen gemaakt, zodat de site zowel toegankelijk als volledig in lijn met de huisstijl is.
Voor de speelsheid in het design kozen we voor animaties en subtiele vormgevingselementen die het strakke geheel aanvullen. Zo komt door de hele site een lijntekening van een hart terug en zijn er kleine scroll-animaties die de pagina tot leven brengen.
Speelse animaties geven het design karakter
De huisstijl van Aidsfonds is strak en grafisch. Om de website toch wat leven in te blazen, voegden we subtiele animaties toe die het ontwerp aanvullen zonder af te leiden. Een goed voorbeeld is de lijntekening van een hart die door de hele site terugkomt. Bij het scrollen beweegt deze mee, waardoor de pagina zich op een speelse manier ontvouwt. De animaties zijn bewust licht gehouden, zodat ze ook voor bezoekers die gevoelig zijn voor beweging op het scherm geen probleem vormen.
