Noordhoff START

Doorgaans ontwikkelen we maatwerk websites van A tot Z. Voor de nieuwe Noordhoff START website heeft Daily Creations de strategie en UX-/UI-design verzorgd. Dit is een doorontwikkeling van de bestaande START website. Hierdoor konden wij ons volledig richten op het daadwerkelijk bouwen van de nieuwe website. De website is zo ingericht dat bezoekers de artikelen en events die Noordhoff START aanbiedt gemakkelijk kunnen vinden, mede dankzij overzichtelijke filters.

Na een naadloze overdracht was het aan ons om de nieuwe ontwerpen door te vertalen naar een strakke, snelle, overzichtelijke en vooral dynamische website.

Een gemakkelijk te beheren website was een pré, daarom hebben we de keuze gemaakt om een WordPress website op te zetten. Aan de achterkant is alles zo ingericht dat in één oogopslag duidelijk is hoe de pagina’s aangepast kunnen worden. Enkel de benodigde opties zijn zichtbaar voor de redactie zodat iedereen – ongeacht het kennisniveau van WordPress – de artikelen kan plaatsen. Het plaatsen van de artikelen en events is door het invullen van enkele velden in de achterkant in een mum van tijd gedaan.

In het aangeleverde ontwerp zaten een aantal verschillende secties waarin de content op een andere manier gefilterd werd. Om voor Noordhoff het toevoegen van deze content zo gemakkelijk mogelijk te maken, hebben we dit geautomatiseerd. Door het schrijven van slimme queries worden deze items automatisch geselecteerd op basis van de meegegeven metadata. Zo klopt de content in deze secties altijd zonder dat er handmatig werk aan te pas komt!

Iedere publicatie krijgt automatisch de juiste metadata; zo voorkomen we ontbrekende data voor de zoekmachines. Auteurs hoeven hier niets voor te doen, en de zoekmachines kunnen de publicaties daarom altijd probleemloos indexeren.

Om een zo hoog mogelijke snelheid van de website te behalen hebben we gebruik gemaakt van lazy-loading, het nieuwste bestandsformaat voor afbeeldingen (WebP), caching en het inschakelen van CloudFlare CDN.

Om de laadtijd zo kort mogelijk te houden hebben we veel gebruik gemaakt van conditionele logica. Dit houdt in dat wanneer bepaalde items niet bestaan, deze specifieke secties ook niet ingeladen worden op de pagina.

Zo verminderen we het aantal “empty states” op de website en verlagen we de in te laden HTML-bestanden. Dankzij het verminderen van de HTML hoeven we bepaalde CSS- en JavaScript-bestanden niet in te laden, wat de payload aanzienlijk verkleint.

De frisse look en handige functionaliteiten van de nieuwe website zijn natuurlijk om van te genieten en dat is dan ook goed terug te zien in de cijfers.

De bezoekers blijven maar liefst 64% langer op de doorontwikkelde website. Daarnaast worden er per bezoeker gemiddeld 26% meer pagina’s bezocht, en is het bouncepercentage met 10% gedaald. We kunnen hieruit stellen dat de nieuwe website een grote verbetering is.