Redesign scholen websites voor Melanchthon scholengroep

De vorige Melanchthon-website was gebouwd in WordPress, maar kampte met duidelijke beperkingen:

• de website voelde verouderd aan
• de conversie was laag
• iedere schoolpagina had een eigen, inconsistente indeling
• de customer journey was gefragmenteerd
• de websites voldeden niet aan de eisen van digitale toegankelijkheid

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:

• een digitaal toegankelijke multi-website realiseren in Craft CMS
• een verbeterde customer journey creëren, met duidelijke conversiestromen richting aanmeldingen
• een strak, modern en luchtig design dat aansluit op de bestaande huisstijl
• consistente UX-patterns toepassen binnen alle schoolwebsites
• redacteuren voorzien van een eenvoudig, component-based CMS

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:

• huidige navigatiestructuren
• contentindeling en flows
• huisstijl-elementen
• bestaande customer journeys
• technische beperkingen en wensen

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:

• doelgroepen en persona’s in kaart
• pains & gains
• toptaken
• huidige en gewenste customer journeys
• knelpunten in navigatie en structuur
• kansen voor conversieverbetering

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
• een gewenste user flow voor alle doelgroepen
• een nieuwe sitestructuur voor alle schoolwebsites
• flowcharts per pagina
• wireframes voor alle hoofdtemplates

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 structuur naar een visueel ontwerp.
We creëerden:

• een complete styleguide op basis van de bestaande huisstijl
• componenten die consistent werken binnen alle schoolwebsites
• frisse, rustige pagina-opbouwen met sterke visuele hiërarchie
• duidelijke, herkenbare conversie-elementen
• visuele patronen voor aanmelden, navigeren en scholen vergelijken

Hiermee kreeg de nieuwe website niet alleen functionaliteit, maar ook karakter en herkenbaarheid.

De oplossing

Na het UX- en designtraject ontwikkelden we:

1. Een volledig nieuwe, toegankelijke multi-website in Craft CMS
2. Een interactieve kaart met alle scholen in één overzicht
3. Herbruikbare componenten voor alle redacteuren
4. Een razendsnelle en toegankelijke front-end
5. 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!