OmniHealth
A Seamless Medical Experience in Your Pocket
A Seamless Medical Experience in Your Pocket
A Seamless Medical Experience in Your Pocket
Role: UX /UI Designer
Role: UX /UI Designer
Role: UX /UI Designer
Timeline: 3 Months
Timeline: 3 Months
Timeline: 3 Months
Tools: Figma, Miro
Tools: Figma, Miro
Tools: Figma, Miro
Project Overview
Project Overview
Project Overview
OmniHealth is a medical app that gives users instant access to their medical records and direct communication with healthcare providers through messaging, video calls, and appointment scheduling.
OmniHealth is a medical app that gives users instant access to their medical records and direct communication with healthcare providers through messaging, video calls, and appointment scheduling.
OmniHealth is a medical app that gives users instant access to their medical records and direct communication with healthcare providers through messaging, video calls, and appointment scheduling.
Challenge
Challenge
Challenge
Patients struggle to access medical records quickly, especially in urgent situations. Traditional systems are slow, often taking days or weeks. Communication with providers is also fragmented, causing frustration and delays.
Patients struggle to access medical records quickly, especially in urgent situations. Traditional systems are slow, often taking days or weeks. Communication with providers is also fragmented, causing frustration and delays.
Patients struggle to access medical records quickly, especially in urgent situations. Traditional systems are slow, often taking days or weeks. Communication with providers is also fragmented, causing frustration and delays.
Solution
Solution
Solution
OmniHealth is a medical app that makes healthcare easier. It lets users quickly access their medical records, message doctors, and schedule appointments anytime, anywhere.
OmniHealth is a medical app that makes healthcare easier. It lets users quickly access their medical records, message doctors, and schedule appointments anytime, anywhere.
OmniHealth is a medical app that makes healthcare easier. It lets users quickly access their medical records, message doctors, and schedule appointments anytime, anywhere.
Medical Records Access
Medical Records Access
Medical Records Access
Users can view and download their medical records instantly, making it easy to stay informed and prepared for checkups, emergencies, or job requirements.
Users can view and download their medical records instantly, making it easy to stay informed and prepared for checkups, emergencies, or job requirements.
Users can view and download their medical records instantly, making it easy to stay informed and prepared for checkups, emergencies, or job requirements.
Appointment Scheduling
Appointment Scheduling
Appointment Scheduling
The app shows real-time availability based on each user’s doctor. Users can choose the best date and time with just a few taps, no phone calls needed.
The app shows real-time availability based on each user’s doctor. Users can choose the best date and time with just a few taps, no phone calls needed.
The app shows real-time availability based on each user’s doctor. Users can choose the best date and time with just a few taps, no phone calls needed.
Insurance Upload
Insurance Upload
Insurance Upload
A simple tool lets users upload and store their insurance information, so it’s ready when doctors or clinics need it.
A simple tool lets users upload and store their insurance information, so it’s ready when doctors or clinics need it.
A simple tool lets users upload and store their insurance information, so it’s ready when doctors or clinics need it.
Case Study
Case Study
Case Study
1
Discovery
Discovery
2
Define
Define
3
Ideation
Ideation
4
Prototype
Prototype
5
Testing
Testing
1 Discovery
Research Objective
Identify the possible solutions to give users accessibility to electrical medical documents easier.
Research Objective
Identify the possible solutions to give users accessibility to electrical medical documents easier.
Research Objective
Identify the possible solutions to give users accessibility to electrical medical documents easier.
Secondary Research
A 2019 study showed 47.33% of 693 patients actively used EMRs.
EMR (Electronic Medical Record) usage is rising among people with chronic conditions.
Secondary Research
A 2019 study showed 47.33% of 693 patients actively used EMRs.
EMR (Electronic Medical Record) usage is rising among people with chronic conditions.
Secondary Research
A 2019 study showed 47.33% of 693 patients actively used EMRs.
EMR (Electronic Medical Record) usage is rising among people with chronic conditions.
Screener Survey
6 questions filtered participants who used medical apps and visited the hospital 3+ times a year.
Screener Survey
6 questions filtered participants who used medical apps and visited the hospital 3+ times a year.
Screener Survey
6 questions filtered participants who used medical apps and visited the hospital 3+ times a year.
User Interviews
Interviewed 5 participants
Created an affinity map to identify recurring patterns
Key themes:
Need for a centralized app
Quick access to records
Better communication with providers
User Interviews
Interviewed 5 participants
Created an affinity map to identify recurring patterns
Key themes:
Need for a centralized app
Quick access to records
Better communication with providers
User Interviews
Interviewed 5 participants
Created an affinity map to identify recurring patterns
Key themes:
Need for a centralized app
Quick access to records
Better communication with providers
2 Define
Empathy Maps
Two maps captured user thoughts, feelings, needs, and pain points:
Wants quick, convenient communication with doctors
Needs fast access and control over medical records
Empathy Maps
Two maps captured user thoughts, feelings, needs, and pain points:
Wants quick, convenient communication with doctors
Needs fast access and control over medical records
Empathy Maps
Two maps captured user thoughts, feelings, needs, and pain points:
Wants quick, convenient communication with doctors
Needs fast access and control over medical records
Personas
Created 2 personas based on empathy maps:
Persona 1 Needs - Persona 1 Needs
Convenience
Descriptive records
Upload option
Time-saving updates“Prepared Paul” – Regularly needs to access and present his health records
Personas
Created 2 personas based on empathy maps:
Persona 1 Needs - Persona 1 Needs
Convenience
Descriptive records
Upload option
Time-saving updates“Prepared Paul” – Regularly needs to access and present his health records
Personas
Created 2 personas based on empathy maps:
Persona 1 Needs - Persona 1 Needs
Convenience
Descriptive records
Upload option
Time-saving updates“Prepared Paul” – Regularly needs to access and present his health records
User Stories
Guided feature development:
"As a user, I want to quickly access my medical records so I can be prepared for doctor visits."
"As a user, I want to message my doctor directly to ask questions between appointments."
User Stories
Guided feature development:
"As a user, I want to quickly access my medical records so I can be prepared for doctor visits."
"As a user, I want to message my doctor directly to ask questions between appointments."
User Stories
Guided feature development:
"As a user, I want to quickly access my medical records so I can be prepared for doctor visits."
"As a user, I want to message my doctor directly to ask questions between appointments."
MVP Tasks
Access and organize medical records
Communicate with doctors
Upload and store insurance info securely
MVP Tasks
Access and organize medical records
Communicate with doctors
Upload and store insurance info securely
MVP Tasks
Access and organize medical records
Communicate with doctors
Upload and store insurance info securely
Sitemap & User Flows
OmniHealth’s layout was designed to be simple and easy to navigate. Key sections include:
Home
Doctor
Medical Record
Insurance
Profile
From this structure, three main user flows were created:
Talk to a Doctor
View Medical Records
Upload Insurance Info
Each flow is short and easy, helping users get what they need fast no confusion, no delays.
Sitemap & User Flows
OmniHealth’s layout was designed to be simple and easy to navigate. Key sections include:
Home
Doctor
Medical Record
Insurance
Profile
From this structure, three main user flows were created:
Talk to a Doctor
View Medical Records
Upload Insurance Info
Each flow is short and easy, helping users get what they need fast no confusion, no delays.
Sitemap & User Flows
OmniHealth’s layout was designed to be simple and easy to navigate. Key sections include:
Home
Doctor
Medical Record
Insurance
Profile
From this structure, three main user flows were created:
Talk to a Doctor
View Medical Records
Upload Insurance Info
Each flow is short and easy, helping users get what they need fast no confusion, no delays.
3 Ideation
Sketches
Early concepts emphasized clarity, minimal steps, and guided navigation.
Added visual clues at the bottom of the screen to support usability.
Sketches
Early concepts emphasized clarity, minimal steps, and guided navigation.
Added visual clues at the bottom of the screen to support usability.
Sketches
Early concepts emphasized clarity, minimal steps, and guided navigation.
Added visual clues at the bottom of the screen to support usability.
High-Fidelity
Billie’s high-fidelity focused on:
Clean, simple layout with clear visual hierarchy
Dashboard showing logos, billing dates, and costs
Cancel options: one-tap or manual
Monthly spending report with graphs and filters
Calendar view of upcoming charges’s c
of upcoming charges
Wireframes
Built wireframes with no more than 6 steps per task
Designed the medical record access flow to be completed in 3 simple steps
Structured layout to support clarity and fast navigation
Wireframes
Built wireframes with no more than 6 steps per task
Designed the medical record access flow to be completed in 3 simple steps
Structured layout to support clarity and fast navigation
Wireframes
Built wireframes with no more than 6 steps per task
Designed the medical record access flow to be completed in 3 simple steps
Structured layout to support clarity and fast navigation
High-Fidelity
The high- fidelity design made these flows even easier to use. It included:
A personalized health chart on the home screen
A smooth appointment scheduler that shows available times
Clean, intuitive layouts for fast navigation and better usability
High-Fidelity
The high- fidelity design made these flows even easier to use. It included:
A personalized health chart on the home screen
A smooth appointment scheduler that shows available times
Clean, intuitive layouts for fast navigation and better usability
4 Prototype
Created interactive Figma prototype for each user flow
Created interactive Figma prototype for each user flow
Created interactive Figma prototype for each user flow
5 Testing & Iteration
A usability test with 5 participants revealed strong results—100% completed all core tasks successfully.
Key Issues & Fixes:
80% missed the appointment confirmation → Added a bold “Appointment Scheduled!” screen
65% found contact options unclear → Renamed buttons and separated appointment booking
60% felt overwhelmed by the medical records screen → Content was reorganized into clean, labeled sections
User feedback guided small but impactful design changes that improved clarity, navigation, and overall experience.
A usability test with 5 participants revealed strong results—100% completed all core tasks successfully.
Key Issues & Fixes:
80% missed the appointment confirmation → Added a bold “Appointment Scheduled!” screen
65% found contact options unclear → Renamed buttons and separated appointment booking
60% felt overwhelmed by the medical records screen → Content was reorganized into clean, labeled sections
User feedback guided small but impactful design changes that improved clarity, navigation, and overall experience.
A usability test with 5 participants revealed strong results—100% completed all core tasks successfully.
Key Issues & Fixes:
80% missed the appointment confirmation → Added a bold “Appointment Scheduled!” screen
65% found contact options unclear → Renamed buttons and separated appointment booking
60% felt overwhelmed by the medical records screen → Content was reorganized into clean, labeled sections
User feedback guided small but impactful design changes that improved clarity, navigation, and overall experience.
Reflection & Future Updates
What I Learned
User feedback improves design: Small changes led to major usability wins
Clarity matters: Simplified layouts were praised by all testers
Always iterate: Users helped shape a smoother, more helpful experience
Future Improvements
Enhance home screen chart with more detailed health data
Improve interactive feedback (tab selection, appointment confirmations, etc.)
What I Learned
User feedback improves design: Small changes led to major usability wins
Clarity matters: Simplified layouts were praised by all testers
Always iterate: Users helped shape a smoother, more helpful experience
Future Improvements
Enhance home screen chart with more detailed health data
Improve interactive feedback (tab selection, appointment confirmations, etc.)
What I Learned
User feedback improves design: Small changes led to major usability wins
Clarity matters: Simplified layouts were praised by all testers
Always iterate: Users helped shape a smoother, more helpful experience
Future Improvements
Enhance home screen chart with more detailed health data
Improve interactive feedback (tab selection, appointment confirmations, etc.)
