60% reduction
in critical accessibility defects → WCAG 2.1 compliance achieved.
Risk & Controls
Impact
290K+
employees using redesigned experience daily.
20–30% faster verification
Improved user confidence: employees reported flows as "intuitive, clear, and compliant."
Challenge
- Employees faced complex, outdated flows in risk & control tasks.
- Accessibility gaps → flagged in audits and compliance reviews.
- Verification tasks were time-consuming and error-prone, creating productivity loss.
Vision & goal
01 Accessible by default
Ensure all employees, regardless of ability, can complete verification tasks.
02 Efficiency at scale
Simplify flows so that information is organised, and errors are reduced.
03 Compliance-led design
Ensure adherence to
WCAG 2.1 and enterprise
standards.
04 Value to users
Reduce risk, and turn checks from a burden into a seamless part of daily workflows.
All screens are either recreated or blurred to comply with NDA. Sensitive information has been anonymized, and the visuals are intended solely to illustrate design thinking and evolution.
My role & process
- Research & Discovery: Heuristics evaluation, accessibility audits, workshops and creating task flows.
- Design & Iteration: Wireframes, prototyping, UI designing, and micro-animations.
- Collaboration: Partnered with compliance/legal + engineering to align on WCAG standards, content, and UI reviews.
- Validation: Guerrilla testing with regional users for quick feedback and setting up research objectives for usability testing.
Accessibility uplift
Across critical WCAG checkpoints — measurable improvements post-redesign
CATEGORY
BEFORE (BASELINE)
AFTER (POST FIXES)
DELTA
WCAG REF + KEY IMPROVEMENTS
Screen Reader Support
40%
90%
+50%
↑
1.3.1 / 1.3.2
Raw content was being read out (e.g., domains and email addresses not parsed correctly). ARIA labels missing in some dialogs → users lose context while navigating with screen readers.
Dialog labels fixed, domains/emails read correctly, ARIA roles standardized
Keyboard Navigation
25%
80%
+55%
↑
2.1.1
Dialog and toggle elements not fully operable via arrow, tab, or space keys. Users relying on keyboards face blockers when expanding/collapsing sections or navigating static data.
Arrow / Tab / Space navigation enabled, toggles fully operable
Info & Relationships
50%
90%
+40%
↑
1.3.1
Form fields and mandatory inputs not consistently announced. Semantic hierarchy missing in some sequences → screen readers don't convey structure properly.
Mandatory fields + semantic hierarchy standardized
Consistency & Compliance
35%
85%
+50%
↑
1.3 / 3.3
Inconsistent application of accessibility standards across components creates barriers, lowers trust, and causes rework. Standardizing patterns needed for reliable assistive tech behavior.
Standardized patterns across dialogs, reduced rework & barriers
Visual design flow
The fun stuff!
Amongst all requirements, one seemed like a simple re-design of a pop up, but to me it was an opportunity to bring in delight for the users. Since I was designing for native application of Microsoft, using the Fluent 2 3D illustration style to recreate the look and feel.
Before re-design
Bringing in delight
Redesigned experience
Usability testing insights
- Conducted quick guerrilla and remote usability sessions across two regions to validate early design iterations.
- Observed behavioral friction around repetitive tasks, navigation clarity, and time spent in multi-step workflows.
- Identified the need for simplified interaction patterns, clearer next actions, and more contextual guidance for users.
Key learnings & reflection
- Designing for scale required balancing compliance, accessibility, and speed.
- Learned the importance of a compliance-driven environment.
- Delight can still be factored in, even in the smallest interactions.
All screens are either recreated or blurred to comply with NDA. Sensitive information has been anonymized, and the visuals are intended solely to illustrate design thinking and evolution.