HODOFREELANCE · MOBILE APP● MVP · HANDED OFF

Booking doctor visits and keeping health records in one app

HODO app screens

A freelance MVP for patients: book a doctor, see your token, pay, and open your reports.

Hospital visits mean many small, time-sensitive steps. I designed the patient side of HODO, an early healthcare app, from sign up to booking, payments and health records, ready for the team to build.

STATUS● HANDED OFF
6core patient journeys designed
30MVP screens shown on this page
1patient-facing mobile app
Dec '23MVP screens ready for the build team
ROLE
UI/UX designer (freelance)
TIMELINE
Dec 2023
PLATFORM
Mobile app for patients
SCOPE
Patient UI screens, core healthcare flows, MVP screens for handoff
TOOLS
Figma
SCOPE

The patient side of an early healthcare app

The goal was to define the core patient flows and the UI base for a first version, so the team could test it and build on it.

DESIGN FOCUS
CALMA clean, calm look that suits healthcare.
TIME FIRSTClear order for time-sensitive details like slots and tokens.
CONSISTENTThe same components across every flow.
FLOWS

Six journeys a patient needs on day one

01 · ONBOARDINGSign up and log in with an OTP.
02 · BOOKINGPick a patient, a department and a time.
03 · DOCTORSFind a doctor and their next free slot.
04 · TOKENSSee your token and visit status.
05 · PAYMENTSPay for a visit in the app.
06 · RECORDSDownload lab reports and prescriptions.
SCREENS

MVP screens

ONBOARDING
HODO onboarding 01
01 · Hospital welcome
HODO onboarding 02
02 · Enter your mobile number
HODO onboarding 03
03 · Get the OTP
HODO onboarding 04
04 · Enter the OTP
HODO onboarding 05
05 · Wrong OTP
HODO onboarding 06
06 · OTP confirmed
SIGN UP
HODO sign up 01
01 · Sign up, step 1
HODO sign up 02
02 · Sign up, step 2
HODO sign up 03
03 · Sign up, step 3
HODO sign up 04
04 · Sign up, step 4
HODO sign up 05
05 · Sign up, step 5
HODO sign up 06
06 · Sign up, step 6
MAIN SCREENS
HODO main 01
01 · Main, step 1
HODO main 02
02 · Main, step 2
HODO main 03
03 · Main, step 3
HODO main 04
04 · Main, step 4
HODO main 05
05 · Main, step 5
HODO main 06
06 · Main, step 6
HODO main 07
07 · Main, step 7
HODO main 08
08 · Main, step 8
HODO main 09
09 · Main, step 9
APPOINTMENT BOOKING
HODO booking 01
01 · Booking, step 1
HODO booking 02
02 · Booking, step 2
HODO booking 03
03 · Booking, step 3
HODO booking 04
04 · Booking, step 4
HODO booking 05
05 · Booking, step 5
HODO booking 06
06 · Booking, step 6
HODO booking 07
07 · Booking, step 7
HODO booking 08
08 · Booking, step 8
HODO booking 09
09 · Booking, step 9

NOTE · This page shows the MVP as handed off. Changes the team made after handoff are not included.

A DESIGNER BY CRAFT, A BUILDER BY HABIT.© 2026 KAILAS PARAMESWARAN
Hello