Vraag

NEN vroeg ons om een nieuwe, gebruiksvriendelijke en toegankelijke corporate website te ontwerpen die zowel gebruikers als beheerders bedient. De website moest een sterk digitaal fundament zijn voor toekomstige producten die een CMS-component nodig hebben.

Dit project kwam als een logisch vervolg op het NEN Connect project, waarin we adviseerden om te ontwerpen voor de volledige klantreis in plaats van voor geïsoleerde componenten. Dit betekende beginnen bij de frontend ervaring, NEN.nl, en deze naadloos verbinden met de functionaliteit van NEN Connect als essentieel onderdeel van de reis.

Daarnaast was NEN bezig met het aanscherpen van de  merkidentiteit. Wij hebben geholpen het digitale hoofdstuk van hun brand evolutie te verrijken. We zorgden ervoor dat de nieuwe website aansluit op de vernieuwde design fundamenten én tegelijkertijd de gebruiksvriendelijkheid verbetert.

‍

‍

Antwoord

Naast NEN.nl waren er diverse digitale omgevingen met waarde voor de eindgebruikers. Uit ons onderzoek bleek dat klanten het als losse omgevingen ervaren en zij zochten juist gericht naar specifieke normen en hadden behoefte aan begeleiding en aanbevelingen voor bijbehorende trainingen, documenten en andere relevante bronnen. Door deze “losse winkels” te integreren tot één samenhangende ervaring, kan NEN eindgebruikers beter bedienen en hun betrokkenheid bij de diensten van NEN vergroten. NEN had dan ook als wens om dit te consolideren.

De bestaande website van NEN had baat bij een verbeterde structuur en meer ondersteuning voor gebruikers. We zagen dat gebruikers moeite hadden om de juiste content te vinden, dubbele pagina’s tegenkwamen en vastliepen in complexe interacties die uitmondden in doodlopende paden. Door een explicietere hiërarchie aan te brengen met visuele aanwijzingen en logische opbouw, hebben we gebruikers effectiever kunnen begeleiden en intuïtieve routes gecreëerd die hen helpen hun doel te bereiken.

Daarnaast zorgden inconsistenties in branding, design en tone of voice voor een gefragmenteerde gebruikerservaring. Een belangrijke uitdaging was om NEN en de  submerken als een herkenbare familie te presenteren, terwijl er voldoende onderscheid moest blijven in vorm en inhoud om hun specifieke rollen duidelijk te maken. Dit hebben we opgelost door een vernieuwd design systeem te introduceren: een consistente look & feel over alle pagina’s, met voldoende flexibiliteit om verschillende soorten content te ondersteunen.

Om dit te onderbouwen, vertaalden we ons onderzoek naar vier ontwerp principes die de basis vormden voor ons concept:

• Gebruikersintentie als vertrekpunt:
  ‍Zorgen dat call-to-actions aansluiten op de doelen en behoeften van gebruikers.
• Transparante interactie:
  Heldere uitleg over de rol van NENs diensten en processen, inclusief de waarde en kosten van hun aanbod.
• Begeleid zoeken & ontdekken:
  Gebruikers helpen om normen en gerelateerde content intuïtief en verkennend te vinden, zonder cognitieve overbelasting.‍
• Contextuele content plaatsing:
  ‍Sterkere connecties leggen tussen verschillende soorten content en diensten via slimme koppelingen en een doordachte structuur.

‍

Werkwijze

Bij fresk.digital starten we niet direct met ontwerpen, maar beginnen we met begrijpen. Voor NEN pasten we onze Discover & Strategise aanpak toe: een gestructureerde deep-dive in gebruikersbehoeften, organisatiedoelen en technische realiteit.

Door middel van sessies met stakeholders, gebruikersinterviews en journey mapping ontdekten we een belangrijk inzicht: gebruikers denken niet in silo’s, maar in uitkomsten. Of ze nu zoeken naar een specifieke norm, een training willen boeken of door regelgeving navigeren, ze verwachten een logische, naadloze route die klopt vanuit hun perspectief.

Deze inzichten vertaalden we naar heldere, toepasbare ontwerpprincipes die als leidraad dienden voor elke laag van het concept. Maar minstens zo belangrijk was hoe we die principes visueel tot leven brachten.

We begonnen met visueel onderzoek en moodboards, waarbij we uiteenlopende stijlrichtingen verkenden die aansloten op de doorontwikkeling van het merk NEN. Vanuit daar bouwden we stijltests: interface-exploraties waarin vorm even belangrijk was als functie. Deze vroege, experimentele ontwerpen gaven ons de ruimte om te testen, snel te leren en samen met de klant een gedeelde visuele taal te ontwikkelen. Het was nog niet pixel-perfect, maar het hielp ons wél scherp te krijgen wat goed voelde voor NEN.
‍

‍

Tegelijkertijd werkten we aan de structuur: het opzetten van contentblokken om orde te scheppen in de complexiteit en gebruikers op een consistente en intuïtieve manier te begeleiden naar de informatie die zij nodig hebben om hun doelen te bereiken. Deze structuren en blokken gaven waardevolle inzichten in de componenten en elementen die nodig zijn om gebruikers effectief te ondersteunen. Op basis hiervan ontwikkelden we een opzet voor een design systeem met herbruikbare componenten die toegepast kunnen worden op zowel de hoofdsite NEN.nl als de verschillende submerken. Alles kwam samen in een klikbaar prototype waarin strategie, design en content naadloos samenkwamen. Dankzij deze aanpak konden we cruciale gebruikersreizen vroeg testen, aannames valideren en de ervaring in nauwe samenwerking met stakeholders finetunen voordat we richting development gingen.
‍

‍

Resultaat

Het vernieuwde NEN.nl concept is ontworpen om gebruikers een intuïtieve en meer gestructureerde ervaring te bieden. Het design is gefocust op het stimuleren van interactie  en onderstreept de rol van NEN als gids in de wereld van normen. De verbeteringen maken content  toegankelijker en versterken het vertrouwen en de betrokkenheid van gebruikers bij de diensten van NEN.

‍

‍

Door complexiteit te vereenvoudigen, betere begeleiding te bieden en een consistente gebruikerservaring neer te zetten, hebben we een digitale omgeving ontworpen die gebruikers helpt zich te richten op wat echt telt: het efficiënt en effectief toepassen van de juiste normen. De nieuwe website kan nu een logisch en naadloos startpunt zijn voor een platform dat gebruikers verbindt met het bredere ecosysteem van NEN-tools en diensten en hen optimaal ondersteunt in hun professionele traject.

Naast het opleveren van het platform ontwerp en de componenten, hebben we NEN ook voorzien van de juiste tools, kennis en richtlijnen om het platform zelf verder te implementeren én door te ontwikkelen