2023 • UI/UX CASE STUDY

Akshar Clinic - Doctor Appointment Management App

UI/UX Design Mobile App Healthcare

Akshar Clinic is a mobile-based doctor appointment management application designed to simplify daily appointment handling for doctors and enable patients to book appointments independently. The app focuses on reducing waiting time, organizing patient data, and maintaining complete appointment and prescription history in one place.

Project Overview

My Role
UI/UX Designer
Duration
3 Months
Platform
iOS & Android
Tools Used
Figma, Photoshop

Problem Statement

Managing daily appointments manually creates significant challenges for healthcare professionals. Doctors struggle with scheduling conflicts, overlapping appointments, and maintaining organized patient records. Patients face long waiting times and difficulty in booking appointments without phone calls during clinic hours.

Key Challenges:
  • Manual appointment scheduling leads to errors and conflicts
  • Patients experience long waiting times and uncertainty
  • Lack of centralized system for prescription and medical history
  • Inefficient communication between doctors and patients
  • Difficulty in tracking appointments and follow-ups

Research & Discovery

User Research Methods:

  • Doctor Interviews: Conducted 10+ interviews with practicing doctors to understand their appointment management workflow
  • Patient Surveys: Surveyed 50+ patients about their appointment booking experience
  • Competitive Analysis: Analyzed existing appointment management systems
  • Observational Studies: Observed clinic operations to identify pain points
Key Research Insights:
  • 85% of patients prefer online appointment booking over phone calls
  • Doctors spend 30% of their time on appointment management tasks
  • 60% of patients forget prescription details from previous visits
  • Average waiting time in clinics is 45-60 minutes

User Personas

👨‍⚕️

Dr. Rajesh Patel

General Physician, 45 years old

Goals:

  • Manage 40+ appointments daily efficiently
  • Reduce time spent on administrative tasks
  • Access patient history quickly
  • Minimize no-shows and cancellations

Pain Points:

  • Manual scheduling is time-consuming
  • Difficulty tracking patient history
  • Handling walk-in patients disrupts schedule
🧑

Priya Sharma

Working Professional, 32 years old

Goals:

  • Book appointments at convenient times
  • Avoid long waiting periods
  • Access previous prescriptions easily
  • Get appointment reminders

Pain Points:

  • Unable to call during work hours
  • Long waiting times at clinic
  • Losing paper prescriptions
  • Uncertainty about doctor availability

User Journey Map

Patient Appointment Booking Journey:

  1. Awareness: Patient realizes need for medical consultation
  2. Search: Opens Akshar Clinic app to find available slots
  3. Selection: Reviews doctor's available time slots
  4. Booking: Selects preferred time and confirms appointment
  5. Confirmation: Receives confirmation notification
  6. Reminder: Gets reminder 1 day and 1 hour before appointment
  7. Visit: Checks in at clinic using app
  8. Post-Visit: Receives digital prescription and medical notes

Key Features

Smart Scheduling

Intelligent appointment scheduling with real-time availability, automatic time slot optimization, and conflict prevention.

Patient Management

Comprehensive patient database with medical history, previous prescriptions, and treatment records.

Notifications

Automated reminders for both doctors and patients with customizable notification preferences.

Digital Prescriptions

Create, store, and share digital prescriptions with complete medical notes and treatment plans.

Analytics Dashboard

Track appointment trends, patient flow, peak hours, and revenue insights for better clinic management.

Secure & Private

HIPAA-compliant data security with encrypted medical records and secure patient information.

Information Architecture

App Structure:

Doctor Dashboard:
  • Today's Appointments
  • Patient List
  • Schedule Management
  • Prescription Creation
  • Analytics & Reports
  • Profile Settings
Patient App:
  • Find Doctors
  • Book Appointment
  • My Appointments
  • Medical History
  • Prescriptions
  • Profile & Settings

Wireframes

Low-fidelity wireframes were created to establish the basic structure and user flow:

🏠
Home Screen
📅
Appointments
👤
Patient Profile
📋
Prescription
🔔
Notifications
⚙️
Settings

Design System

Color Palette:

Primary Teal
#00BFA6
Dark Gray
#1A1A1A
White
#FFFFFF
Accent Red
#FF6B6B
Light Teal
#4ECDC4

Typography:

Poppins Bold - Headings

Poppins Regular - Body text for descriptions and content. Clean, modern, and highly readable.

Design Principles:

  • Clarity: Clear visual hierarchy and intuitive navigation
  • Efficiency: Minimal steps to complete key tasks
  • Consistency: Uniform design patterns across all screens
  • Trust: Professional medical aesthetic with reassuring colors

High-Fidelity Mockups

Final visual designs with complete UI elements, colors, and interactions:

📱
Splash Screen
🔐
Login
🏠
Dashboard
📅
Book Appointment
👨‍⚕️
Doctor List
Time Slots
Confirmation
📋
My Appointments
💊
Prescriptions
📊
Analytics
👤
Profile
⚙️
Settings

Usability Testing

Testing Process:

  • Conducted usability tests with 8 doctors and 15 patients
  • Tested key user flows: appointment booking, prescription viewing, schedule management
  • Measured task completion rate, time on task, and error rate
  • Gathered qualitative feedback through interviews
Key Findings:
  • 95% task completion rate for appointment booking
  • Users appreciated the simple, clean interface
  • Prescription history feature was highly valued
  • Some users requested calendar sync feature
  • Doctors wanted batch appointment management

Iterations Made:

  • Added calendar integration for appointment syncing
  • Implemented batch operations for doctor's dashboard
  • Enhanced search functionality with filters
  • Improved notification settings with granular control

Results & Impact

Waiting Time Reduced
60%
Patient Satisfaction
92%
Doctor Productivity
+40%
No-Show Rate
-35%

Business Impact:

  • Increased daily appointment capacity from 30 to 45 patients
  • Reduced administrative overhead by 50%
  • Improved clinic revenue through better time management
  • Enhanced patient loyalty and retention
  • Positive reviews and word-of-mouth growth

Key Learnings

  • User Research is Critical: Deep understanding of both doctor and patient workflows led to better design decisions
  • Simplicity Wins: Users preferred straightforward flows over feature-heavy interfaces
  • Trust Through Design: Medical apps require extra attention to professionalism and data security
  • Accessibility Matters: Designing for users of all ages and tech literacy levels was crucial
  • Iterative Design: Multiple rounds of testing and refinement significantly improved the final product

Next Steps

Future Enhancements:

  • Video consultation feature for remote appointments
  • Integration with pharmacy for prescription delivery
  • Health tracking and vitals monitoring
  • Multi-language support for broader reach
  • AI-powered appointment scheduling optimization
  • Patient health records export functionality

Complete Visual Case Study

Akshar Clinic Complete Case Study