De opdracht
De vorige Melanchthon-website was gebouwd in WordPress, maar kampte met duidelijke beperkingen:
De vorige Melanchthon-website was gebouwd in WordPress, maar kampte met duidelijke beperkingen. De website voelde verouderd aan en de conversie bleef laag. Daarnaast had iedere schoolpagina een eigen, inconsistente indeling, waardoor de customer journey gefragmenteerd raakte. Ook voldeden de websites niet aan de eisen van digitale toegankelijkheid, wat zowel de gebruikservaring als de kwaliteit van de informatievoorziening belemmerde.
Melanchthon wilde een moderne, schaalbare en gebruiksvriendelijke multi-website voor acht afzonderlijke scholen en de scholengroep zelf, waarbij elke school een eigen identiteit behoudt maar wel binnen één gestroomlijnd systeem valt. Daarbij was Craft CMS de voorkeur, vanwege veiligheid, beheerbaarheid en digitale toegankelijkheid.
Doelstelling
De belangrijkste doelen waren om een digitaal toegankelijke multi-website te realiseren in Craft CMS en een sterk verbeterde customer journey neer te zetten, met duidelijke conversiestromen richting aanmeldingen. Daarnaast moest het ontwerp strak, modern en luchtig zijn, aansluitend op de bestaande huisstijl. Binnen alle schoolwebsites wilden we consistente UX-patterns toepassen, terwijl redacteuren moesten kunnen werken met een eenvoudig, component-based CMS dat hen maximale flexibiliteit biedt.
Een toekomstbestendige basis die zowel technisch als visueel volledig aansluit bij wat Melanchthon nodig heeft.
Strategie
Voorafgaand aan de UX Discovery analyseerden we de volledige digitale situatie. We namen de huidige navigatiestructuren, de contentindeling en de bestaande flows onder de loep, evenals de huisstijl-elementen en de customer journeys die op dat moment werden gebruikt. Daarnaast beoordeelden we de technische beperkingen en wensen, zodat we precies wisten welke kansen en knelpunten er in de nieuwe ontwerp- en ontwikkelfase moesten worden meegenomen.
Tijdens de interne kick-off formuleerden we aannames, vragen en uitgangspunten die als fundament dienden voor de UX Discovery.
UX Discovery
De UX Discovery sessie voerden we digitaal uit via Miro.
Tijdens deze uitgebreide sessie brachten we samen met Melanchthon de doelgroepen en persona’s in kaart, evenals de belangrijkste pains & gains en toptaken. We onderzochten zowel de huidige als de gewenste customer journeys en identificeerden knelpunten in navigatie en structuur. Daarnaast verkenden we kansen voor conversieverbetering, zodat de nieuwe website niet alleen gebruiksvriendelijker maar ook effectiever zou worden.
De inzichten uit deze sessie vormden de blauwdruk voor de nieuwe multi-website.
UX Research
Na de Discovery-sessie konden we direct doorpakken. We ontwikkelden duidelijke persona’s en stelden een gewenste user flow op voor alle doelgroepen. Daarnaast werkten we een nieuwe sitestructuur uit voor alle schoolwebsites, aangevuld met flowcharts per pagina en wireframes voor alle hoofdtemplates. Daarmee lag er een stevig fundament voor het verdere ontwerp- en ontwikkelproces.
Tijdens de wireframepresentatie liepen we samen door de opzet van de nieuwe website, bepaalden we de rol van elke pagina en kregen we waardevolle feedback die we direct hebben geïntegreerd.
UX Design
Met de wireframes en onderzoeksresultaten op zak vertaalden we de nieuwe structuur naar een visueel ontwerp. We creëerden een complete styleguide gebaseerd op de bestaande huisstijl, en ontwikkelden componenten die consistent werken binnen alle schoolwebsites. De pagina’s kregen een frisse, rustige opbouw met een sterke visuele hiërarchie en duidelijke, herkenbare conversie-elementen. Daarnaast ontwierpen we visuele patronen voor onder andere aanmelden, navigeren en het vergelijken van scholen, zodat bezoekers intuïtief door de informatie kunnen bewegen.
Hiermee kreeg de nieuwe website niet alleen functionaliteit, maar ook karakter en herkenbaarheid.
De oplossing
Na het UX- en designtraject ontwikkelden we:
- Een volledig nieuwe, toegankelijke multi-website in Craft CMS
- Een interactieve kaart met alle scholen in één overzicht
- Herbruikbare componenten voor alle redacteuren
- Een razendsnelle en toegankelijke front-end
- Logische en conversiegerichte navigatie
Al blijft een website altijd een work-in-progress, hebben we voor nu een prachtige website met een kritiek oog op werving kunnen opzetten. Op weg naar nieuwe optimalisaties!
Zo maakten wij het verschil
Een compleet digitaal landschap voor 8 scholen
Alle websites ondergebracht in één heldere, schaalbare multi-website in Craft CMS.
Verbeterde customer journey
Van oriënteren tot aanmelden: elke stap is eenvoudiger, duidelijker en consistenter.
Interactieve kaart als centrale functionaliteit
Alle scholen overzichtelijk in beeld, direct toegankelijk voor bezoekers.
Sterke UX-fundering
Door card sorting, pains & gains, persona’s, journeys en wireframes is de website gebouwd op echte gebruikersbehoeften.
Gebruiksvriendelijk CMS voor redacteuren
Met component-based pagina’s die intuïtief werken voor alle teams.
Digitale toegankelijkheid geborgd
Alles volledig ontwikkeld volgens WCAG-richtlijnen.