Crafting an Inclusive Digital Experience

Access Now

Revamping a medical product for the US market to ensure ADA compliance and drive wider adoption.

My client, who offers a Medicare product suite for the U.S. market, was facing challenges because their offerings were not ADA-compliant. As the UX Lead on this project, I led the redesign of their flagship medical product and conducted UAT with real users of assistive technologies who have visual disabilities.

Client

Wipro (Internal Product)

Date

2024

Industry

Healthcare Insurance

Scope of Work

ADA/WCAG Accessibility Design

Accessible Design System

User Acceptance Testing

4,187 lawsuits for digital accessibility were filed in the USA by the end of 2024.

MY APPROACH TO INCLUSIVE DESIGN

Started with a UX audit to uncover critical UI and accessibility issues, setting the foundation for a full product revamp. As the scope grew, I scaled the team to three designers and led the end-to-end redesign.

UX Audit & Usability Review

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Stakeholder Alignment

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Accessible Design System

Created an accessibility-first design system for consistent, scalable, cross-device experiences.

User Acceptance Testing

Tested with assistive technology users to validate accessibility in real-world use.

UX Audit & Usability Review

Audited the legacy app using NN/g principles. Identified key issues and defined actionable improvements.

Stakeholder Alignment

Aligned stakeholders on priorities, shifting the scope from incremental fixes to a full redesign.

Accessible Design System

Created an accessibility-first design system for consistent, scalable, cross-device experiences.

User Acceptance Testing

Tested with assistive technology users to validate accessibility in real-world use.

MY APPROACH TO
INCLUSIVE DESIGN

Started with a UX audit to uncover critical UI and accessibility issues, setting the foundation for a full product revamp. As the scope grew, I scaled the team to three designers and led the end-to-end redesign.

/01
CHOOSING THE RIGHT COLOUR

Through direct interactions with users who rely on high-contrast screens, I gained invaluable insight into their perspective. This guided us to select color combinations that work seamlessly with these screens, dramatically improving clarity and usability.

Before
Before

Before

Before
Before

/02
Optimizing UI for Assistive Tech

We established descriptive placeholders, persistent labels, and clear error/success indicators. ARIA labels were defined for all interactive elements, ensuring screen reader clarity. These enhancements were embedded into the design system, making accessibility the default standard.

/03
Refining Visual Hierarchy according to Gutenberg Diagram

Applied Gutenberg’s principles to create a clear visual flow and strategically place CTAs for higher engagement.

Before
After

/04
Implementing Responsive Design with Breakpoints

Created responsive Figma prototypes using defined breakpoints for mobile, tablet, and desktop. Leveraged auto-layout and constraints to dynamically adapt touch targets, text, and imagery—ensuring a seamless experience across all device sizes.

As the world moves toward AI search, AI systems struggle with inaccessible websites. By making sites accessible, we empower all users and AI, ensuring a richer, more discoverable web for all.

Source: webaim.org

As the world moves toward AI search, AI systems struggle with inaccessible websites. By making sites accessible, we empower all users and AI, ensuring a richer, more discoverable web for all.

Source: webaim.org