Case Study 03

Van assessmenttools naar solution-gerichte website-structuur

UX en informatiearchitectuur voor een complete redesign van de Human Insight website. De bestaande website was sterk opgebouwd rond psychometrische assessmenttools en productnamen, terwijl bezoekers vaak zoeken vanuit herkenbare vraagstukken zoals talentontwikkeling, teamsamenwerking en organisatiegroei.

Mijn focus lag op het ordenen van het aanbod, het uitwerken van sitemaps, het verbeteren van de navigatiestructuur en het maken van wireframes waarin solutions, tools en content logisch met elkaar verbonden werden.

Rol

UX Designer / Webdesigner

Deliverable

IA, webpagina’s & schaalbare templates

Team

Samenwerking met inhoudelijke experts & dev

Wat de website herstructurering opleverde

Voor deze corporate website draaide het bewijs niet om cijfers, maar om het neerzetten van een duidelijke structuur voor navigatie, content en schaalbaarheid.

Informatiearchitectuur

Navigatie, aanbod en content logisch ordenen.

Webpagina’s

Pagina’s ontwerpen en opbouwen voor meerdere contenttypes.

Schaalbare templates

Structuren creëren die later makkelijk uit te breiden zijn.

Van productnamen naar herkenbare klantvragen

Human Insight had een breed aanbod van psychometrische assessmenttools, trainingen en expertisegebieden. Sommige tools, zoals AEM-Cube, hadden een duidelijke inhoudelijke basis, maar productnamen alleen maakten niet altijd direct duidelijk welk vraagstuk ze oplosten.

Voor het redesign moest de website daarom anders worden gestructureerd. Niet alleen vanuit tools en productnamen, maar meer vanuit herkenbare vraagstukken waar organisaties hulp bij zoeken: talentontwikkeling, teamsamenwerking, leiderschap en organisatiegroei.

De uitdaging was om die solution-gerichte structuur op te zetten zonder de individuele assessmenttools onzichtbaar te maken. Bezoekers moesten vanuit hun vraagstuk naar een passende oplossing kunnen bewegen, terwijl toolpagina's zoals AEM-Cube vindbaar, inhoudelijk sterk en geloofwaardig bleven.

Projectdoel

Een website-structuur ontwerpen waarin solutions, psychometrische assessmenttools en inhoudelijke expertise logisch met elkaar verbonden worden.

Doelgroep

Organisaties, partners en professionals die Human Insight willen begrijpen, vergelijken of benaderen vanuit een inhoudelijk vraagstuk of specifieke assessmenttool.

Van contentinventarisatie naar schaalbare website

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

Fase 01 Content ordenen

Content ordenen

Producten, solutions, trainingen, kenniscontent en bedrijfsinformatie werden volledig in kaart gebracht.

Per onderdeel bepaalden we welke informatie een plek moest krijgen en welke stukken ondersteunend waren.

Fase 02 Structuur bepalen

Structuur bepalen

De sitemap, navigatie en paginahiërarchie zijn uitgewerkt zodat bezoekers sneller de juiste route vinden.

Solutions, assessments en content kregen een logische samenhang die ook nieuwe bezoekers begrijpt.

Fase 03 Schaalbaar bouwen

Schaalbaar bouwen

Pagina’s en templates zijn opgebouwd in WordPress en Bricks met herbruikbare secties.

Die structuur maakt latere uitbreidingen en overdracht aan development eenvoudiger.

Uitgewerkte website-onderdelen

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

Sitemap & navigatie

Sitemap & navigatie

De hoofdstructuur bepalen en bezoekers logisch door solutions, producten en content leiden.

Sitemap overzicht van hoofd- en subnavigatie
Sitemap & navigatie

Visuele weergave van de hoofdstructuur en pathways tussen solutions en producten.

Wat deze case laat zien

Complexe bedrijfsinformatie werd vertaald naar een website-structuur die bezoekers sneller naar de juiste oplossing leidt.

Mijn bijdrage lag in informatiearchitectuur, navigatie en wireframes die later schaalbaar konden worden uitgebreid.

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

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

Solutions en assessments kaderen vanuit herkenbare organisatievraagstukken.