UI/UX Case Study 01

Arogya Healthcare Ecosystem

A complete healthcare platform designed for Android, iOS mobile apps, and responsive web interface to simplify doctor consultations, appointment booking, second opinion, pharmacy orders, blood donation, and emergency services.

Role & Scope: UI/UX Designer
Android, iOS & Web Platform
UX Tooling: Figma Design System
Cross-Platform Prototyping

Arogya Healthcare Ecosystem Behance Presentation Hero

Figure 1.0 — Arogya Multi-Platform Telehealth Ecosystem (Android, iOS & Web) View Full Presentation on Behance

01. Problem Statement

In the healthcare landscape, patients and caregivers face severe fragmentation. Finding a trusted specialist, booking timely appointments, purchasing prescribed medicines, seeking second opinions for complex procedures, or requesting emergency blood/ambulance support often require using multiple disconnected apps or manual calls. In high-stress or medical emergency situations, this friction leads to dangerous delays and user anxiety.

Core Challenge

How might we design a single, intuitive, multi-platform healthcare ecosystem that simplifies the entire patient journey — from non-urgent consultation to critical emergency response — across Android, iOS, and Web?

Arogya Full UX Case Study Research & Wireframes

Figure 2.0 — Arogya UX Research Process, Information Architecture & Wireframe Iterations

02. User Research & Personas

Through user interviews with patients, doctors, and caregivers in India, I identified two primary target audience personas with distinct accessibility and speed requirements:

Ramesh Kumar, 58 Managing Chronic Condition • Elderly User

Needs large typography, high-contrast visual cues, simple medicine re-ordering, and straightforward appointment booking without cognitive overload.

Ananya Sharma, 29 Working Professional • Tech Native

Needs instant video consultation with specialists, digital PDF prescriptions, emergency blood donor network search, and real-time ambulance tracking.

03. Key Features & UX Architecture

Arogya unifies healthcare services into six core functional pillars, designed with clear navigation architecture and minimal steps to completion:

Doctor Consultation

Instant video/audio consultation with certified doctors, live chat, and instant digital prescription generation.

Appointment Booking

Filter specialists by department, distance, consultation fee, and real-time slot availability.

Online Pharmacy

Prescription upload, automated pill refill reminders, and doorstep medicine delivery tracking.

Second Opinion

Secure medical report upload for multi-specialist diagnosis and treatment plan validation.

Blood Donation

Location-based donor matching network connecting patients with voluntary donors by blood group.

Emergency Ambulance

One-tap SOS ambulance dispatch with live GPS tracking, hospital notification, and driver contact.

04. Design System & Platform Specs

To ensure high quality across native operating systems, the UI design system was tailored specifically for each platform while maintaining brand unity:

Cross-Platform Adaptation

iOS 17 App: Built following Apple Human Interface Guidelines (HIG). Utilizes SF Pro typography, translucent frosted glass cards, native bottom sheet modals, and smooth iOS swipe gestures.

Android App: Designed around Material Design 3 (MD3) guidelines. Utilizes dynamic color accents, Material top app bars, emergency Floating Action Buttons (FAB), and tactile ripple feedback.

Responsive Web Portal: 12-column fluid grid designed for desktop monitors. Features side navigation drawer, multi-column patient dashboard, and printable prescription views.