Healthcare Appointment System

Project overview

Project brief

Through extensive user research, strategic product planning, and thoughtful UX/UI design, I collaborated with Afya.AI's team to design this solution that makes healthcare more accessible.

The challenge

The traditional healthcare appointment booking process presented challenges marked by inefficiencies, including the need for physical hospital visits and prolonged appointment wait times.


An appointment booking system for patients to discover doctors and facilitating the conveniently booking of appointments from computers or phones.
It also helps hospital manage appointments and doctor schedules, enhancing the overall quality of patient care.

solution breakdown

How might we...

...streamline the patient journey, reducing the need for hospital visits and minimizing appointment wait times to make healthcare services more accessible and patient-centric?

01 - Doctor discovery

Hospital search and filter options

  • Patients can search for nearby hospitals and healthcare providers and use advanced filters to narrow down options based on specific criteria
  • Patients can access information on doctor availability, schedules, accepted insurances and consultation fees


Seamless online booking

  • Patients can choose a preferred time slot effortlessly, empowering patients with control over their scheduling.
  • Patients will receive instant confirmation of their appointment

03 - manage appointments

Accept/decline appointments & manage schedules

  • Hospital admins can view all incoming appointments and accept or decline them
  • Hospital admins can change doctor schedules and manage hospital profiles

my process

The journey to a user centric solution

To start this project, I conducted user research, utilizing the contextual inquiry method and interviews, insights from the research helped me establish the user personas and the information architecture. I then designed the high-fidelity designs with a modern and minimalistic interface according to the established branding. Finally I conducted, usability testing and refined the designs based feedback.

Design assumptions & challenges



Step 01

Connecting with users

In order to understand my users, I conducted thorough user research. I applied the contextual inquiry method, immersing myself in the hospital environment and closely observing the various methods employed by hospitals to facilitate appointment bookings. Additionally, I conducted user interviews with patients  to learn about their booking experiences and hospital admins to learn how they manage appointments.

Who are we targeting with this solution?

After analyzing the research, I created two user personas who represent the two groups that make up the core of the user base. The user personas below include the diverse perspectives, challenges and goals of these groups, guiding the design decisions and solutions throughout this project.

Step 02

Ideation & exploration

When coming with up with the design solution, I closely observed the user’s existing systems and integrated valuable insights gathered from extensive user research. This enabled me to come up with the following feature list, which directly addresses the user's paintpoints.

Information architecture

Patient dashboard

To enhance user-friendliness, I came up with an information architecture that allows patients to freely explore the search functionality and view hospitals and doctors available without signing in first. Users will only need to sign in to book an appointment.

Hospital dashboard

The most important thing for the hospital admin is to easily view incoming appointment requests, accept/decline them and quickly edit doctor schedules. I put this into consideration when establishing the information architecture and made sure all these functionalities will be available directly from the homepage.

Step 03

High-Fidelity design

I designed the high fidelity designs to showcase a modern and intuitive interface that prioritizes user engagement and accessibility. I incorporated neat typography, a harmonious color scheme, responsiveness and clear visual hierarchy to ensure that users can effortlessly access essential features and information.

Hospital admin's dashboard

Admins can add, edit and remove doctor details from their hospital profile

Admins can view appointment in calendar view and filter by doctor, date or department.

Admins can manage a doctor’s schedule for accurate bookings.

Admins can modify any hospital related information such as services provided and insurance accepted

mobile responsiveness

Step 04

Feedback from users

During the design process, we worked together with hospitals to continuously test the designs to make sure they meet our users needs. I made the following changes based on the that feedback.

next steps

Continous improvement

View next project