DocOn: Doctor Appointment Booking App

Stage 1. User Research

To start the project, I first tried to understand how people book doctor appointments and what problems they face. I looked into how users search for doctors, check their profiles, and manage appointments. To get a better idea of industry standards, I reviewed several medical and doctor-booking apps through Google, Behance, and Play Store/App Store listings.

I also used AI tools to gather additional insights on common user expectations and best practices in healthcare UX. This helped me identify the core needs: easy doctor discovery, clear appointment details, smooth communication, and simple profile management. These findings gave me a solid direction before moving ahead with concepts and layouts.

Stage 2.Design Ideation & Concept Development

After completing my research, I began shaping the concept of the app by exploring how to make the doctor-booking process as simple and stress-free as possible. I sketched different layout ideas for the home screen, doctor profiles, and appointment flow, while also studying existing medical apps to understand what works well. Based on these observations, I planned a clear structure that allows users to easily search doctors, view important details, manage appointments, and receive updates without confusion. This stage helped me define the visual direction, main screens, and the overall flow before moving into wireframing and detailed UI design.

Stage 3. Design Execution

• Wireframing: In this step, I turned my ideas into simple low-fidelity layouts to define the structure of each screen. The goal was to focus only on layout, flow, and user actions without worrying about colors or styling. This helped me make quick adjustments and ensure that the main features—doctor search, doctor details, appointments, and messages—were placed in a logical and easy-to-use way.

  
  

• Prototyping: After finalizing the wireframes, I connected the screens to create an interactive prototype. This allowed me to test the navigation flow, appointment booking steps, and overall usability. For the prototype, I included the important screens like Home, Doctor’s Profile, Appointment Management, and Messages so I could see how users would move through the app in real time.

  
  

• User Interface Design: Once the flow felt right, I started working on the final visual design. I added clean layouts, soft colors, readable typography, and a calm blue accent theme to make the app look professional and trustworthy. I refined every component, from the doctor cards to appointment buttons, to make the experience smooth and consistent. I did not use a dark theme in this app, as my focus was on keeping the UI light, modern, and easy for all users.