MediFlow unified a patient app and provider dashboard in one design system
- UI/UX design
- Branding
- Web app
One design system for two different care experiences
- Client
- MediFlow
- Industry
- Healthcare
- Headquarters
- USA
- Service
- UI/UX & branding
About project
MediFlow is a digital healthcare platform connecting patients and providers in one ecosystem. The brief combined a patient mobile app with a dedicated provider dashboard: two very different experiences inside one cohesive product.
Challenges & solutions
Problem
Two opposite user groups. Patients needed a simple way to manage appointments and health data without overload; providers needed a dense, fast dashboard to review summaries, monitor trends and prioritise during clinical decisions.
Solution
The patient app has clear navigation and simplified health information. The provider dashboard organises metrics, schedules and trends into a structured hierarchy for faster decisions. One shared design system connects both products and adapts to each audience.
Process
- 1
Discovery
- User interviews
- Competitor analysis
- Personas & journeys
- 2
UX design
- Information architecture
- User flows
- Wireframes
- 3
UI design
- Patient app
- Provider dashboard
- Responsive layouts
- 4
Design system
- Component library
- Typography & patterns
- Shared colour principles
App flow
The patient flow runs from onboarding through tracking, appointments and insights in one continuous path. The provider flow moves from an overview into patient management, trends and risk assessment.
Moodboard
Soft neutrals, subtle accents and rounded forms reassure patients; structured grids and data-focused type support precision for providers.
Wireframing
Mobile wireframes made everyday tasks simple; for the dashboard we explored several layouts to find the most efficient way to review data and prioritise tasks.
One design system that serves patient simplicity and provider speed at once.
Logo design
Three rounded bars arranged like pills make the healthcare purpose recognisable at a glance, and work as the app icon on a lime background.
Mobile app design
One-step booking, a monitoring dashboard against personal goals and video consultations on a single screen: fewer steps and more consistent daily use.
Web application design
Risk level and trend direction sit ahead of the detailed charts, so providers can assess a patient's status before opening any detail view.
Social media
Story-format assets pair short, direct headlines with real app screens, keeping the brand human, calm and trustworthy.
Design system
Shared components, tokens and patterns for both products.
Tech stack
- Flutter
- Next.js
- Figma
Results
91%
Positive clarity feedback
Usability participants said tracking, appointments and consultations were clear and understandable.
84/100
Usability score
The patient app prototype reached an 84 SUS score.
29%
Lower provider load
Providers reported 29% less effort reviewing patient summaries than in competitor dashboards.
30%
Fewer steps to book
Booking a visit took 30% fewer steps than in similar healthcare apps.
Let's work together
Have a product like this in mind?
Tell us about it and get a written, fixed-scope estimate after a 30-minute call.
Book a call
Get started
Tell us about your next project
Tell us what you're building. We'll come back with questions and a clear, fixed-scope estimate.
Tell us about your project
A few details are enough. We'll take it from there.