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 een moderne website met een frisse uitstraling, gecombineerd met een veilig en gebruiksvriendelijk ledenportaal. Daarnaast was een betere vindbaarheid in zoekmachines belangrijk, evenals een strakkere onboarding voor nieuwe leden. Tot slot moest het platform ruimte bieden voor doorontwikkeling, zoals een interactieve scholenkaart en een 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 en liepen tegen verschillende knelpunten aan. Door een overdaad aan plug-ins waren de laadtijden traag en scoorde de website laag op Pagespeed. De homepage stuurde bezoekers nauwelijks: een grote foto zonder duidelijke uitleg of route zorgde voor weinig richting. Ook de zoekfunctie liet te wensen over, terwijl er juist veel content en documenten beschikbaar waren. Het beheren van die content was bovendien lastig; redacteuren gaven aan dat het redigeren van pagina’s bijna een dagtaak werd.

De visuele uitstraling hielp niet mee. Veel stockfoto’s en weinig herkenbare beelden maakten dat de belangrijkste doelgroepen: docenten en leerlingen, nauwelijks zichtbaar waren. In het ledenportaal (Infobox) worstelden gebruikers met een onoverzichtelijke structuur waarin zij vooral door mappen dwaalden, zonder duidelijke hiërarchie of startpunt. Daarbij was het voor gebruikers vaak niet eens duidelijk of ze waren ingelogd of wat de volgende stap moest zijn.

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 bestaande content en de UX-inzichten hebben we de sitestructuur teruggebracht naar de kern. De hoofdnavigatie blijft herkenbaar, maar is opgeschoond en logischer geordend zodat gebruikers sneller vinden wat ze zoeken. De homepage kreeg daarbij een nieuwe, veel duidelijkere rol: direct communiceren wie Platform D&P is, voor wie het bedoeld is, en welke vervolgstap bezoekers kunnen nemen. Bijvoorbeeld: lid worden, inloggen, activiteiten bekijken of de kennisbank induiken.

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 kozen we voor Craft CMS 5 als stevig fundament. Met deze keuze kan Platform D&P complexe functionaliteit uitbouwen zonder te vervallen in plug-in-wildgroei, terwijl de website profiteert van snelle laadtijden dankzij slimme cachingoplossingen zoals Blitz en automatische beeldoptimalisatie via onder andere WebP. Daarnaast kunnen redacteuren content beheren in een CMS dat logisch is ingericht op basis van componenten en contenttypes, waardoor het beheer overzichtelijk en efficiënt blijft.

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 doet wat het belooft voor docenten, schoolleiders en leerlingen.