Van ontwerp naar een toegankelijke Craft CMS-website voor ’s Gravendreef College

Het ’s Gravendreef College (SGDC), onderdeel van Scholengroep Spinoza, biedt eigentijds voortgezet onderwijs verspreid over twee vestigingen in de regio Den Haag: Leidschendam (vmbo-kgt) en Leidschenveen (vmbo-kgt, havo en vwo). Om aankomende groep 8-leerlingen, hun ouders en potentiële nieuwe onderwijscollega’s direct te inspireren en feilloos te informeren, was een compleet nieuw digitaal platform nodig.

In nauwe samenwerking met HLO Branding Agency, die verantwoordelijk was voor de merkidentiteit en het interactie- en grafisch ontwerp, verzorgde Accessible Minds de complete technische realisatie in Craft CMS 5. Hierbij lag de focus op een intuïtieve en modulaire beheeromgeving, uitstekende performance en technische digitale toegankelijkheid volgens de WCAG-richtlijnen.

De opdracht

Het ’s Gravendreef College heeft twee vestigingen in de regio Den Haag, elk met een eigen onderwijsaanbod en doelgroep. De bestaande website bood onvoldoende overzicht en maakte het lastig om snel de juiste informatie per locatie te vinden.

De nieuwe website moest toekomstige leerlingen en ouders helpen bij het kiezen van een passende school. Tegelijkertijd moest praktische informatie voor huidige leerlingen en medewerkers eenvoudig bereikbaar zijn.

HLO Branding Agency verzorgde de merkidentiteit en het UX- en UI-design. Accessible Minds kreeg de opdracht om dit ontwerp te vertalen naar een snelle, gebruiksvriendelijke en digitaal toegankelijke website in Craft CMS 5. Met één centrale beheeromgeving, waarin beide vestigingen hun eigen identiteit behouden.

Doelstelling

De belangrijkste doelstellingen voor het nieuwe SGDC-platform waren:

• Gebruiksvriendelijk CMS voor zelfstandig contentbeheer.
• Digitaal toegankelijk ontwikkeld volgens WCAG 2.2.
• Eén website met een herkenbare plek voor beide vestigingen.
• Koppelingen met applicaties (Magister, Zermelo), video-ondersteuning (Vimeo) en wervingsmodules voor open dagen en nieuwsbrieven.
• Optimale prestaties op mobiel en desktop

Aanpak

Vanaf de ontwerpfase trok Accessible Minds intensief op met HLO en het netwerk- en applicatiebeheer van Scholengroep Spinoza om een duidelijke en doelgerichte overgang te garanderen.

Technisch advies en toegankelijkheid vanaf de ontwerpfase

We toetsten de interactieontwerpen van HLO vooraf op technische haalbaarheid en WCAG-toegankelijkheid. Daarbij adviseerden we over componenten, interactieve statussen (hover, focus, active), animaties en schaalbaarheid bij variërende tekstlengtes.

Flexibel contentbeheer met Craft CMS 5

We creëerden een flexibele 'blokkendoos' met maatwerkcomponenten voor onder andere hero-banners, actuele schoolagenda's, lestijden, FAQ-secties, fotogalerijen en conversiegerichte call-to-actions. Hierdoor kan SGDC pagina's naar wens inrichten zonder de visuele huisstijl aan te tasten.

Digitale toegankelijkheid als uitgangspunt

Alle templates zijn gebouwd met schone, semantische HTML en logische koppenstructuur. Waar nodig werden ARIA-attributen toegepast en in het CMS werd ondersteuning ingebouwd voor verplichte alt-teksten en dynamische video-ondersteuning met pauzemogelijkheden.

Slimme koppelingen voor leerlingen, ouders en medewerkers

Voor werving richtten we overzichtelijke flows in richting open dagen en integreerden we een gerichte uitsplitsing naar Meesterbaan per locatie. Ook onderwijs software zoals Magister en Zermelo kregen een prominente plek voor leerlingen en ouders.

Zorgvuldige livegang en ondersteuning

We leverden een maatwerk handleiding op voor Craft CMS 5 en ondersteunden het SGDC-team bij de contentinvoer. Samen met de IT-coördinatoren van Scholengroep Spinoza zorgden we voor een gecontroleerde DNS-migratie en hostingconfiguratie.

De oplossing

Met de nieuwe website beschikt ’s Gravendreef College over één modern en gebruiksvriendelijk digitaal platform voor beide schoolvestigingen.

De website combineert een herkenbare uitstraling met duidelijke navigatie, digitale toegankelijkheid en eenvoudig contentbeheer. Zo vinden toekomstige leerlingen en ouders sneller de informatie die zij zoeken en kan het schoolteam de website zelfstandig actueel houden.

De belangrijkste resultaten:

• Eén centrale website voor twee vestigingen, met ruimte voor het eigen onderwijsaanbod en de identiteit van iedere locatie.
• Eenvoudig contentbeheer in Craft CMS 5, met herbruikbare componenten voor nieuws, agenda's, open dagen en andere informatie.
• Duidelijke routes naar belangrijke informatie, zoals aanmeldingen, informatieavonden, roosters en vacatures.
• Digitale toegankelijkheid als uitgangspunt, met aandacht voor semantische HTML, toetsenbordbediening en WCAG 2.2.
• Een flexibel technisch fundament, dat ruimte biedt voor toekomstige uitbreidingen en nieuwe functionaliteiten.

Het resultaat is een website die niet alleen aansluit op de nieuwe identiteit van ’s Gravendreef College, maar ook prettig werkt voor bezoekers en eenvoudig te beheren is door het schoolteam.