Voor PVCV hebben we het Content Management Systeem (CMS) vervangen, waarbij we van WordPress zijn overgestapt naar Drupal. Daarnaast hebben we een nieuw frontend gebouwd in Next.js. Deze ingrijpende vernieuwing zorgt voor een verbeterde gebruikerservaring (UX) en een intuïtief CMS, speciaal ontworpen voor vrijwilligers zonder technische kennis. Dankzij dit headless systeem presteert de website beter en kunnen de 2.000 leden van de club eenvoudig op de hoogte blijven en betrokken worden gehouden.
Het initiatief is opgezet om de beperkingen van de verouderde website van PVCV aan te pakken, die was gebouwd met een standaard WordPress-pakket van Sportlink (het administratiesysteem van de KNVB met onder andere informatie over wedstrijden en leden). De belangrijkste uitdagingen waren het moeilijke onderhoud en het gebrek aan flexibiliteit in het ontwerp.
Om deze problemen op te lossen, hebben we een headless architectuur geïmplementeerd, met Next.js als frontend en Drupal als backend CMS voor eenvoudig contentbeheer. Een GraphQL API koppelt de frontend moeiteloos aan het CMS, en integreert naadloos met Sportlink voor het beheer van wedstrijdschema's en rapporten.
Dennis van Kuijk
Communicatie PVCV
Het nieuwe CMS is ontworpen met gebruiksvriendelijkheid in gedachten, vooral voor teamleiders, vrijwilligers en commissieleden. Redacteuren kunnen wedstrijdverslagen maken zonder een geregistreerd account, wat het goedkeuringsproces voor beheerders versnelt. Deze automatische koppeling met wedstrijdinformatie vermindert fouten, waardoor schrijvers zich kunnen concentreren op de inhoud.
Om het contentbeheer verder te verbeteren, hebben we een revisiemechanisme geïntroduceerd met een datumveld om de relevantie en actualiteit van de content bij te houden. Deze functie helpt gebruikers om seizoensgebonden informatie, zoals jaarlijkse contributies, efficiënt te beheren.
Naast de technische verbeteringen hebben we ons gericht op het versterken van de branding van de club. Met een gelaagde ontwerpaanpak hebben we zowel de UI als de UX verbeterd, zodat de navigatie logisch en gebruiksvriendelijk is, terwijl de identiteit van de club behouden blijft. Fotografie speelt nu een grotere rol en verrijkt het visuele verhaal van de website.
De vernieuwde branding is geoptimaliseerd voor sociale media, vooral tijdens wedstrijden, wat zorgt voor extra aandacht en betrokkenheid. Het kleurenschema en de lijnen uit het authentieke logo van de club zijn subtiel geïntegreerd in verschillende ontwerpelementen, wat de herkenbaarheid van het merk versterkt.
De belangrijkste doelen van het project waren om de gebruikerservaring te verbeteren en een intuïtief CMS te creëren dat toegankelijk is voor niet-technische vrijwilligers. Om dit te bereiken, hebben we een headless architectuur geïmplementeerd met Next.js en Drupal, zodat content eenvoudig beheerd kan worden zonder dat uitgebreide technische kennis vereist is.
Het resultaat is een moderne website die altijd up-to-date is en als een uitgebreide bron fungeert voor onderwerpen zoals contributies en trainingsschema’s. Het herstructureren van het menu stelt redacteuren in staat om gemakkelijker content toe te voegen en deze af te stemmen op de behoeften van de leden.
Tijdens het project stuitten we op enkele uitdagingen, zoals het coördineren van een grote groep belanghebbenden met beperkte tijd en het waarborgen van afstemming binnen het team van vrijwilligers. Om samenwerking te bevorderen, organiseerden we informele ‘pizza-avonden’ op kantoor, waar we open gesprekken voerden over ideeën en strategieën, vooral met betrekking tot contentplanning.
Een andere uitdaging was het vinden van een balans tussen het leveren van actuele informatie en het creëren van een toegankelijke referentie voor gebruikers. De website bevatte veel informatie, zoals contributies, trainingsschema's en contactpunten voor verschillende vragen. Door het menu te herstructureren hebben we de navigatie verbeterd en de algehele gebruikerservaring geoptimaliseerd. Dit heeft redacteuren meer flexibiliteit gegeven en heeft de betrokkenheid van gebruikers vergroot.
Neem contact met ons op dan bespreken we meteen jouw digitale 'goals'.
commercieel directeur
