Redesign websites voor het Comenius College

Comenius merkte dat de bestaande websites van de verschillende scholen niet meer aansloten op de hedendaagse eisen. Het ontwerp was verouderd, de navigatie werkte verwarrend en de contentstructuur maakte het lastig om informatie snel te vinden. Digitale toegankelijkheid ontbrak vrijwel volledig. Tegelijkertijd waren er meerdere doelgroepen, zoals toekomstige leerlingen uit groep 7/8, zij-instromers, ouders en verzorgers, huidige leerlingen, medewerkers en potentiële nieuwe collega’s, die ieder hun eigen informatiebehoeften hebben.

Met deze uitdagingen vroeg Comenius ons om een moderne multi-website te ontwerpen en te ontwikkelen in Craft CMS, waarbij elke school een eigen identiteit behoudt, maar tegelijkertijd duidelijk onderdeel blijft van één Comenius-familie, met een sterke focus op werving, informatievoorziening en gebruiksgemak.

Een extra uitdaging

VMBO de Meerpaal moest wel volledig worden geïntegreerd in het digitale landschap, maar haar bestaande, eigen visuele website behouden. Benieuwd naar de uitwerking van VMBO de Meerpaal? Bekijk hier het project.

Doelstelling

De belangrijkste doelstellingen voor het nieuwe Comenius-landschap waren het realiseren van een multi-website in Craft CMS waarin alle scholen samenkomen, het waarborgen van digitale toegankelijkheid volgens de WCAG 2.2-richtlijnen en het opzetten van een gebruiksvriendelijke structuur waarmee bezoekers snel de juiste informatie kunnen vinden. Daarnaast moest het nieuwe landschap conversiegericht zijn, met een duidelijke focus op aanmeldingen, open dagen en werving. Ook een consistente visuele identiteit speelde een belangrijke rol, met voldoende ruimte voor kleur- en sfeeraccenten per school. Verder moest het beheer per locatie eenvoudig zijn, inclusief rechten per schoolteam, en moesten integraties met onder andere leerlingaanmelden.nl, werkenbijcvo.nl, social media en Vimeo naadloos worden ondersteund.

Het doel: een website die niet alleen informeert, maar ook wervings- en brandinginstrument is voor de hele scholengroep.

UX Discovery

Om goed te kunnen sturen op de juiste keuzes, hebben we een uitgebreide UX Discovery-sessie gefaciliteerd met Comenius, L5 en Accessible Minds.

Purpose cards

Met de purpose cards onderzochten we wat het doel van de websites is, hoe we dat kunnen bereiken en op welke manier we succes meten. Dit hielp om de gemeenschappelijke richting voor het nieuwe digitale landschap scherp te krijgen.

Pains & gains van de huidige websites

Tijdens de analyse werd duidelijk dat de bestaande websites te veel tekst en te weinig video bevatten, dat het design en de huisstijl verouderd waren en dat de navigatie niet logisch werkte. Tegelijkertijd zagen we dat bepaalde elementen, zoals de kleuren per vestiging en de koppeling met agenda’s en open dagen juist goed werden gewaardeerd.

Persona’s

We stelden persona’s op voor toekomstige ouders, toekomstige medewerkers en (toekomstige) leerlingen, zodat we gerichter konden bepalen wat elke doelgroep verwacht en nodig heeft.

Customer journeys

Daarna brachten we de huidige klantreis van toekomstige ouders in kaart en werkten we een gewenste ideale klantreis uit die beter aansluit op werving, keuzevorming en aanmelding. Deze inzichten gaven richting aan de nieuwe structuur en functionaliteiten.

Toptaken en KPI’s

Tot slot onderzochten we waar bezoekers echt voor komen en hoe we deze toptaken meetbaar kunnen maken. Dit vormt de basis voor datagedreven optimalisatie na livegang.

UX Research

Na de Discovery-sessie hebben we de inzichten verder uitgewerkt in een onderzoeks- en adviesrapport. In dit rapport verdiepten we de analyse van de belangrijkste pains & gains van de huidige websites. Zo werd opnieuw duidelijk dat veel pagina’s te vol waren en dat er sprake was van een wildgroei aan content, terwijl visuele ondersteuning vaak ontbrak. Ook brachten we de beperkingen van het bestaande CMS in kaart, die zowel de redactie als de gebruikservaring belemmerden.

Daarnaast werkten we de persona’s verder uit, met een sterke focus op toekomstige ouders als belangrijkste driver binnen de klantreis. Hun wensen, vragen en beslismomenten vormden het fundament voor de nieuwe structuur. Tegelijkertijd onderzochten we de wensen en frustraties van toekomstige medewerkers, zodat ook de werving van personeel naadloos aansluit bij hun verwachtingen en informatiebehoefte.

huidige en ideale customer journey

• van eerste zoekactie tot aanmelding en verdere communicatie
• concrete aanbevelingen voor SEO, contentstructuur, aanmeldflows, service en loyalty

De conclusie: de nieuwe websites moeten eenvoudiger, visueel sterker en meer conversiegericht worden, met veel meer nadruk op duidelijke navigatie, wervende content én praktische informatie.

Sitemaps en card sorting

Tijdens een card sorting-sessie hebben we samen de nieuwe structuur van de websites bepaald. Daaruit bleek dat er sprake was van een duidelijke wildgroei aan pagina’s en doublures, waardoor gebruikers moeilijk hun weg vonden. Ook verschilden de navigatie-onderdelen per school, wat de herkenbaarheid en voorspelbaarheid niet ten goede kwam. Daarnaast was de route naar aanmelden te lang en onvoldoende zichtbaar, waardoor een belangrijke conversiestroom werd afgeremd.

Op basis van deze inzichten hebben we nieuwe sitemaps opgesteld voor zowel de hoofdsite als alle locaties. We introduceerden een helder onderscheid tussen de topnavigatie met onderdelen zoals het portaal, contact en scholen en de hoofdnavigatie, die de belangrijkste inhoud van elke school presenteert. De route naar aanmelding is daarbij zo kort en duidelijk mogelijk gemaakt. Bovendien zijn de unieke kenmerken van iedere school (de USP’s) centraal geplaatst binnen de navigatie, zodat bezoekers direct begrijpen waar een locatie voor staat.

De voorgestelde structuur is bewust flexibel opgezet, zodat Comenius deze later in Craft CMS eenvoudig zelf kan aanpassen.

Toptaken, KPI’s en doelstellingen

Op basis van dot voting hebben we de belangrijkste toptaken voor de gebruikers bepaald. Daarbij kwamen onder andere het kiezen van een school en het aanmelden van een kind naar voren, evenals het inschrijven voor open dagen en activiteiten. Ook praktische informatie, zoals roosters, vakanties en contactgegevens, bleek een cruciale behoefte. Evenals als de mogelijkheid om vacatures te bekijken en direct te solliciteren.

Aan deze taken koppelden we vervolgens concrete KPI’s en doelen. Denk aan conversieratio’s voor aanmeldingen en sollicitaties, de vindbaarheid via zoekmachines (SEO), en het gebruik van veelbezochte pagina’s zoals roosters, het portaal en andere praktische informatie. Daarnaast monitoren we gebruikersbetrokkenheid via onder andere sessieduur, page depth en het aantal terugkerende bezoekers.

Deze set vormt het meetkader waarmee de website na livegang gericht geoptimaliseerd kan worden.

UX Design

Met de onderzoeksresultaten, sitemaps en toptaken als basis zijn we aan de slag gegaan met het UX- en UI-design. We maakten daarbij gebruik van de Comenius-toolkit van L5 als fundament voor het webdesign, zodat er een consistente stijl ontstaat voor de hele scholengroep. Tegelijkertijd hielden we ruimte voor kleuraccenten per locatie, zodat elke school een herkenbare eigen sfeer behoudt. In het ontwerp lag de nadruk op rust, helderheid en structuur, ondersteund door een sterke visuele hiërarchie en duidelijke call-to-actions die gericht zijn op werving.

Daarnaast kozen we voor een rijkere visuele invulling, met meer gebruik van foto’s en video, en later uitbreidbare opties voor onder andere virtual tours en social media-integraties. Zo ontstaat een digitale omgeving die zowel professioneel als warm en persoonlijk aanvoelt.

De oplossing

Na het UX- en designtraject ontwikkelden we:

• Een volledig nieuwe, toegankelijke Craft CMS multi-website voor de Comenius scholengroep
• Eén centrale structuur waarin elke school een eigen plek, kleur en contentbeheer krijgt
• Een nieuwe navigatie met duidelijke routes richting aanmelding, open dagen en praktische informatie
• Herbruikbare componenten voor nieuws, agenda, social media, formulieren en contentblokken
• Integraties met o.a. leerlingaanmelden.nl, werkenbijcvo.nl (UBEOO), Vimeo en Cookiebot
• Een opzet waarin VMBO De Meerpaal via de PR-site volledig is geïntegreerd, terwijl de bestaande visuele website van De Meerpaal behouden blijft, met ruimte om in een aparte case hiernaar door te linken

Met deze nieuwe multi-website heeft Comenius een stevig, toekomstbestendig fundament om leerlingen en ouders beter te bereiken, te informeren en te werven.