Cases & Projectervaring

Cases rond complexe digitale producten, dashboards en toegankelijke workflows

Deze cases en portfolio-showcases laten zien hoe ik complexe informatie, workflows en kwaliteitsissues vertaal naar duidelijke, toegankelijke en bouwbare productervaringen. Van B2B SaaS dashboards en self-service flows tot accessibility in delivery en AI-assisted UX.

Een deel van de cases komt uit praktijkervaring; andere showcases zijn geanonimiseerd of samengesteld om mijn aanpak rond dashboards, accessibility, design systems en AI-assisted workflows openbaar en concreet te kunnen tonen.

B2B SaaS dashboards Complexe workflows Accessibility & WCAG Design systems AI-assisted UX Product delivery Frontend-bewuste UI

01 B2B SaaS Dashboard Redesign voor digitale kwaliteit

Kwaliteit360 dashboard - B2B SaaS kwaliteitsmonitor met KPI-cards, risico-overzicht, releasecheck en prioritaire bevindingen

Portfolio-showcase gebaseerd op praktijkervaring met complexe dashboards, productinterfaces en digitale kwaliteitsflows. Productnaam en data zijn fictief gemaakt voor openbare presentatie.

Context

Samengestelde B2B SaaS-dashboardcase rond de Kwaliteitsmonitor, met fictieve productdata voor openbare presentatie. Gericht op productteams die digitale kwaliteit, toegankelijkheidsrisico's, releaseblokkades en prioritaire bevindingen willen bewaken.

Sector

B2B SaaS, productkwaliteit, accessibility, release readiness en interne productteams.

Mijn rol

Senior UX/UI Designer met focus op dashboard UX, informatiehiërarchie, componentgedrag, accessibility en design-to-dev.

Team / omgeving

Ontworpen als portfolio-showcase voor product owners, UX/design leads, accessibility specialisten en frontend teams die sturen op kwaliteit in delivery.

Vraagstuk

Veel dashboards tonen vooral cijfers, maar helpen gebruikers onvoldoende om te bepalen wat nu aandacht vraagt. In een productteam zijn risico's, bevindingen, releases en eigenaarschap vaak verspreid over meerdere bronnen. Daardoor ontstaat ruis: wat is urgent, wie pakt het op en welke release wordt geraakt?

De interface moest complexe kwaliteitsdata vertalen naar duidelijke prioriteiten
Status, risico en urgentie mochten niet alleen via kleur worden gecommuniceerd
Het dashboard moest niet alleen rapporteren, maar ook helpen bij de volgende actie

Mijn bijdrage

Informatiearchitectuur opgezet rond prioriteiten, risico's, productstatus en release-impact
Dashboardstructuur ontworpen met KPI-cards, filters, risico-overzicht per product, releasecheck en prioritaire bevindingen
Statusbadges, actieknoppen, tabelstructuur en microcopy uitgewerkt zodat gebruikers sneller zien wat aandacht vraagt
Accessibility meegenomen in statuscommunicatie: kleur nooit als enige informatiedrager, duidelijke labels, scanbare tabellen en begrijpelijke fout- en actiecontext
Componenten en states ontworpen vanuit design-system denken: cards, badges, filters, tabellen, CTA's en responsive varianten
Desktop-, tablet- en mobile-weergaven uitgewerkt zodat de informatie ook op kleinere schermen logisch blijft

Resultaat

Een rustig en professioneel B2B SaaS-dashboard waarin prioriteiten, risico's en acties sneller scanbaar zijn
Duidelijkere besluitvorming door koppeling tussen risico, eigenaar, release-impact en vervolgstap
Betere toegankelijkheid door tekstlabels, badges en duidelijke microcopy naast statuskleuren
Een portfolio-waardig voorbeeld van hoe complexe productdata kan worden vertaald naar een bouwbare, toegankelijke dashboardervaring

Relevantie voor B2B SaaS, enterprise en publieke productteams

Deze showcase laat zien hoe ik complexe informatie vertaal naar een dashboard dat niet alleen data toont, maar ook richting geeft aan actie. Dat is relevant voor B2B SaaS-producten, enterprise-omgevingen en publieke productteams waar kwaliteit, toegankelijkheid, releasezekerheid en eigenaarschap vroeg in delivery zichtbaar moeten worden.

02 Toegankelijke AI-formulierassistent

AI-hulp in een complexe flow, met menselijke controle en WCAG als basis.

AanvraagPlus AI-formulierassistent met reviewscherm voor menselijke controle, AI-samenvatting en controlepunten

Portfolio-showcase gebaseerd op praktijkervaring met formulieren, portalen, toegankelijkheid en complexe aanvraagflows. Productnaam en data zijn fictief gemaakt voor openbare presentatie.

Context

Samengestelde aanvraagflow voor een digitaal portaal waarin gebruikers een complexe aanvraag indienen met optionele AI-hulp.

Sector

Formulier-UX, digitale dienstverlening, B2B/enterprise-portalen, accessibility en AI-assisted UX.

Mijn rol

Senior UX/UI Designer met focus op formulierflow, microcopy, accessibility, privacy-by-design en human-in-the-loop AI.

Team / omgeving

Ontworpen als portfolio-showcase voor productteams die AI willen toepassen in formulieren zonder controle, toegankelijkheid of vertrouwen te verliezen.

Vraagstuk

Complexe formulieren vragen om duidelijke uitleg, volledige informatie en zorgvuldige controle. AI kan helpen bij formuleren, controleren en samenvatten, maar mag de gebruiker niet buitenspel zetten. De uitdaging was om AI zo te ontwerpen dat de gebruiker begrijpt wat er gebeurt en altijd zelf beslist wat wordt verzonden.

Mijn bijdrage

Formulierflow ontworpen van start tot review en bevestiging
AI-suggesties uitgewerkt als voorstel, niet als automatische waarheid
Human-in-the-loop review ontworpen met samenvatting, controlepunten en expliciete bevestiging
Privacy- en gevoeligheidswaarschuwingen zichtbaar gemaakt binnen de flow
Foutmeldingen, focus states en statusberichten uitgewerkt vanuit WCAG-principes
Desktop-, tablet- en mobile-weergaven meegenomen

Resultaat

Een toegankelijke formulierervaring waarin AI ondersteunt zonder controle over te nemen
Meer duidelijkheid voor gebruikers over wat AI doet, wat gecontroleerd moet worden en wat wordt verzonden
Een sterke brug tussen formulier-UX, accessibility, privacy-by-design en AI-assisted workflows
Een portfolio-waardig voorbeeld van human-in-the-loop UX

Relevantie voor AI-assisted UX en toegankelijke aanvraagflows

Deze showcase laat zien hoe AI kan ondersteunen in een formulierflow zonder menselijke controle, privacy of toegankelijkheid te ondermijnen. Dat is relevant voor productteams die AI willen toepassen in portalen, aanvraagomgevingen en interne workflows met hoge kwaliteitseisen.

Bekijk volledige case

03 Burgerinput vertalen naar bruikbare data voor gebiedsontwikkeling

Groenwijzer applicatie - Digitale vragenlijst voor bewonersvoorkeuren over groen in de buurt

Context

GGD Amsterdam, onderzoeksapplicatie voor gebiedsontwikkeling en bewonersinput in een publieke context.

Sector

Publieke gezondheid, participatie en informatieverzameling.

Mijn rol

Senior UX/UI Designer met focus op onderzoeksflows, interactiepatronen en begrijpelijke resultaatweergave.

Team / omgeving

Afstemming met onderzoekers, inhoudelijke stakeholders en realisatie rondom een publieke onderzoeksflow met echte gebruikersinput.

Vraagstuk

De kernvraag was hoe bewoners begrijpelijke keuzes konden maken, terwijl de uitkomsten tegelijk bruikbaar en valide moesten blijven voor analyse en gebiedsontwikkeling.

Onderzoeksvaliditeit en gebruiksgemak moesten samenkomen
De flow moest begrijpelijk blijven voor bewoners met uiteenlopende digitale vaardigheden
De resultaten moesten terugkoppelbaar en uitlegbaar zijn voor deelnemers en professionals

Mijn bijdrage

Forced-choice vraagopzet uitgewerkt die analyse ondersteunt zonder keuzestress
Multi-step flow met progressie, uitleg en visuele ondersteuning ontworpen
Resultaatweergave en datavisualisatie vertaald naar begrijpelijke schermen voor deelnemers en stakeholders
Afstemming meegenomen tussen inhoud, UX en realisatie zodat de onderzoeksflow ook praktisch uitvoerbaar bleef

Resultaat

Intuitieve keuzes zonder onnodige cognitieve belasting
Voldoende respons voor statistisch bruikbare analyse
Begrijpelijke terugkoppeling voor deelnemers en onderzoekers
Direct bruikbare input voor gebiedsontwikkeling

Relevantie voor overheid en semi-overheid

Deze case is direct relevant voor participatietrajecten, burgerraadplegingen en onderzoeksflows binnen de publieke sector. De aanpak laat zien hoe ik publieke vraagstukken vertaal naar begrijpelijke digitale interacties die niet alleen goed voelen voor gebruikers, maar ook inhoudelijk bruikbaar blijven voor beleid en uitvoering.

04 Begrijpelijke informatie in complexe dashboards

Complex dashboard - Analyse-platform met datavisualisaties voor operationele en strategische besluitvorming

Context

Analyse-platform met meerdere gebruikersrollen en dashboards voor operationele en strategische besluiten in een complexe werkomgeving.

Sector

Datagedreven besluitvorming, informatieontsluiting en complexe interfacevraagstukken.

Mijn rol

Senior UX/UI Designer met focus op informatiearchitectuur, visualisatie, componentgedrag en interpretatie.

Team / omgeving

Samenwerking met data-specialisten, frontend developers en stakeholders rond doorlopende productverbetering en implementatie.

Vraagstuk

Gebruikers begrepen signalen, scores en prioriteiten onvoldoende. Daardoor ontstonden verkeerde interpretaties, extra supportvragen en onzekerheid in besluitvorming.

De interface moest veel informatie tonen zonder onrustig of cryptisch te worden
Verschillende gebruikersrollen hadden andere informatiebehoeften binnen hetzelfde systeem
Ontwerpkeuzes moesten goed landen in bestaande frontend-componenten en states

Mijn bijdrage

Begrijpelijkheid gevalideerd met gerichte gebruikersfeedback
Dashboard-layouts, visuele groepering en informatievolgorde herontworpen
Status-indicatoren, kleurgebruik, labels en microcopy aangescherpt
UI-patronen, states en herbruikbare componentafspraken gespecificeerd voor implementatie in het frontend framework
Design-to-dev afstemming verzorgd zodat het nieuwe gedrag ook echt consistent in delivery terechtkwam

Resultaat

Betere interpretatie van data en signalen
Minder fouten in besluitvorming
Minder afhankelijkheid van support
Hogere tevredenheid onder gebruikers

Relevantie voor overheid en semi-overheid

Deze case laat zien hoe ik complexe informatie terugbreng tot begrijpelijke interfaces en tegelijk rekening houd met componentkwaliteit en implementatie. Dat is direct relevant voor informatieportalen, dashboards, verantwoordingsomgevingen en andere systemen binnen overheid en semi-overheid.

05 Toegankelijke self-service omgeving voor gebruikers

Self-service omgeving - Toegankelijke mijn-omgeving met formulieren en accountbeheer

Context

Self-service omgeving met accountgegevens, voorkeuren en transacties voor een brede gebruikersgroep binnen een complexe digitale dienst.

Sector

Digitale dienstverlening, self-service processen en toegankelijke portalen.

Mijn rol

Senior UX/UI Designer met sterke focus op toegankelijke formulieren, componentgedrag en UX in delivery.

Team / omgeving

Samenwerking met frontend developers en validatie op implementatie, componentgedrag en hertesten richting release.

Vraagstuk

Formulieren, foutafhandeling en focusgedrag zorgden voor afhakers en onvolledige registraties. Dat leidde tot extra belasting voor support en een lagere slagingskans voor gebruikers.

De flow moest werken voor mensen met uiteenlopende digitale vaardigheden
Toegankelijkheid moest niet achteraf worden getoetst, maar direct in ontwerp en implementatie landen
Verbeteringen moesten herbruikbaar worden voor meerdere formulieren en schermen

Mijn bijdrage

Formuliercomponenten herontworpen: labels, groepering en veldvolgorde
Foutmeldingen, validatiefeedback en focusstates gespecificeerd op WCAG 2.2 / EN 301 549
Patronen vastgelegd in herbruikbare componenten zodat verbeteringen niet per scherm opnieuw bedacht hoefden te worden
Afstemming met frontend op implementatie en getest met keyboard- en screenreadergebruik

Resultaat

Hogere afrondingsgraad van formulieren
Minder foutmeldingen per sessie
Betere toegankelijkheid voor keyboard- en screenreadergebruikers
Minder supportverzoeken

Relevantie voor overheid en semi-overheid

Dit is direct toepasbaar op burgerportalen, aanvraagomgevingen en digitale loketten. De case laat zien hoe ik formulieren en self-service flows verbeter op een manier die toegankelijker is voor eindgebruikers, beter aansluit op development en herbruikbaar wordt in componenten en patronen.

06 Toegankelijkheid structureel borgen in Agile delivery

Context

Datagedreven product met meerdere scrumteams, doorlopende releases en een bestaande component library.

Sector

Productdelivery, kwaliteitsborging, componentkwaliteit en digitale toegankelijkheid.

Mijn rol

Specialist Digitale Toegankelijkheid / WCAG als meewerkend profiel binnen het productteam.

Team / omgeving

Nauwe samenwerking met product owner, frontend developers en QA in refinement, sprintreviews en implementatiechecks.

Vraagstuk

WCAG-issues kwamen pas laat in beeld. Daardoor ontstonden herstelwerk, vertragingen en terugkerende kwaliteitsproblemen tussen sprints en releases.

Toegankelijkheid zat nog onvoldoende in refinement, componentafspraken en Definition of Done
Issues werden te vaak per scherm opgelost in plaats van structureel in componenten
Er was behoefte aan iemand die inhoudelijk kon meewerken tussen UX, development en QA

Mijn bijdrage

Quick scans uitgevoerd op kritische gebruikersflows
Bevindingen vertaald naar user stories, acceptatiecriteria en dev-ready verbeteringen
Toegankelijke componenten en UI-patronen verbeterd in de component library in plaats van alleen losse schermen te repareren
Afstemming verzorgd tussen design, frontend en QA zodat WCAG 2.2 / EN 301 549 echt onderdeel werd van delivery
Hertesten en regressiepreventie ingebed in de sprintcyclus

Resultaat

Minder herhaalde WCAG-issues tussen sprints
Toegankelijkheid opgenomen in Definition of Done
Minder last-minute fixes vlak voor release
Betere voorspelbaarheid van opleveringen

Relevantie voor overheid en semi-overheid

Dit is sterk vergelijkbaar met overheidsprojecten waar WCAG niet alleen bij oplevering mag worden gecontroleerd, maar structureel onderdeel moet zijn van refinement, acceptatiecriteria, componenten, design-to-dev samenwerking en releasechecks.

07 Verantwoorde AI-ondersteuning in intake- en documentprocessen

Context

Intake- en documentprocessen met hoge administratieve last, versnipperde informatie en veel handmatige overdracht.

Sector

Procesoptimalisatie, documentstromen en AI-ondersteuning.

Mijn rol

Adviseur Digitale Dienstverlening met focus op intake-flows, informatiekwaliteit en uitlegbare AI in de gebruikersflow.

Team / omgeving

Afstemming met operationele teams en procesverantwoordelijken rondom kwaliteit, routing, controle en werkbaarheid in de praktijk.

Vraagstuk

Informatie werd onvolledig of inconsistent vastgelegd, overdracht tussen afdelingen was foutgevoelig en er was weinig overzicht op voortgang en status.

Mijn bijdrage

Intake-data en vaste datavelden gestructureerd zodat de flow consistenter en beter te verwerken werd
AI-ondersteunde samenvatting en routing ingericht met menselijke controlepunten
Uitlegbare output met herleidbare broninformatie meegenomen in de oplossing
Proceskeuzes vertaald naar een werkbare digitale flow in plaats van alleen een technisch model

Resultaat

Minder handmatig administratief werk
Betere datakwaliteit in dossiers
Snellere doorlooptijden zonder verlies van controle

Relevantie voor overheid en semi-overheid

Deze case is relevant voor Woo-verzoeken, subsidie-intake, documenttriage en andere publieke processen waar snelheid belangrijk is, maar zorgvuldigheid, privacy en uitlegbaarheid leidend moeten blijven. Het laat ook zien dat ik breder inzetbaar ben in complexe digitale dienstverlening waar proces, UX en kwaliteit samenkomen.

Wat deze cases laten zien over mijn profiel

Complexe omgevingen

Meerdere stakeholders, ketenafhankelijkheden, portals en systemen waar inhoud en uitvoering samen moeten komen.

Hoge kwaliteitseisen

WCAG 2.2, EN 301 549, audits en verantwoordingsdruk bepalen mee wat goed werk is.

Meewerkend profiel in teams

Nauwe afstemming met product owners, developers, testers en inhoudelijke stakeholders, niet als losse auditrol.

Structurele verbetering

Focus op herbruikbare UI-patronen, componenten, design-to-dev samenwerking en duidelijke ontwerpafspraken die standhouden in delivery.

Dit is precies de context waarin veel overheids-, semipublieke en enterprise-opdrachten zich ook bevinden.

Past deze manier van werken bij jullie vraagstuk?

Werk je aan digitale dienstverlening waar kwaliteit, toegankelijkheid, componentkwaliteit en uitvoerbaarheid vroeg in delivery moeten worden meegenomen? Dan laten deze cases snel zien waar ik in een team het verschil maak.

Voor recruiters en inhuurders Bekijk inzetvormen Contact opnemen