Case Study 03

Website-structuur voor een breed B2B-aanbod

Voor Human Insight ontwierp ik een websitestructuur waarin een breed aanbod van solutions, tools en content duidelijker samenkomt.

Ik werkte de informatiearchitectuur, navigatie en wireframes uit, met aandacht voor herkenbare bezoekersvragen rond talentontwikkeling, teamsamenwerking en organisatiegroei. Daarnaast kregen basispagina’s zoals Over ons, Careers en Contact een logische plek binnen de totale sitestructuur.

Rol

UX Designer

Periode

2025

Tools

Figma, WordPress, Bricks

Wat de nieuwe websitestructuur opleverde

Deze cijfers laten zien hoe de nieuwe websitebasis bijdraagt aan bereik, contactmomenten en schaalbare contentopbouw.

1.000+

Websitebezoekers per maand

5

Wekelijkse contactaanvragen

75

Uitgewerkte pagina’s

Complex aanbod begrijpelijk maken

Human Insight had een brede website met assessmenttools, trainingen, events, webshopproducten, kenniscontent en wetenschappelijke onderbouwing. De bestaande informatie maakte niet altijd duidelijk hoe deze onderdelen samenhingen of welke route bezoekers het beste konden volgen.

Voor het websiteontwerp moest het aanbod logisch worden geordend. Bezoekers moesten vanuit herkenbare organisatievragen naar oplossingen, tools, trainingen, events, producten, verdieping of contact kunnen bewegen.

De uitdaging was om commerciële routes duidelijker te maken, zonder de inhoudelijke en wetenschappelijke basis van Human Insight te versimpelen. De website moest richting geven en vertrouwen opbouwen.

Projectdoel

Een website-structuur ontwerpen waarin aanbod, assessmenttools, kenniscontent, trainingen, events, webshop en contactmomenten logisch met elkaar verbonden worden.

Doelgroep

Organisaties, HR-professionals, leiders, partners en consultants die Human Insight willen begrijpen, vergelijken of benaderen vanuit een concreet vraagstuk, een training, een event of een specifieke assessmentoplossing.

Van contentinventarisatie naar schaalbare website

Geen vaste sprint-iteraties, maar drie fasen waarin content eerst werd geordend, daarna gestructureerd en uiteindelijk schaalbaar werd opgebouwd.

Fase 01

CONTENT ORDENEN

De eerste fase bracht het bestaande aanbod, de doelgroepen en de belangrijkste boodschappen terug tot een heldere contentstructuur.

Door pagina’s, thema’s en routes opnieuw te ordenen, ontstond een basis waarop de website beter kon sturen op vindbaarheid, begrip en conversie.

Fase 02

STRUCTUUR BEPALEN

In prototypes werd onderzocht hoe bezoekers logisch door het aanbod konden bewegen: van hoofdboodschap naar solutions, assessments, research en contact.

De navigatie, landingspagina’s en verdiepende pagina’s werden zo opgebouwd dat complexe informatie sneller te begrijpen en makkelijker te beheren werd.

Fase 03

SCHAALBAAR BOUWEN

De uiteindelijke opbouw werd vertaald naar herbruikbare pagina’s, secties en modules binnen WordPress.

Daardoor kon de website groeien met nieuwe solutions, contenttypes en landingspagina’s zonder telkens opnieuw vanuit losse pagina’s te ontwerpen.

Uitgewerkte website-onderdelen

De website werd opgebouwd rond herbruikbare structuren voor navigatie, aanbod en content, zodat nieuwe pagina’s later sneller toegevoegd konden worden.

Landingspagina

Landingspagina

Landingspagina’s waarin hero, aanbod en conversieblokken zijn uitgewerkt.

Uitgewerkte landingspagina voor een corporate website.
Landingspagina V3

Meest uitgewerkte richting met duidelijke hero, navigatie en conversieblokken.

Wat deze case laat zien

Deze case laat zien hoe complexe bedrijfsinformatie werd vertaald naar een website-structuur die bezoekers sneller naar de juiste oplossing leidt.

Mijn bijdrage lag in informatiearchitectuur, navigatie en wireframes voor een website met oplossingen, assessmenttools, trainingen, events, webshopproducten en kenniscontent.

Door WordPress en Bricks te gebruiken als bouwblokken bleef de structuur aanpasbaar voor nieuwe pagina’s, content en samenwerking met development.

Het resultaat was een websitebasis waarin een breed aanbod begrijpelijker werd gepresenteerd en makkelijker verder kon groeien.

GEBRUIKTE TOOLS WordPressBricksFigma
01

Structuur

Losse producten en content terugbrengen tot een heldere website-structuur.

02

Schaalbaarheid

Templates en secties ontwerpen die met het aanbod meegroeien.

03

Positionering

Oplossingen en assessments kaderen vanuit herkenbare organisatievraagstukken.