← Safety Management Suite Case Study · Mobile First Registry State Licensing Platform →
UX Case Study New World Now

Transforming a legacy professional development registry into a mobile-first experience

A platform modernization initiative focused on simplifying fragmented workflows, improving accessibility, and creating a scalable mobile-first experience that could support both individual users and state-specific requirements.

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)

Product tour

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 dashboard showing a cluttered layout and complex navigation
  • Cluttered layout
  • Inconsistent navigation
  • Dense information hierarchy
  • Desktop-only experience
After
Screenshot of the redesigned Registry dashboard showing a clean layout and modernized UI
  • Simplified, predictable navigation
  • Clear information hierarchy
  • Modern, mobile-responsive design
  • Faster access to critical tools

The Approach

01

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.

02

Progressive Disclosures

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

03

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
  • complete workflows directly from mobile devices
04

PWA Functionality

The application introduced installable app-like behavior including:

  • offline support
  • push notifications
  • device installation
  • faster navigation performance
05

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 Applications
300%increase

Mobile application volume increased from roughly 300% per month after the redesign.

Accessibility
AAWCAG 2.1

Improved accessibility audit compliance

Research & Development
3years

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

Key Takeaway
Built around intent, not legacy constraints.

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.