Healthcare provider

UX/UI audit and redesign of a medical mobile app

2026
Mobile app design
MedTech · Healthcare
Challenge

Patients of a healthcare service use a mobile app to request and book doctor visits. The app had hidden navigation, inconsistent screens, and friction in the key flows, and it was about to grow with new services before release.

Approach

We audited the app, mapped the priority user flows, and analysed competitors using Nielsen's 10 usability heuristics. The redesign relied on science-led and human-centred principles and native mobile patterns, so the app stays familiar to use despite the complexity of the healthcare domain.

Result

The app got new navigation and a Home screen that brings together everything a patient needs. We reworked the booking, payment, and medical form flows, unified the design system, and created a custom illustration style. New services were designed on the same patterns.

50+
States for main functionality
⧗
CSAT
⧗
Application rating
A grey folder embossed with NDA and the words Medical Mobile App on a dark green background
Services
Timeline

July – October 2026

Industry

MedTech · Healthcare

Stack

Figma, FigJam

Details marked * are generalised under NDA
Names, figures and screens are adjusted to protect the client. We show the shape of the work: the industry, the constraints, the result.

Research & UX audit

Competitors leave patients guessing. We started there.

We audited the existing app and mapped four priority flows: log-in and sign-up, on-demand doctor request, medical history form, and scheduled doctor visit. These are the flows patients use most, and they shape the overall experience. As the product grew, the audit covered more flows built on the same patterns.

We also compared competitors across seven criteria, including service model, personalisation, user feedback, and Nielsen's heuristics. Three heuristics turned out to be critical for this product:

01 · System status visibility

Competitors rarely show where a request or visit stands.

02 · Error prevention

Weak forms and unclear confirmations lead to wrong choices.

03 · Error recovery

There is little guidance on what to do when something goes wrong.

Sample broken flow: from Start to a Decision, the Yes path leads to the Outcome and End, while the No path ends in an error with no way back
Impact

Established a research-informed foundation for prioritising improvements and designing clearer, more predictable healthcare interactions.

Design system & consistency

One product — one set of rules

We unified typography, colours, spacing, components, icons, and visual hierarchy. Desktop patterns were replaced with familiar mobile conventions. We also defined states for components, errors, loading, and success screens.

Sample visual language: a teal colour scale from light to dark with a toggle and a button in the brand colour
Impact

Reduced interface inconsistency and made interactions more predictable, while creating reusable design patterns for existing and future features.

Under NDA · 30 min call
See the full case on a call

Real screens, the full audit and the design system, walked through live by the team that built them.

Bohdan Ziniak, Co-founder and Design Director of Flying Age
Bohdan Ziniak
Co-founder & Design Director
bozi@flying-age.com

Navigation & home

Key actions were hidden. We moved them to the first screen.

The hamburger menu was replaced by a bottom bar with five sections. On deeper screens the bar is hidden and replaced with a back control, so the user stays focused on the task.

We also designed a Home dashboard featuring quick actions, family profiles, upcoming appointments, notifications, and relevant services. For regions where some services are not yet available, we designed a separate state.

Sample Home dashboard: a welcome block, quick actions, family profiles and a card for the next planned appointment
Impact

Made essential information and actions easier to find, reducing unnecessary navigation and creating a clearer starting point for patients.

Core flows

Improving core healthcare journeys

We redesigned the application's most important user flows, addressing interaction logic rather than simply updating individual screens.

01 · Log-in & sign-up

Refined authentication and registration flows, improved information hierarchy, and introduced a compact, reusable progress indicator.

02 · On-demand doctor request

Reworked the care-request journey, from service selection to booking, payment, and confirmation, and designed Stripe payment interfaces within its customisation constraints.

03 · Medical history form

Standardised form layouts, response controls, and screen structure. Improved readability, reduced information overload, and clarified progress throughout the form.

04 · Scheduled doctor visit & location

Extended booking patterns to planned visits, refining doctor discovery through map and list views, status visibility, and location search, saving, and selection.

Sample core flow screens: attached files, symptom chips, a doctor card with the next available slot, a date picker and a form progress indicator
Impact

A consistent, predictable experience across the entire patient journey, from sign-up to booking. Clearer information hierarchy, visible progress, and better feedback reduce uncertainty and cognitive effort, making key flows more intuitive, especially in time-sensitive medical situations.

Additional functionality

Expanding the patient experience

As the product grew, we extended the same patterns to new and supporting features:

Diagnostics, with categories, subservices, and benefits; chat or call with a doctor, built on the existing booking flow; an improved History with clearer hierarchy and statuses, where chat moved to its own screen; and a more polished, consistent Profile.

Sample order summary and checkout: an uploaded medical file, saved payment cards and a patient complaint card
Impact

Enabled the product to grow while maintaining familiar interactions, making new functionality easier to navigate and understand.

Custom graphics

Developing a distinct visual language

We prepared five illustration concepts and chose a linear hand-drawn style together with the client. Slightly uneven lines recall a doctor's sketch, and the images stay easy to read. We created graphics for services, subservices, and empty states.

Hand-drawn line icons for medical services joined by one continuous line, with a card reading 19+ custom images
Impact

Created a recognisable visual language that supports content comprehension and makes the interface feel more approachable.

Outcome

From separate screens to a working product

The redesign established a more consistent foundation for the patient application and supported its expanding range of healthcare services.

Changes
Ours
Theirs
Visual hierarchy, typography, and contrast
Yes
Consistent design system and mobile patterns
Yes
Navigation and information architecture
Yes
Home dashboard
Yes
Core user flows
Yes
New services flows
Yes
States for components
Yes
Custom illustration set
Yes