UX Case Study

Registry Individual PWA

Modernizing a highly customized legacy licensing platform into a scalable mobile-first experience

The project transformed a legacy professional development platform into a modern Progressive Web App built for mobile users, administrators, and state-specific workflows. Originally developed with ASP.NET WebForms and Knockout, the application had become difficult to scale due to fragmented workflows and complex logic. The redesign focused on modernizing the platform, improving accessibility, and creating a more scalable, mobile-first experience.

My Role

Senior UX/UI Designer
Front-End Developer

Technologies
Bootstrap
Flexbox CSS
Angular
TypeScript
Chart.js
Timeline

2+ years

Users

Teachers, childcare providers, administrators, licensing specialists

Platform

Progressive Web Application (PWA)

The Challenge

Shared interfaces created confusing user experiences
Legacy UI patterns caused excessive scrolling and cognitive overload
Mobile usability was poor
Conditional rendering logic became difficult to maintain
Accessibility compliance gaps existed across workflows
State-specific customizations slowed feature development
Before
Screenshot of the old Registry PWA dashboard showing a cluttered layout and complex navigation
  • Cluttered layout
  • Inconsistent navigation
  • Dense information hierarchy
  • Desktop-only experience
After
Screenshot of the redesigned Registry PWA dashboard showing a clean layout with a new sidebar navigation and modernized UI
  • Simplified, predictable navigation
  • Clear information hierarchy
  • Modern, mobile-responsive design
  • Faster access to critical tools

The Approach

1. Modular Application Flows

Large, rigid forms were broken into smaller, task-focused sections that users could complete progressively. This reduced abandonment and improved completion rates for education, employment, and training workflows.

2. Progressive Disclosures

Complex data-entry sections were reorganized to reveal information only when relevant, reducing visual overload and helping users focus on immediate tasks.

3. Mobile-First Design

The platform was rebuilt using modern flexbox layouts and responsive patterns optimized for mobile usage. Users could now: manage memberships, access QR-coded credentials, update records, and complete workflows directly from mobile devices.

4. PWA Functionality

The application introduced installable app-like behavior including: offline support, push notifications, device installation, and faster navigation performance.

5. Role Separation

Administrative dashboards were redesigned around reporting, compliance tracking, and account management, while end users received simplified profile and credential experiences tailored to their specific needs.

Key Design Decision

Separate User Experiences Instead of Conditional Interfaces

Previous interface based on user role, created:

  • cluttered navigation
  • confusing interactions
  • significant technical complexity

By designing role-specific workflows:

  • simpler interfaces navigation
  • improved ux
  • development complexity reduced

The Results

Efficiency
40% Improvement

Client managers decreased onboarding time by 40%.

Mobile Usage
57% Increase

Increased mobile usage by 57% after redesign.

Accessibility
AA WCAG 2.1 compliance

Improved accessibility audit compliance

Research & Development
3 years

A multi-year effort from research and design to successful delivery.

Key Takeaway

By restructuring workflows around user intent instead of legacy system constraints, the platform evolved from a fragmented administrative tool into a scalable, mobile-first experience built for long-term growth.

Next Project: State Licensing Platform

Looking to hire a skilled UI Systems Engineer?