UI / UX Design System

Smart Doctor Booking
System (SDBS)

A premium, role-based healthcare mobile application for Nursing Homes, Doctors & Patients with seamless appointment booking experience.

🔐
Auth ScreensLogin · Register · Forgot Password
🏥
Nursing HomeDashboard · Doctors · Schedule · Profile
👨‍⚕️
Doctor PortalDashboard · Schedule · Profile
🧑‍💼
Patient AppHome · Booking · History · Profile

App Overview

3 User Roles · Premium Design · Smart Booking Flow

🏥

Nursing Homes

Manage doctors, schedules and bookings. View analytics, download reports and control doctor availability from a central dashboard.

👨‍⚕️

Doctors

View personal booking statistics, manage time slots, create and update schedules with active/inactive control.

👤

Patients

Browse doctors by location and specialty, book appointments, make payments and track booking history in real-time.

📊

Analytics & Reports

Weekly/monthly booking charts, doctor-wise analytics, and downloadable PDF reports with custom date range selection.

💳

Payment Gateway

Integrated payment flow for doctor registration (by Nursing Home) and patient appointment booking with confirmation screen.

🎨

Premium Design

Medical blue-teal gradient theme, card-based layouts, smooth animations, compact information density with clean typography.

Design System

Color Palette · Typography · Components

Primary Dark
#0D47A1
Primary
#1565C0
Primary Light
#1E88E5
Teal
#0097A7
Medical Green
#00897B
Background
#EEF2F7
Success
#2E7D32
Warning
#E65100