Through a wide variety of mobile applications, we’ve developed a unique visual system and strategy that can be applied across the spectrum of available applications.
Ella Health is a comprehensive digital healthcare platform designed to help patients schedule appointments, consult doctors online, and access medical records. My role involved leading UX research, defining user flows, designing wireframes, and developing the final UI.
The Challenge
✘ Complex Navigation – Patients struggled to schedule appointments easily. ✘ Lack of Personalization – The platform didn’t adapt to user preferences or history. ✘ Poor Accessibility & Mobile Experience – The design was not responsive and had low contrast, making it hard for elderly users.
The Goal
✔ Simplify appointment booking with an intuitive, user-friendly experience. ✔ Create a patient-centric, personalized experience based on user needs. ✔ Ensure accessibility & mobile-friendliness to support all user demographics.
1. UX Process: My Approach
Research & User Understanding
✔ User Interviews: Conducted 10+ interviews with patients, doctors, and administrative staff to identify pain points. ✔ Survey Data: Analyzed 50+ patient responses to understand common frustrations. ✔ Personas Created:
Secondary Persona:Dr. John (Physician, Age 50) – Needs a simple dashboard to manage patients.
Key Insights from Research
✔ Patients wanted a 1-click appointment booking experience. ✔ Doctors needed a centralized dashboard to track appointments efficiently. ✔ Users preferred a mobile-first approach for scheduling and notifications.
2. Defining the Problem
Problem Statement:
“How might we create a seamless and accessible healthcare experience that simplifies appointment scheduling and enhances patient-doctor interactions?”
3. Wireframing & Prototyping
✔ Low-Fidelity Wireframes: Created 4 variations of appointment booking flows. ✔ Optimized Navigation: Introduced a “Quick-Book” button to reduce scheduling time. ✔ Mobile-First Design: Ensured a responsive, accessible UI for elderly patients.
Key UX Improvements:
✔ Personalized Dashboard → Patients see their medical history & upcoming visits. ✔ Doctor Profiles & Reviews → Helps users choose the right physician. ✔ Intelligent Appointment Reminders → Automated notifications via SMS & email.
✔ Modern, Clean UI: Followed minimalist, healthcare-friendly design principles. ✔ Consistent Design System: Created a scalable UI kit with reusable components. ✔ Micro-Animations: Added loading indicators & success messages for better UX.
5. Usability Testing & Iterations
✔ Conducted 3 rounds of usability testing with patients & doctors to refine workflows.
Key Feedback & Iterations
✔ Patients loved the 1-click booking system – kept it as a core feature. ✔ Doctors needed a faster way to access patient history – added a quick-access button. ✔ Elderly users found small text difficult – increased font sizes & contrast.
Final Iteration Outcome:
✔ Booking Time Reduced by 40% – More patients completed appointments faster. ✔ Doctor Dashboard Improved Efficiency – Doctors could manage patients 2× quicker. ✔ 98% Positive Patient Feedback – Users found the system intuitive & seamless.
Final Outcome & Impact
✔ 40% Faster Appointment Scheduling – Reduced unnecessary steps. ✔ Enhanced Accessibility – Optimized for elderly patients & mobile users. ✔ Seamless Patient-Doctor Experience – Created an intuitive dashboard & reminders system. ✔ Increased Patient Engagement – Higher retention due to personalized features.
Key Takeaways & Learnings
✔ User research drives better solutions – Early interviews & surveys led to highly targeted improvements. ✔ Accessibility is critical in healthcare UX – Small UI tweaks significantly improved usability for elderly users. ✔ Iterative testing refined the experience – Each usability test resulted in major design enhancements.
Led a cross-platform design system synchronization initiative using the Phoenix Framework to improve scalability, visual consistency, and handoff clarity across design and development teams.
This project is confidential. Visuals and internal data cannot be publicly shared. Please contact me for more information.
This project focused on auditing and synchronizing core design components across different tools (Sketch, InVision, Figma) and environments to improve consistency, scalability, and design-to-dev collaboration. As UX Lead, I spearheaded a comprehensive system-level alignment initiative to future-proof the Phoenix Design System across teams and platforms.
The Challenge
✘ Design inconsistencies were emerging across platforms and environments due to fragmented tooling and undocumented changes. ✘ Component variants were duplicative, outdated, or out of sync, impacting efficiency and developer handoffs. ✘ The Phoenix Design System lacked governance processes for scale and cross-functional ownership.
The Goal
✔ Audit and synchronize components across platforms (Figma, InVision, Sketch, and live environments). ✔ Ensure system-wide alignment with business and engineering goals. ✔ Establish scalable, documented components that support rapid design and development workflows.
My UX Process & Approach
Research & Component Auditing
Conducted a full audit of design components across design libraries, live code, and internal tools.
Mapped inconsistencies in naming, spacing, color usage, and interactions.
Documented system gaps and areas of overlap to inform consolidation strategy.
Cross-Functional Collaboration
Facilitated workshops with developers, PMs, and designers to identify friction points and sync component usage.
Created a shared alignment map of component states, variants, and intended use cases.
Worked with QA to map visual differences between code and design artifacts.
System Integration & Governance
Updated and streamlined Phoenix Design System components in Figma, ensuring 1:1 parity with codebase versions.
Created documentation templates and usage guidelines to reduce future divergence.
Established governance rituals (reviews, audits, documentation standards) to maintain quality and consistency.
Final Outcome & Impact
✔ Reduced redundant components by 35%, improving design efficiency and library usability. ✔ Improved design-to-development parity, reducing UI implementation errors across teams. ✔ Enhanced cross-team collaboration by aligning vocabulary, expectations, and documentation. ✔ Established a scalable, maintainable design system that’s ready for future product expansion.
Key Takeaways & Learnings
✔ Even the best design systems degrade without governance and active collaboration. ✔ System-level thinking requires empathy for both designers and developers. ✔ Consistency isn’t just visual—it’s about creating trust and speed across teams.
Led the first accessibility initiative for the Phoenix Design System, reviving outdated components and aligning them with ADA compliance standards. Delivered a scalable accessibility documentation model for product teams and engineers.
Project TypeDesign System Accessibility, ADA & WCAG Compliance, UX Strategy, Documentation, Inclusive Enterprise Design
My RoleUX Strategist (Accessibility Research, Documentation, Stakeholder Collaboration)
Tools UsedFigma, InVision, Sketch, Phoenix Design System
This project is confidential. Visuals and internal data cannot be publicly shared. Please contact me for more information.
Following stakeholder feedback from multiple product teams, I initiated a cross-functional effort to address growing concerns around accessibility. The Phoenix Framework, our internal design system, had fallen out of compliance with ADA/WCAG standards due to prolonged lack of updates.
As the first UX lead to take ownership of accessibility documentation, I spearheaded a strategic accessibility upgrade of Phoenix Design System components to improve usability, meet legal standards, and future-proof the design system.
The Challenge
✘ Phoenix Framework components were outdated and lacked ADA/WCAG 2.1 compliance. ✘ No existing documentation or governance around accessibility best practices. ✘ Designers and developers had an inconsistent understanding of accessibility expectations.
The Goal
✔ Audit all Phoenix Framework components for accessibility gaps. ✔ Deliver ADA-compliant documentation with examples and usage guidelines. ✔ Equip teams with knowledge and tools to build inclusive, compliant products.
My UX Process & Approach
Research & Accessibility Auditing
Audited Phoenix Design System components using WCAG 2.1 AA standards.
Identified major issues with color contrast, keyboard navigation, screen reader labels, and focus indicators.
Benchmarked against modern enterprise accessibility practices.
Component Modernization & Feedback Integration
Prioritized fixes based on real-world user feedback from internal product teams.
Updated component specs and interaction states directly in Figma.
Initiated the first accessibility design patterns review for Phoenix Framework.
Documentation & Cross-Functional Alignment
Created an Accessibility Compliance Guide embedded within the Phoenix Figma library.
Annotated each component with accessibility usage notes, ARIA guidelines, and development-ready specs.
Held stakeholder sessions with devs, QA, and product managers to walk through risks and solutions.
Established an accessibility governance workflow for future component updates.
Final Outcome & Impact
✔ Modernized and documented 100+ Phoenix components to align with WCAG 2.1 AA standards. ✔ Reduced compliance gaps across teams, accelerating design and dev handoff with clarity. ✔ Enhanced usability for all users while meeting legal and ethical accessibility requirements. ✔ Sparked cross-functional support for ongoing accessibility governance.
Key Takeaways & Learnings
✔ Reviving a design system requires both technical auditing and cultural advocacy. ✔ Accessibility is a shared responsibility that starts with clear documentation and ownership. ✔ Aligning design and engineering teams through systemic change leads to lasting product impact.