Toekomstgericht & mobile first
De nieuwe site
Grafisch ontwerp
Webdesign
Fotografie
Aanleiding
CityShapers X Brandshake
Voor CityShapers ontwikkelden we een compleet nieuwe website. Een platform dat past bij waar de organisatie nu staat: gegroeid, zichtbaar en met een duidelijke missie: samen vormen ze de stad Haarlem.
De oude site deed simpelweg niet meer wat nodig was. Technisch beperkt, weinig onderscheid in content en niet ingericht op mobiel, terwijl het grootste deel van de doelgroep juist daar zit.
Dus gingen we terug naar de basis: wat moet deze website doen?
Van informatie naar activatie
De uitdaging
De website van CityShapers had vooral een informerende rol. Veel tekst, weinig richting en weinig beleving. We wilden toewerken naar een website die toegankelijk is voor jongeren. Aanzetten tot activatie. Hoe zorg je dat bezoekers niet alleen lezen, maar ook in beweging komen?
Aanmelden. Meedoen. Doneren. Daar hebben we het hele platform op ingericht. De nieuwe website is niet alleen functioneel sterker, maar ook een flinke stap vooruit in uitstraling. Waar de oude site wat eentonig en tekstgedreven was, is de nieuwe omgeving visueel en levendig. De grafische identiteit is doorvertaald en uitgebreid, waardoor het merk consistenter en herkenbaarder is geworden.
Projecten en verhalen hebben een centrale plek gekregen op de homepage. Zo zien bezoekers direct waar CityShapers voor staat en wat je kunt betekenen als vrijwilliger.
Een toekomstbestendig platform
De aanpak
Omdat zo’n 80% van de bezoekers via mobiel komt, hebben we de website volledig mobile first ontworpen.
We startten met een functioneel ontwerp:
- duidelijke structuur
- heldere gebruikersroutes
- focus op conversie
Daarna vertaalden we dit naar een visueel ontwerp dat past bij CityShapers: energiek, kleurrijk en vol beleving.
Belangrijke keuzes:
- centrale plek voor CTA’s zoals ‘Meld je aan’ en ‘Doneer’
- snellere navigatie naar projecten en initiatieven
- formulieren die wél prettig werken op mobiel
- meer ruimte voor beeld en verhalen
Meer interactie en betrokkenheid
Resultaat
De nieuwe website helpt CityShapers om hun missie beter over te brengen én om mensen daadwerkelijk in beweging te krijgen. Bezoekers vinden sneller wat ze zoeken, begrijpen beter wat de organisatie doet en zetten makkelijker de volgende stap. Precies waar het om draait.
