Redesign websites voor het Comenius College

De bestaande websites van de Comenius-scholen voldeden niet meer aan de hedendaagse eisen. Het ontwerp was verouderd, de navigatie complex, de contentstructuur onoverzichtelijk en digitale toegankelijkheid ontbrak. Daarnaast waren er meerdere doelgroepen met verschillende informatiebehoeften:

• toekomstige leerlingen (met name groep 7/8)
• zij-instromers
• ouders en verzorgers
• huidige leerlingen
• medewerkers en potentiële nieuwe collega’s

Comenius vroeg ons om:

• een moderne multi-website te ontwerpen en ontwikkelen in Craft CMS
• waarbij elke school een eigen identiteit behoudt
• maar tegelijkertijd duidelijk onderdeel is van één Comenius-familie
• met een duidelijke focus op werving, informatievoorziening en gebruiksgemak

Een extra uitdaging

VMBO de Meerpaal moest wél 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:

• een multi-website in Craft CMS waar alle scholen onder vallen
• digitale toegankelijkheid conform de WCAG2.2 richtlijnen
• een gebruiksvriendelijke structuur waarmee bezoekers snel de juiste informatie vinden
• een conversiegerichte opzet gericht op aanmeldingen, open dagen en werving
• een consistente visuele identiteit, met ruimte voor kleur- en sfeeraccenten per school
• eenvoudig beheer per locatie, met rechten per schoolteam
• integraties met o.a. leerlingaanmelden.nl, werkenbijcvo.nl, social media en Vimeo

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

• wat is het doel van de websites?
• hoe bereiken we dat?
• hoe meten we succes?

pains & gains van de huidige websites

• teveel tekst, te weinig video
• verouderd design en huisstijl
• onlogische navigatie
• gewaardeerde elementen zoals kleuren per vestiging en koppeling met agenda/open dagen

persona’s

• toekomstige ouders
• toekomstige medewerkers
• (toekomstige) leerlingen

customer journeys

• huidige klantreis van toekomstige ouders
• gewenste “ideale” klantreis voor werving en aanmelding

toptaken en KPI’s

• waar komen bezoekers echt voor?
• en hoe maken we dat meetbaar?

Deze sessie legde de basis voor een blauwdruk waarin werving, gebruiksvriendelijkheid, structuur en merkbeleving samenkomen.

UX Research

Na de Discovery-sessie hebben we de inzichten verder uitgewerkt in een onderzoeks- en adviesrapport. Daarin kwamen onder andere aan bod:

diepere analyse van pains & gains

• te volle pagina’s en wildgroei aan content
• gebrek aan visuele ondersteuning
• beperkingen in het bestaande CMS

uitgewerkte persona’s

• focus op toekomstige ouders als belangrijkste driver voor de klantreis
• wensen en frustraties van toekomstige medewerkers

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. Hierbij kwamen een aantal belangrijke inzichten naar voren:

• er was sprake van wildgroei van pagina’s en doublures
• navigatie-onderdelen verschilden per school, wat de herkenbaarheid en voorspelbaarheid schaadde
• de weg naar aanmelden was te lang en onduidelijk

Daarom hebben we:

• nieuwe sitemaps opgesteld voor de hoofdsite en alle locaties
• een duidelijk onderscheid geïntroduceerd tussen topnavigatie (o.a. portaal, contact, scholen) en hoofdnavigatie
• de route naar aanmelding zo kort en zichtbaar mogelijk gemaakt
• USP’s van iedere school centraal gezet in de navigatie

De voorgestelde structuur blijft bovendien flexibel, zodat Comenius deze in Craft CMS later zelf kan aanpassen.

Toptaken, KPI’s en doelstellingen

Op basis van dot voting hebben we de belangrijkste toptaken voor de gebruikers bepaald. Denk aan:

• een school kiezen en kind aanmelden
• inschrijven voor open dagen en activiteiten
• praktische informatie vinden (rooster, vakanties, contact)
• vacatures bekijken en solliciteren

Daar hebben we KPI’s en doelen aan gekoppeld, zoals:

• conversieratio’s voor aanmeldingen en sollicitaties
• vindbaarheid via zoekmachines (SEO)
• gebruik van pagina’s met roosters, portaal en praktische info
• gebruikersbetrokkenheid via sessieduur, page depth en terugkerende bezoekers

Deze set vormt het meetkader om de website na livegang gericht te kunnen optimaliseren.

UX Design

Met de onderzoeksresultaten, sitemaps en toptaken als basis zijn we aan de slag gegaan met het UX- en UI-design:

• toepassing van de Comenius-toolkit van L5 als basis voor het webdesign
• consistente stijl voor de hele scholengroep, met ruimte voor kleuraccenten per locatie
• focus op rust, helderheid en structuur
• sterke visuele hiërarchie, met duidelijke call-to-actions gericht op werving
• meer gebruik van foto’s, video en (later) opties voor o.a. virtual tours en social media integraties

Zo ontstaat er 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 én te werven.