Modernizing a legacy professional development registry for 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)
The Challenge
- Cluttered layout
- Inconsistent navigation
- Dense information hierarchy
- Desktop-only experience
- 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.
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
Client managers decreased onboarding time by 40%.
Increased mobile usage by 57% after redesign.
Improved accessibility audit compliance
A multi-year effort from research and design to successful delivery.
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.