Mohamad DiabProduct UI/UX designer — home
All projects

Project 2 of 7: App design · Mobile app

Medicaly

A mobile app for finding a doctor, booking appointments and setting medication reminders without leaving home.

Type
App design
Category
Mobile app
Role
UI/UX design
Duration
4 days
Two phones showing the Medicaly app’s doctor listings, connected by a stethoscope, under the Medicaly logo

Overview

Medicaly is a mobile app that helps people receive medical care without physically visiting a doctor. It makes appointments easy to manage — book, reschedule or cancel — and cuts the time spent waiting in doctors’ lines. It also lets users set customizable reminders for when to take their medications.

The problem

  • Busy schedules keep people from going to the doctor for checkups.
  • People forget to take their medicine on time.
  • Going to the doctor takes a lot of time.
  • Doctors’ fees are expensive.
  • Patients struggle to judge a doctor’s quality, and have difficulty finding the right specialist.

Project goals

  • Save time

    Taking a doctor’s appointment is sometimes time-consuming. We tried to minimize this with a digital solution.

  • Organize

    Organize the whole process with innovative solutions that make the practical side easy.

  • Online support

    People can find the type of specialist they need, and get an online consultation right away.

Research

A survey of 18 people about their medical needs, experiences and frustrations, followed by interviews: how they find and choose a doctor, how they book, how they choose between an in-person visit, a video call or a chat, and how they keep track of prescriptions.

  1. 82% find it hard to book a specialist, and don’t use any app that does everything in one place.
  2. 93% say being able to book or cancel appointments online is easier.
  3. 60% find a doctor by searching on Google or through connections.
  4. People rely on word of mouth or social media to find the right doctor or specialist, which makes the process slow and uncertain.
  5. Booking is frustrating: many have to call clinics or wait for confirmation, and wish for a faster, clearer way to schedule.
  6. After a consultation, most have no reliable way to track medications or prescriptions — which leads to missed doses and confusion.

Who it is for

Adam

29 · Senior biomedical engineer · Lebanon

Methodical, social, technological. Cares a lot about the family’s health: five family members see a doctor at least once a year for a regular checkup. With a busy schedule, time matters — and before choosing a doctor, Adam weighs the doctor’s experience and reviews from friends and family.

Goals

  • A quick and easy system for appointments
  • Appointments at a time that suits
  • Regular, timely health checkups
  • Less waiting time at the doctor’s
  • Find the right type of specialist quickly

Frustrations

  • Losing time finding the right doctor
  • Having to visit in person to make an appointment
  • Losing time in the queue at the doctor’s
  • No way to reach the doctor after a consultation
  • Can’t show previous medical records by phone
Medicaly empathy map: what patients think and feel, hear, see, say and do about finding a doctor and booking appointments
Empathy map: what patients think and feel, see, hear, say and do.

Competitors

DRAPP, Teladoc and Vezeeta, compared on video consultation, in-person booking, appointment scheduling, medicine reminders, specialty search, availability in Lebanon and payment options.

Competitive analysis of DRAPP, Teladoc and Vezeeta across video consultation, in-person booking, appointment scheduling, medicine reminders, specialty search, availability in Lebanon and payment options

Information architecture

From the splash screen, onboarding and sign-in to four sections: Home, Appointment, Reminder and Profile.

Medicaly information architecture: splash and onboarding, sign in and sign up, then Home, Appointment, Reminder and Profile with their screens

Style guide

Satoshi, in regular, medium, semi bold and bold, with a palette of blues.

Medicaly style guide: the Satoshi typeface in regular, medium, semi bold and bold, and a palette of blues

Final design

Onboarding: booking a virtual visit with a few taps, and notifications for medications.

Medicaly onboarding mockups: the splash screen with the Medicaly logo, booking a virtual visit, and medication reminders

Usability testing

task completion rate
85%
app usability score
8.5/10
average satisfaction rating
4.2/5

A usability testing session with 10 participants, including friends. Each completed key tasks in the prototype:

  • searching for a specialist doctor
  • booking an appointment
  • setting a medication reminder
  • navigating payment options

Conclusion

Medicaly addresses common pain points in the healthcare experience, from the difficulty of finding a suitable doctor to managing appointments and prescriptions. The mobile-first approach lets people reach medical care with ease and flexibility, saving time and reducing stress.

Read the original case studyDocument · Google Drive (opens in a new tab)