Home > Portfolio >

3 min leestijd - 8 september 2025

Marjan van UX Coach maakte een mockup voor een agentschap van de Vlaamse overheid. De basis hiervoor was een UX audit van de huidige website en de componenten-bibliotheek die alle Vlaamse websites gebruiken. Hieronder meer details, en de links naar het design in Figma.

Mockup voor een agentschap van de Vlaamse overheid

👀 Bekijk de bijbehorende pagina's op mobile en desktop in Figma. 

UX audit van de bestaande website

De huidige website van het agentschap bevat heel veel pagina's, voorziet zeer veel nuttige informatie voor de verschillende doelgroepen en maakt het gebruikers ook zo gemakkelijk mogelijk. De gekozen technologie zorgt echter voor enkele hindernissen. Enkele inzichten uit de UX audit:

Wat werkt goed?

• ​Duidelijke structuur: in de navigatie wordt het aantal onderliggende pagina’s beperkt gehouden. Menu’s en dropdowns bevatten niet meer dan 5-7 links.
• Hindernissen worden verlaagd: door kleine stukjes uitleg te voorzien voor gebruikers, zoals “Voorbeeld van waar je je rijksregisternummer kunt vinden” (bij invullen formulier)​.
• Focus op belangrijkste doelgroepen: bij binnenkomst op de Homepagina wordt de belangrijkste content voor de twee belangrijkste doelgroepen duidelijk aangesproken boven de fold.  

Wat kan beter?

• Onverwachte taal switch: in de zoekresultaten zie je artikelen in allerlei talen, ook als je zojuist naar de website in je eigen taal bent gegaan. 
• Lange labels in de navigatie: “Wil je [taal] leren en/of oefenen?” en “Heb je een klacht of beroep?” kunnen veel korter gemaakt worden. 
• Triviale teksten: Denk bijvoorbeeld aan een uitgebreide uitleg bij een formulier. Voorzie behalve de titel, één zin uitleg, de in te vullen velden en de verzendknop. En het zal ook duidelijk zijn voor de meeste gebruikers.

Waarom een mockup?

Om snel een idee te geven van hoe de website eruit zou kunnen zien, hebben we een mobile en desktop mockup van de Homepagina gemaakt. Dit is uiteraard nog verre van volledig, maar het inspireert en kan ook helpen bij vervolgstappen (bijvoorbeeld bij gebruikersonderzoek). Scroll zelf eens door deze mockup in Figma via deze links naar de mockup op mobile en de mockup op desktop.

🔎 Hoe verschilt een mockup van een wireframe of een prototype? Lees verder.

Samenwerking tussen developers en UX/UI designers

Voorafgaand aan het ontwerpen van deze mockup, heeft Marjan van UX Coach gebrainstormd met twee developers om tot een degelijk voorstel voor dit agentschap te komen. Door verschillende experts te laten brainstormen over een uitdaging, kom je tot meer inzichten, en kun je technologie en design op elkaar afstemmen. 

Design is altijd een samenwerking

Voor UX Coach is design altijd een samenwerking met de mensen die de business goed kennen (meestal de opdrachtgever of klant), mensen die de technologie kennen (het development team of de developer) en de noden qua design (van de bezoekers van de website, de gebruikers van een app). 

Als dit nieuw voor je is, bekijk dan eens mijn video over deze 3 perspectieven op Youtube of lees het artikel Design Thinking en UX design.

Neem contact op

​Marjan

Senior UX designer met 15+ jaar ervaring in de combinatie design en onderzoek. Ze gelooft dat empathie voor de klant betere en aantrekkelijkere producten en diensten oplevert. Ze is founder van UX Coach, een UX design studio in Antwerpen.

+32 (0)487 424 713