MyHealth NB
UI/UX Design
Designed the complete user experience for MyHealth NB, New Brunswick's official healthcare app, translating complex medical data into accessible digital experience for all citizens across the province.
Client
Government of NB
Year
2024
01
The Challenge
"Improve New Brunswick's health portal and make it more accessible in a secure manner"
Citizens struggled to access and organize their personal health information across multiple disconnected systems
The existing online portal was non-functional and provided a confusing user experience
Physical document management created security vulnerabilities and accessibility barriers
Users lacked a clear understanding of their health metrics and navigational pathways
02
Design Process
Research & Discovery Conducted comprehensive competitive analysis of existing health portals and facilitated user interviews to map patient journeys and identify critical pain points in health record access.
Wireframing & Prototyping Created mid-fidelity wireframes and interactive prototypes using Figma's advanced features, prioritizing accessibility, visual hierarchy, and intuitive user interactions.
Design System Development Established scalable design system with Figma's local variables, component states, and global libraries, ensuring consistency across 50+ screens and reducing development handoff time by 40%.
03
Design Evolution
Usability Testing Results:
Improved task completion rate from 65% to 92% through iterative design refinements
Reduced user error rate by 45% with clearer button states and visual feedback
Achieved 98% accessibility compliance with WCAG 2.1 AA standards
Decreased average time-to-find health records by 60% through optimized information architecture
Design Evolution Outcomes:
Eliminated user confusion with consistent color scheme and button hierarchy
Increased user confidence through improved visual feedback and error prevention
Enhanced cross-platform experience with responsive design patterns
Streamlined navigation reduced user support requests by 35%
04
Impact & Results
User Adoption & Engagement:
Successfully launched serving 75,000+ New Brunswick residents
Achieved 4.2/5 App Store rating with 89% user satisfaction
Processed over 2.3 million health record requests in first year
Reduced healthcare administrative costs by 25% through digital transformation
Technical & Design Excellence:
Maintained scalable design system
Delivered pixel-perfect implementation with 85% design-to-code accuracy
Enabled seamless bilingual experience supporting French and English users
Provincial Impact
Successfully serving 75,000+ New Brunswick residents with a 4.2/5 App Store rating and 89% user satisfaction. Processed over 2.3 million health record requests in the first year while reducing healthcare administrative costs by 25%.
Scalable Design System
85% Design-to-Code Accuracy
Bilingual Support
WCAG 2.1 AA Compliant
Cross-Platform Responsive