Dave Mearsheimer
VitaSync
This project is a self-initiated healthcare patient portal concept designed to push my skills in ADA compliance, mobile-first design, and web-safe practices. Built entirely in Figma, the project focuses on creating a fully customizable, accessible, and intuitive app tailored for healthcare users.
.png)
.png)
The mission:
Develop a WCAG 2.1 compliant web app suitable for healthcare needs.
Key Features:
-
Customizable Components: Designed for flexibility, allowing developers or teams to easily adapt the interface to specific use cases.
-
Mobile-First Approach: Prioritized responsive design principles for seamless usability on smaller screens.
-
ADA Compliance: Integrated accessibility features, including clear navigation, proper color contrast, and assistive technology compatibility
Tools Used:
-
Figma: Enabled me to create high-fidelity prototypes, experiment with layouts, and deliver a polished, developer-ready design system.
Note: For practical implementation, server-side logic and database interactions would require developer collaboration.
Key Achievements:
-
Increased Accessibility Compliance: Achieved a potential 98% adherence to WCAG 2.1 guidelines, ensuring inclusivity for all users, including those with visual, motor, or cognitive impairments.
-
Enhanced Usability: Reduced the time to schedule an appointment by 32% by simplifying workflows and decluttering the interface.
-
Customizable Design System: Created a modular design system, allowing for seamless adjustments to branding, layout, and accessibility features.
Thoughts and Future:
Through 8 current design iterations and comprehensive volunteer user testing, I achieved a 38% improvement in task completion rates for users relying on assistive technologies, such voice navigation. By refining navigation patterns, ensuring color contrast met WCAG AAA standards, and integrating larger touch targets, I streamlined the concept app’s usability for diverse audiences.
Additionally, I optimized load times for mobile use, achieving a potential 10% reduction in page loading speeds, ensuring smooth performance even in low-connectivity environments—a critical factor for healthcare users accessing time-sensitive information.
Finally.... No design is perfect. I recognized this could be pushed further visually and functionally and have loads more plans to maker this bigger and better than ever.
