Eliminating Onboarding Friction via Multi-Channel Identity Architecture
WCAG 2.1 AAA Accessibility & Frictionless Auth Infrastructure
Replaced 6-field registration forms with instant OTP & Google One-Tap.
Eliminated forgotten password drop-offs through WhatsApp and SMS fallbacks.
Full compliance with WCAG 2.1 AAA contrast and oversized touch targets.
Passwordless 1-click re-ordering for chronic patient supplies.
Design & Architecture Walkthrough
Architected a frictionless multi-channel identity system decoupling traditional account creation barriers from the purchase journey, reducing onboarding latency by 78%.
The Friction Baseline & Funnel Drop-off.
Over 65% of OMRON digital shoppers were aged 45+ or purchasing on behalf of elderly family members. The legacy system forced users to create 8-character alphanumeric passwords with special characters. Forgotten password loops resulted in 34% total session termination.
Complex password requirements caused 3 out of 10 users to fail login on their second visit.
Small 32px touch targets on mobile made input difficult for tremor or reduced dexterity users.
Low contrast gray-on-white text violated WCAG standards and caused eyestrain for senior citizens.
SMS delays in certain cellular regions left users waiting with no alternative verification channel.
Architectural Execution & Strategic Decisions.
Every design choice optimized for conversion velocity, human clarity, and system scalability.
Abolishing passwords entirely in favor of multi-channel fallbacks
“Passwords provide a false sense of security while creating enormous human friction. We designed an identity layer that defaults to Google One-Tap for instant desktop sign-in, and auto-detects WhatsApp vs. SMS for mobile verification tokens.”
- Zero-friction WhatsApp OTP delivery with 1-tap copy token action.
- Graceful fallback to standard SMS and phone call verification after 20 seconds.
- WebAuthn Passkey biometric authentication for recurring monthly medical orders.
Enforcing WCAG 2.1 AAA accessibility as a non-negotiable foundation
“Accessibility in healthcare design is not an optional polish; it directly dictates whether a patient gets their blood pressure monitor or nebulizer. We redesigned the entire component palette to meet 7:1 contrast ratios and 60px minimum touch targets.”
- 60px minimum touch targets on all mobile buttons, inputs, and OTP numpad slots.
- High-contrast monochrome and high-visibility focused states for screen reader / keyboard navigation.
- Real-time voice-assisted feedback and clear error states written in plain, reassuring language.
Before & After Transformation Matrix.
- ✕Complex 8-character password creation with special characters required
- ✕SMS-only OTP verification with frequent carrier delivery timeouts
- ✕32px touch targets and failing contrast ratios on critical buttons
- ✕34% drop-off caused by forgotten password reset loops
- ✓Passwordless identity verification with WhatsApp, SMS, and Passkeys
- ✓Multi-channel fallback routing with under 3-second code arrival
- ✓60px touch targets with WCAG 2.1 AAA 7:1 contrast compliance
- ✓96.8% successful first-attempt authentication rate across all cohorts
Shipped Production Assets & Specifications.
- Passwordless multi-channel authentication modal
- Inclusive Design System tokenized with 60px minimum touch targets
- Bi-directional WhatsApp token verification sync
- Full screen-reader ARIA architecture and assistive voice cues
- Figma Tokens Studio library and component implementation specs