01 / 03 · DUO

DUO - How VSO students sign up for state exams.

User research Workflow design Design system Government
Client
DUO
Role
Senior UX Designer
Period
2023 - 2024
Output
Redesigned registration flow
DUO Welkom bij aanmelden Staatsexamen vo - diploma vs certificaat vraag
01 · Context

Every year, a few thousand VSO students need a state exam. The application meant to help them is older than most of them are.

DUO runs the registration for the Dutch Staatsexamen vo - the path students take when they can't sit a regular school exam. A large share are VSO students (special-needs secondary education), where a teacher usually does the registration on the student's behalf.

The internal team had been carrying two ageing applications, a shared K-drive, multiple Excel sheets, and an inbox full of medical files. The system worked - barely - and the people running it were exhausted.

DUO wanted a single new registration app, built on their new design system, that respected the actual workflow on both sides: the student or teacher filling things in, and the staff member processing it.

02 · The mess

Before I drew a single screen, I sat with the team and let them list everything that hurt.

One afternoon, one whiteboard, every staff member in the room. The board filled up fast. Four themes kept resurfacing - and any one of them was enough to block a registration.

- Limitation 01

The old app couldn't keep up.

EOS - the back-office system - wasn't being further developed. Half the data the team needed (extensions, special circumstances) couldn't be written back to it. So it lived in spreadsheets.

- Fragmentation 02

Information lived in seven places.

A registration meant cross-referencing the app, EOS, the N200 survey, two Excel sheets, the K-drive, the inbox, and the phone. Nobody knew if they had the whole picture.

- Compliance 03

Full medical files in email.

VSO students often need accommodations. Their entire dossier was emailed in, then dropped on a shared drive. Not GDPR-clean. Not auditable. Not okay.

- Workflow 04

VSO teachers register one student at a time.

A school sometimes registers 200 candidates in a sitting. The app made them repeat the same form 200 times - and each got a separate invoice. Teachers gave up and called the office.

200/sitting
Candidates a single VSO school could need to register in one go.
2
Different applications staff juggled - EA & AV, both with separate logins.
7+ places
A single candidate's data could live in seven systems before processing.
03 · Approach

Map the work as it actually happens. Then draw screens.

A year is a short runway in government. I split it into four blocks and refused to start mockups until the first two were done.

Block 01

Process
archaeology

Two weeks with the business analyst. We reverse-engineered the current process by following one fictional candidate from intake to result, listing every system touched.

Block 02

Field
research

Interviews with VSO teachers on-site, with internal staff, and with two former candidates. Plus a structured workshop with the whole back-office team.

Block 03

Flow + new
design system

One end-to-end happy path, drawn first. Then forked into staff, candidate and teacher variants. Built on DUO's then-new design system.

Block 04

Build, test,
hand off

First screens of the candidate flow built and put in front of real users. Documentation handed off for the team to keep pushing the work forward after my contract ended.

04 · What we heard

From a single workshop with the back-office team.

Stickies, paraphrased. The pattern was: the system pushes back on the team, the team builds private workarounds, and the information stays fragmented.

Limitations

"EOS isn't being further developed - half our fields can't even be written back into it."

Fragmentation

"The full care dossier comes in by email. We put it on the K-drive. There's no other place for it."

Compliance

"None of this is really GDPR-clean. We know it. It's been on the list for years."

Workflow

"VSO schools can't register multiple students in one go. They have to submit them one by one."

Workflow

"Private candidates don't get everything on one invoice. They have to pay multiple times - and they call us about it."

Positive

"The aanmeld-applicatie itself works fine. We have short lines with our contact people at the VSO schools. That part we don't want to lose."

Limitations

"Examen ranges - the candidate numbers - only come into the picture after the school has told us how many they'll send. Today that's a phone call."

05 · New flow

One registration. Three perspectives. One happy path.

The candidate, the VSO teacher (registering on someone's behalf) and the back-office processor all needed different surfaces - but the data underneath had to be the same record.

Candidate Mijn DUO Identity check Confirm details Pick subjects Pick location Review & iDEAL Confirmed
VSO teacher Class roster Bulk select Inherit defaults Per-student adjust Upload dossiers Submit batch
Back office Inbox Validate & assign Push to EOS Flag exceptions Complete
06 · The screens

What I drew, what got built.

Designed on DUO's new design system tokens. Five steps in the candidate flow plus a confirmation. Kept deliberately plain - the work is in the structure, not the polish.

DUO Welkom Staatsexamen vo - diploma vs certificaat question
01
Entry · diploma vs certificate A single radio question that branches the entire flow.
DUO Stap 1/5 - Controleer uw gegevens (adres + e-mail + telefoon)
02
Step 1/5 · check your details Prefilled from Mijn DUO - read-only address, editable email.
DUO Stap 2/5 - Selecteer uw examenvakken with havo aardrijkskunde + vwo Nederlandse taal en literatuur
03
Step 2/5 · pick subjects Inline list, per-level pricing, running total. Add another via the modal.
Selecteer uw vakken modal - examenniveau picker with full subject list for vwo
04
Subject picker · modal Pick the niveau first, then the subject. Search across all subjects to narrow down.
Selecteer uw vakken modal with error - cannot take a subject at two levels
05
Subject picker · error state "U kunt een vak niet op twee niveau's afleggen." Red chips mark the conflicting selections; a tooltip explains why a disabled subject can't be picked.
DUO Stap 3/5 - Vakkenpakket controle showing havo profile completeness
06
Step 3/5 · vakkenpakket controle Per profile, an automatic completeness check. Missing subjects expand with a "what you still need" panel. Exemption checkbox at the bottom.
DUO Stap 5/5 - Overzicht with subjects, profielen, voorkeurslocatie, total and iDEAL pay
07
Step 5/5 · overview & pay Subjects, profielen and voorkeurslocatie summarised on one screen. Self-responsibility checkbox, total, iDEAL CTA - all visible before payment.
07 · What changed

The work isn't more screens. It's fewer detours.

Side-by-side, before vs after. None of the "after" claims are guesses - each one tracks to a stickie from the workshop.

Before

The way it was

  • Two separate applications (EA & AV) with different logins for staff.
  • Information lived across the app, EOS, N200, Excel, K-drive and email.
  • Care dossiers came in by email and were dropped on a shared drive.
  • VSO teachers registered students one by one, even at 200 per sitting.
  • Private candidates received multiple invoices for one registration.
  • Changes after submission could only be made directly in EOS.
After

What we drew instead

  • One registration app - three lanes underneath: candidate, teacher, back-office.
  • One record per candidate. EOS becomes the destination, not the source of truth.
  • Secure upload for dossiers, with explicit consent and audit trail.
  • VSO teachers register a roster: defaults applied once, adjustments per student.
  • One basket, one invoice. iDEAL at the end. Private candidates pay once.
  • Changes self-service, up to the cut-off. EOS sync handled in the background.
08 · Reflection

What I'd tell you as a client.

The honest version: I didn't finish this one.

My contract was a year. By the end of it, the first screens of the candidate flow were built, in front of real users, and feedback was already going back into the next iteration. The teacher and back-office surfaces stayed in Figma.

What I'm proud of is that the foundation was right: the workshop findings shaped the flow, the flow shaped the screens, and the screens were grounded in DUO's design system - so the team could keep going without me.

What I'd do differently next time: get the back-office surface in front of staff in week six, not week thirty-six. Their workflow is the load-bearing one.

Up next · Case 02 of 06

Kadaster.