Craft CMS website en klantenportaal voor Platform VMBO D&P

De opdracht was om een website te ontwerpen en ontwikkelen die de functionaliteiten van de oude website bevatte, maar meer geoptimaliseerd voor zowel de bezoeker, als voor de medewerkers van Platform D&P. Ook het geïntegreerde ledenportaal kwam ter sprake om als onderdeel van de website te functioneren. Zo hebben we componenten ontwikkeld en gebruikt die dezelfde informatie kan bieden, maar verschillend per soort gebruiker.

Platform D&P wilde onder andere:

• een moderne website met een frisse uitstraling
• een veilig, gebruiksvriendelijk ledenportaal
• betere vindbaarheid in zoekmachines
• een strakkere onboarding voor nieuwe leden
• én ruimte voor doorontwikkeling, zoals een scholenkaart en CRM-koppeling

Daarom hebben we niet alleen “een nieuwe site gebouwd”, maar gestart met een grondige inventarisatie en een uitgebreide UX Discovery / MTH-sessie. De uitkomsten daarvan zijn vertaald in een blauwdruk (blueprint) voor de nieuwe digitale omgeving.

De oude situatie: traag, lastig en weinig sturend

De bestaande website en het ledenportaal waren in WordPress opgebouwd, met:

• een overdaad aan plug-ins wat zorgde voor trage laadtijden en lage Pagespeed-scores
• een niet-sturende homepage (grote foto, weinig uitleg, geen duidelijke route)
• gebrekkige zoekfunctie, terwijl er juist veel content en documenten zijn
• moeilijk redigeerbare content waardoor het beheer een dagtaak werd
• stockfoto’s en beelden dat de echte doelgroep (docent, leerling) nauwelijks liet zien
• een ledenportaal (Infobox) waarin je vooral “door mappen dwaalde”, zonder duidelijke hiërarchie of dashboard
• voor gebruikers nauwelijks duidelijk of ze ingelogd waren of wat de volgende stap was

Kortom: veel inhoud, maar weinig focus. En dat terwijl docenten en schoolleiders juist snel, gericht en efficiënt willen werken.

De aanpak

UX Discovery als vertrekpunt

Voordat we ook maar dachten aan een ontwerp, zijn we eerst met het team van Platform D&P om tafel gegaan voor een uitgebreide UX Discovery / MTH-sessie. Tijdens deze sessie onderzochten we:

• wie de belangrijkste doelgroepen zijn
• welke taken ze echt willen uitvoeren
• en waar het nu misgaat in de reis van bezoeker naar lid.

Uit die sessie kwamen twee duidelijke persona’s naar voren:

Nieuwe structuur, duidelijke routes

Op basis van de huidige content en de UX-inzichten hebben we de sitestructuur teruggebracht naar de kern. De hoofdnavigatie blijft herkenbaar, maar is opgeschoond en logischer geordend. De homepage kreeg een nieuwe rol:

• direct duidelijk maken wie Platform D&P is,
• voor wie het er is,
• en welke volgende stap je kunt zetten (lid worden, inloggen, activiteiten bekijken, kennisbank in).

Daarbij hebben we content samengevoegd, beter gestructureerd en voorzien van semantische opbouw (H1–H2–H3), interne links en CTA’s naar conversiepunten. Het nieuws- en FAQ-gedeelte is zo ingericht dat berichten niet meer in een doodlopend spoor eindigen, maar bezoekers doorsturen naar relevante materialen, activiteiten of portaalfunctionaliteit.

Ledenportaal: van Infobox naar werkplek en netwerk

Het ledenportaal, nu nog vooral een mappenstructuur, is in de nieuwe situatie opgezet als een echte digitale werkplek:

• een dashboard met duidelijke hiërarchie tussen primaire acties (zoeken, recente en veel gedownloade documenten, belangrijkste secties) en secundaire functies;
• een verbeterde zoekfunctie met filters, zodat docenten snel de juiste materialen vinden;
• en een uitgebreid ledenoverzicht, zowel in het portaal als aan de voorkant van de website.

Huisstijl en logo-restyle

Parallel aan de UX- en technische lijn hebben we ook naar de visuele identiteit gekeken. De kernkleuren rood en groen bleven leidend, maar zijn warmer en vriendelijker toegepast. Het bekende “V-tje” verdwijnt uit het logo, net als de toevoeging “VMBO” in de meeste varianten, zodat “Platform D&P” als merk sterker naar voren komt.

Het oude stencil-lettertype is ingeruild voor een modernere typografie die beter past bij de ambitie van het platform en het actuele D&P-onderwijs. Daarbij is gekozen voor twee varianten:

• een volledig logo met de naam “Platform D&P, Dienstverlening en Producten”;
• en een compact logo dat vooral “Platform D&P” toont voor kleinere toepassingen.

In het beeldgebruik verschuift de focus van generieke stockfoto’s naar herkenbare situaties met echte docenten en leerlingen, zodat de doelgroep zichzelf terugziet in de website.

Techniek, performance en toegankelijkheid

Onder de motorkap hebben we gekozen voor Craft CMS 5 als fundament. Daarmee kan Platform D&P:

• zonder plug-in-wildgroei complexe functionaliteit uitbouwen;
• profiteren van snelle laadtijden dankzij caching (o.a. Blitz) en automatische beeldoptimalisatie (o.a. webP);
• en content beheren in een CMS dat logisch is ingericht op basis van componenten en contenttypes.

Voor formulieren gebruiken we Freeform, voor SEO SEOmatic en voor navigatie de Navigation-plugin. Samen met een semantische HTML-opbouw en toetsenbordtoegankelijke componenten leggen we een solide basis voor WCAG 2.1-conforme ontwikkeling.

Aan het einde van het traject wordt een toegankelijkheidsonderzoek uitgevoerd, inclusief onderzoeksrapport. Zo kan Platform D&P aantoonbaar laten zien welke stappen er zijn gezet en waar nog verbeterpotentieel ligt.

Het resultaat

• Met de nieuwe website en het vernieuwde ledenportaal krijgt Platform D&P een digitaal platform dat weer klopt met de waarde die het in de praktijk al jaren biedt:
• Docenten vinden sneller lesmaterialen, inspiratie en collega-scholen om mee te sparren.
• Teamleiders krijgen meer grip op wat het platform oplevert en hoe hun school profiteert.
• Leden ervaren het portaal als een overzichtelijke werkplek in plaats van een doolhof aan mappen.
• Beheer wordt eenvoudiger, beheerderstaken zijn beter te verdelen en content is makkelijker te onderhouden.
• En met een moderne, toegankelijke Craft-site is Platform D&P klaar voor verdere groei, doorontwikkeling en een steeds professioneler netwerk van D&P-scholen.

Kortom: hetzelfde sterke platform, maar dan met een digitale omgeving die dóet wat het belooft – voor docenten, schoolleiders én leerlingen.