← Back to Case Studies
GOV.UK Design System
10 Weeks Lead Product Designer 40% Reduction in Drop-off 100% WCAG 2.2 AA Public Sector · GDS · Agile

Blue Badge Digital Companion

40% fewer abandoned applications. 85% reduction in council support calls. A GDS service that passed assessment at first review — making disabled parking permits genuinely accessible for 2.5 million eligible users.

A complete GDS-compliant redesign of the Blue Badge application service — replacing a paper-heavy, inaccessible process with a clear, inclusive digital service built on the GOV.UK Design System.

Timeline
10 Weeks
Role
Lead UX/UI & Accessibility Designer
Tools
Figma · Sketch · Miro
Standards
WCAG 2.2 AA · GDS Service Manual · GOV.UK Design System
Blue Badge Digital Companion — GOV.UK service design screens showing application, evidence upload, and confirmation

Design Process

How I approached this project

01Discovery
02Insights
03Ideation
04Design
05Validation

01The Problem

The paper trail was failing the people who needed help most

The Blue Badge scheme provides parking concessions to around 2.5 million disabled people in England. Yet the existing process was paper-heavy, inaccessible, and deeply frustrating. Applicants were searching outdated leaflets at council counters, travelling to find photo booths, waiting at GP surgeries, and then manually posting physical documents — only to enter a six-week black hole with no status updates.

Historically, 20% of applications were lost in the mail or rejected due to unclear handwriting. The digital service that existed was no better — riddled with WCAG failures and so confusing that many eligible applicants gave up entirely.

"I tried to apply online but it kept asking me questions I didn't understand. I gave up after 20 minutes and called the council instead. They told me I'd have to start again."

— Blue Badge applicant, discovery research participant
As-Is vs To-Be service map: The Paper Trail — Discovery, Application, Verification, Granting stages showing pain points in the paper process versus value adds in the digital companion

The As-Is vs To-Be service map I created during discovery — mapping the four pain points in the paper process against the digital solution's value adds at each stage.

User personas: Gerald Thompson, 72, motor-impaired veteran — and Sarah Chen, 28, tech-savvy student and caregiver

Gerald Thompson (72) — severe arthritis, uses trackball mouse, prefers physical mail. Goal: complete forms independently with dignity. Sarah Chen (28) — tech-savvy caregiver, frequent mobile user. Goal: efficiently organise tasks for family.



02Research

Understanding the people behind the application

Before any design work began, I ran a structured discovery phase: reviewing analytics to identify drop-off points, shadowing council phone support agents, and conducting contextual interviews with applicants across three eligibility categories — including participants with mobility impairments, visual impairments, and cognitive disabilities.

I coordinated stakeholder alignment across council processing staff, DfT policy teams, and accessibility specialists — translating diverse requirements into a single, coherent design direction. I also conducted a full heuristic audit of the existing service, mapping every failure point against WCAG 2.2 AA criteria.

01
Users with visual impairments could not navigate the existing forms without assistance — core failures on contrast, focus indicators, and screen reader labelling throughout
02
Evidence requirements were completely unclear — applicants didn't know what documents were acceptable, why they were needed, or how to upload them
03
Session timeouts lost all progress without warning — the single most common reason for support calls and the biggest driver of abandoned applications

03Ideation

GOV.UK Design System as the structural backbone

The GOV.UK Design System's question-per-page pattern was the structural foundation of the redesign — each screen presenting only what was needed, progressively revealing complexity only when necessary. I mapped the full service architecture across all eligibility paths before sketching any screens, ensuring the branching logic was watertight before any visual design work began.

The key decision: I chose the question-per-page pattern over a single long form, despite early pressure from stakeholders to reduce 'the number of clicks.' The research was unambiguous — single focused questions significantly reduce errors and cognitive load, particularly for users with limited digital confidence. Every extra click is worth it if it means fewer abandoned applications. I made this argument by showing stakeholders the data: every time we tested a multi-question layout, error rates doubled for participants with cognitive disabilities.

Inclusive user flow showing the complete application journey from landing page through eligibility screening, authentication, evidence upload, and submission — with GDS pattern annotations and WCAG decision notes

The inclusive user flow I designed — annotated with GDS pattern references and WCAG decisions at each branching point. Early eligibility screening prevents wasted effort; magic link authentication removes password barriers.

GDS Component Audit — The Standard of Trust mindmap showing how GDS radios, checkboxes, and the custom photo guidance component balance WCAG compliance with innovation within a trusted framework

The Standard of Trust — my GDS component audit mapping every UI component against WCAG 2.2 AA criteria. Where standard components met the need, I used them. Where they didn't, I designed carefully within the established visual language.

1
Progressive eligibility checking
Eligibility assessed before requesting supporting evidence — preventing wasted effort and frustration for ineligible applicants
2
Magic link authentication
WCAG 2.5.3.8 compliant — removes cognitive burden of password recall, critical for users with memory impairments
3
Contextual evidence guidance
Inline help at the exact point of need — explaining which documents are acceptable, why they're required, and how to upload them in plain English
4
Persistent auto-save
Progress saved automatically after each section — applicants return at any time without losing work or starting over
5
Real-time SMS status updates
Eliminates the six-week verification blackhole — applicants receive Received, Reviewed, and Approved confirmations in real time
6
WCAG 2.2 AA by design
44px touch targets, 4.5:1 contrast minimums, no drag-and-drop interactions, keyboard navigation, and all assistive technology tested — baked in from the first wireframe, not added at QA

04Design & Validation

From GDS wireframes to accessible high-fidelity

Low-fidelity wireframes were tested early with real users — including participants using screen readers, switch access devices, and keyboard-only navigation — before any high-fidelity design work began. I used GOV.UK Design System components wherever they met user needs, introducing new patterns only where existing ones genuinely couldn't serve the user.

Low-fidelity wireframes — tested with real users before any high-fidelity work began:

Low-fidelity wireframe set 1 — task list and application structure screens Low-fidelity wireframe set 2 — evidence upload and file guidance screens Low-fidelity wireframe set 3 — authentication and confirmation screens

Low-fidelity wireframes applying the GOV.UK question-per-page pattern. Tested at this fidelity with real users to validate flow and terminology before committing to visual design.

WCAG 2.2 compliance matrix

Nine WCAG 2.2 AA criteria were formally assessed — each with specific implementation evidence, testing methodology, and a documented historical issue from the old system that the new design resolved. 100% pass rate across all assessed criteria.

2.4.11
Focus Not Obscured — custom focus rings visible at all zoom levels
2.5.7
Dragging Movements — all uploads accessible via click-to-browse, no drag required
2.5.8
Target Size — all interactive elements minimum 44×44px
1.4.4
Resize Text — all content resizable to 200% with no loss of functionality
1.4.10
Reflow — single-column layout, no horizontal scroll at 320px
2.2.1
Timing Adjustable — no session timeouts; auto-save every 30 seconds
3.2.6
Consistent Help — 'Contact Council' link in identical position on all 7 pages
3.3.2
Labels or Instructions — every field has visible label, format example, and error guidance
3.3.7
Accessible Authentication — magic-link login removes cognitive function test
WCAG 2.2 Compliance Matrix table — 9 criteria, all passing, with implementation evidence and historical issues documented

The formal compliance matrix — each criterion evidenced with implementation detail, testing method, and the historical issue from the old system it resolved. Audit date: March 2026.

High-fidelity screens — built directly in the GOV.UK Prototype Kit using authentic GDS typography (GDS Transport), spacing, and components. This fidelity was deliberate: users like Gerald need to trust the environment before submitting sensitive medical documentation.

Hi-fi Screen 1: GDS Task List with Completed / In Progress / Not Started status badges

Screen 1: GDS Task List — application overview with status badges

Hi-fi Screen 2: Evidence upload — dual input method, 44px+ targets, success confirmation

Screen 2: Evidence upload — dual input method, 44px+ targets, success confirmation

Hi-fi Screen 3: Magic-link email confirmation — passwordless, no cognitive function test

Screen 3: Magic-link email confirmation — passwordless, no cognitive function test


05Results

Measurable impact for 2.5 million eligible users

40%
Reduction in incomplete applications
85%
Reduction in council support queries
100%
WCAG 2.2 AA — 9/9 criteria passing
2.5M
Eligible users served across England

100% task completion in moderated usability testing across all user groups — including participants using screen readers, trackball mice, and keyboard-only navigation. Users described the redesigned service as "much clearer than before" and "I actually understood what they were asking for this time."

The service passed GDS assessment standards at first review. Council support teams reported a dramatic reduction in application-related calls, freeing capacity for more complex cases.

"This is exactly what the Blue Badge service needed. Andrew brought a deep understanding of GDS standards and accessibility requirements, but never lost sight of the real people applying for the badge. The reduction in support calls alone has freed up significant resource — and the feedback from applicants has been overwhelmingly positive. His ability to work across council teams, policy stakeholders, and technical delivery teams made a real difference."

Rachel Thompson
Head of Digital Services, Local Authority Digital Team

Takeaways

What I learned

Accessibility is not a checklist — it's a design philosophy. Embedding WCAG 2.2 AA from the first sketch produced a genuinely better experience for everyone, not only users with disabilities. The evidence matrix wasn't bureaucracy — it was the design work itself.
Design for your hardest user first. Every decision was tested against Gerald — motor-impaired, low digital confidence, needs to succeed independently. If it worked for Gerald, it worked for everyone. That constraint produced better design than any amount of aesthetic refinement.
GDS patterns exist for a reason. The GOV.UK Design System was built on extensive research with real government service users. Working within it — rather than around it — accelerated delivery and improved quality simultaneously. Innovation within a trusted framework is more powerful than innovation from scratch.
The black hole was the product's biggest failure. Six weeks of silence after posting documents wasn't a processing issue — it was a design failure. Real-time SMS status updates cost little to implement and eliminated the single most common reason for support calls entirely.
Stakeholder breadth requires communication discipline. Aligning council teams, DfT policy, accessibility specialists, and technical delivery required structured communication and clear design rationale at every stage — not just at handoff. The As-Is vs To-Be service map became my most effective stakeholder alignment tool throughout the project.
Next project
Harrods Pre-Order — Luxury-grade pre-order experience design →
Interested in working together?

Let's discuss how I can help bring your product vision to life.

Get In Touch