Healthcare Partner Portal · 2024

FITZDO
Healthcare
Portal

A unified digital ecosystem bridging fitness, wellness, and healthcare — connecting hospitals, clinics, and doctors with patients through a seamless partner portal.

UI/UX Designer

12 Weeks

Web + Mobile

Figma · Adobe PS

3.8 Years

Scroll
01

Project Overview

FITZDO set out to create a unified digital ecosystem that bridges the gap between fitness, wellness, and healthcare services. The challenge was designing a responsive partner portal that seamlessly connects healthcare providers — hospitals, clinics, and individual doctors — with patients.

As the UX designer, I led the research, user flows, wireframing, and design system creation for this complex, multi-stakeholder product. The primary focus was on reducing friction for healthcare partners while delivering a trustworthy booking experience for patients.

The portal needed to support three very different types of users with varying tech proficiencies — all within a single, coherent interface.

Healthcare Partner Portal Mobile-First Responsive Web Design System Multi-Stakeholder
40%

Target increase in partner onboarding rate

30%

Reduction in partner churn rate targeted

80+

SUS score target for system usability

3x

Faster booking — reduced to 3 steps or less

02

Target Users

🏥

Hospital Administrators

Age: 35–55 · Tech: Medium–High

Managing multiple departments, doctors, and services. Need comprehensive analytics and bulk operations.

  • Comprehensive dashboards with KPIs
  • Bulk operations & reporting tools
  • Multi-department unified view
  • Real-time performance metrics
🏬

Clinic Owners

Age: 30–50 · Tech: Medium

Managing smaller teams and focused services. Need simplified appointment management and quick profile updates.

  • Streamlined appointment management
  • Quick profile & schedule updates
  • Showcase unique services
  • Mobile-accessible management
👨‍⚕️

Individual Doctors

Age: 28–60 · Tech: Low–Medium

Managing personal appointments and patient records. Need mobile-first solutions for on-the-go access.

  • Mobile-first interface design
  • Quick access to patient history
  • On-the-go appointment management
  • Streamlined patient communication
03

Pain Points Identified

Hospital Administrators

  • 01Fragmented systems across multiple platforms for different departments
  • 02Lack of comprehensive performance metrics and analytics
  • 03Difficulty updating multiple doctor profiles simultaneously
  • 04No unified view of patient interactions across departments

Clinic Owners

  • 01Complex onboarding processes discouraging platform adoption
  • 02Limited customization to showcase unique clinic services
  • 03Manual appointment management leading to double bookings
  • 04Desktop-only solutions hindering mobile flexibility

Individual Doctors

  • 01Overwhelming interfaces with poor information prioritization
  • 02Multiple steps required to reach patient records
  • 03Limited mobile functionality for on-the-go management
  • 04Difficult to send updates and communicate with patients

Patients

  • 01Lack of verified information about doctors and clinics
  • 02Too many steps in the appointment booking process
  • 03Limited visibility into real-time doctor availability
  • 04Health records fragmented across multiple platforms
04

Research Methodology

METHOD · 01

Competitive Analysis

Analyzed 5 leading healthcare platforms to benchmark industry patterns and identify gaps in partner experience.

  • Practo · 1mg · PharmEasy
  • Apollo 24/7 · Zocdoc
  • Booking flows & onboarding
  • Dashboard information architecture
  • Mobile responsiveness quality
METHOD · 02

User Interviews

Conducted 12 semi-structured interviews with healthcare providers across 3 user segments.

  • 4 Hospital administrators
  • 4 Clinic owners
  • 4 Individual doctors
  • Current workflow mapping
  • Frustration & need discovery
METHOD · 03

Heuristic Evaluation

Evaluated existing competitor portals against Nielsen's 10 usability heuristics to identify systemic UX issues.

  • Nielsen's 10 heuristics framework
  • Visibility of system status
  • Error prevention & recovery
  • Consistency & standards
  • Flexibility & efficiency
05

Design Principles

Guiding the Design Decisions

Every decision in this project was anchored to a core set of design principles that balanced business goals with genuine user needs.

The goal was to create one interface that adapts intelligently to different user types — rather than three separate products.

🧩

Unified Experience

One interface, multiple user types. Progressive disclosure surfaces relevant features based on user role.

📱

Mobile-First

Designed for smallest screen, scaled up. Thumb-friendly targets and gesture-based interactions.

👁

Progressive Disclosure

Show information only when needed. Reduce cognitive load by revealing complexity gradually.

🎨

Visual Hierarchy

Orange CTAs guide attention. Black text on white space ensures readability. Color carries meaning.

♿

Accessibility

WCAG 2.1 AA compliance. Designed for tech proficiency ranging from low to high across user groups.

06

User Flows

Three core flows mapped and validated — covering patient booking, partner onboarding, and clinic profile management. Each node maps directly to a designed screen.

Flow 01 · Patient Journey

Doctor Booking Flow

End-to-end patient journey from app open to booking confirmation — with specialty/location filters, doctor profile review, payment, and calendar reminder.

Open App Search & Filter Doctor Profile Select Slot Review & Pay Confirmation
START
Context
Patient opens FITZDO app
Screen
Home Screen
Action → Next
Select “Book Doctor” → Search / Browse
Filter
Filter by: Specialty / Location / Availability
Screen
Doctor List View
  • Doctor cards with ratings, experience, availability
  • Sort by: Distance, Rating, Price, Earliest
Action → Screen
Select Doctor → Doctor Profile Screen
  • Full bio, qualifications, reviews
  • Available time slots (calendar view)
  • Clinic location & services
Action
Select Time Slot
Screen
Patient Details Form
  • Auto-fill from profile
  • Add symptoms/notes (optional)
Screen
Review Booking Summary
Action
Confirm & Pay (if applicable)
Screen
Booking Confirmation
  • Booking ID
  • Doctor details
  • Date/Time
  • Location/Video call link
Reminder
Add to Calendar / Set Reminder
Outcome
Confirmation SMS/Email sent
END
START SCREEN Home Screen ACTION Select "Book Doctor" SCREEN Search / Browse Filter Options Specialty Location Availability Specialty Location Availability SCREEN Doctor List View Ratings · Experience · Avail. Sort By? Distance · Rating Price · Earliest ACTION Select Doctor SCREEN Doctor Profile Bio · Reviews · Slots · Map ACTION Select Time Slot SCREEN Patient Details Auto-fill · Symptoms (opt.) SCREEN Review Booking Summary Payment Required? Yes Confirm & Pay No Confirm Booking SCREEN Booking Confirmation ID · Doctor · Date · Link Add to Calendar? Yes Add Cal + Reminder Send SMS / Email END ✓ Booking Complete LEGEND Screen / State Decision Point Yes / Optional path
Flow 02 · Partner Journey

Partner Onboarding Flow

Branched registration supporting Hospital, Clinic, and Individual Doctor paths — with OTP, document upload, FITZDO admin verification, and dashboard access on approval.

Invite Link Partner Type Basic Info OTP Verify Professional Docs Upload Admin Review Go Live
START
Context
Partner receives invitation link
Screen
Welcome Screen
  • FITZDO brand introduction
  • Benefits overview
  • Partner type selection
Selection
Select: Hospital / Clinic / Individual Doctor
Form
Registration Form — Step 1: Basic Info
  • Organization name
  • Registration number
  • Contact person details
  • Email & Phone verification
Verification
OTP Verification
Form
Registration Form — Step 2: Professional Details
  • Specializations offered
  • Number of doctors (if hospital/clinic)
  • Operating hours
  • Services provided
Form
Registration Form — Step 3: Location & Documents
  • Complete address with map integration
  • Upload: License, Registration certificate
  • Upload clinic/hospital photos
Form
Registration Form — Step 4: Add Doctors (Skip for individual)
  • Add doctor details
  • Upload doctor qualifications
  • Set availability schedules
Submit
Review & Submit
Screen
Pending Verification Screen
  • Application submitted message
  • Estimated verification time (24–48 hrs)
  • Access to draft profile
Back office
Verification by FITZDO Admin
Notification
Approval Notification (Email/SMS)
Screen
Dashboard Access Granted
  • Welcome tour (optional)
  • Quick setup guide
  • First booking incentive displayed
Outcome
Partner can start receiving bookings
END
START SCREEN Welcome Screen Select Partner Type Hospital Clinic Individual STEP 1 · BASIC INFO Org · Reg No · Contact · Phone OTP Verify? ✓ STEP 2 · PROFESSIONAL Specializations · Hours · Services STEP 3 · LOCATION + DOCS Address · License · Photos STEP 4 · ADD DOCTORS Details · Qualifications · Schedule Review & Submit Steps 1-2-3 + Step 4 Same as Clinic flow Steps 1-2-3 only Skip Step 4 SCREEN Pending Verification FITZDO Admin Review Outcome ? Approved Approval Notification Dashboard Access + Welcome Tour END ✓ Rejected Rejection Notice with reasons ↩ Resubmit ⏱ Est. 24–48 hrs Draft profile accessible
Flow 03 · Partner Management

Clinic Profile Update Flow

Profile management with completeness score, 6-section branching, inline validation, and real-time patient app sync on every successful save.

Dashboard Profile Overview Select Section Inline Edit Validate Save & Sync
START
Context
Partner logs into dashboard
Screen
Partner Dashboard
Navigation
Select “My Profile” / “Edit Clinic”
Screen
Profile Overview Screen
  • Current profile preview
  • Completeness score (e.g., 85%)
  • Quick edit sections: Basic Information, Services & Specializations, Doctor Management, Operating Hours, Gallery, Documents
Selection
Select section to update (e.g., Operating Hours)
Screen
Edit Section Screen
  • Current values pre-filled
  • Inline editing
  • Real-time preview
Edits
Make changes
  • Day-wise timings
  • Break hours
  • Holiday calendar
Decision
Save Changes / Discard
If Save
Validation check → Success message
Return
Return to Profile Overview
  • See updated completeness score
  • Changes reflected immediately on patient app
END

Alternative paths

  • Add new doctor → Doctor onboarding sub-flow
  • Update photos → Gallery management
  • Change contact → Verification required
START SCREEN Partner Dashboard ACTION Select "My Profile" SCREEN Profile Overview Completeness 85% · Quick edit sections Select Section Basic Info Hours Doctors Gallery Documents Documents Basic Info Edit inline Operating Hours Day-wise · Breaks · Holidays Doctor Mgmt Add / Edit / Schedule Gallery Upload photos SCREEN Edit Section Screen Prefilled · Inline edit · Live preview Save or Discard? Discard No Changes Save Vali- dation Valid ✓ ✓ Success Changes saved Updated Score 85% → 92% completeness Live on Patient App ⚡ Changes reflected immediately END ✓ Invalid Show Error ↺ Re-edit
07

Low-Fidelity Wireframes

Wireframes validated through paper prototype testing before moving to high-fidelity. Web screens cover the partner portal; mobile screens cover patient booking and clinic profile management.

Web · Partner Portal Wireframes
FITZDO Dashboard Appointments Patients Departments Doctors & Staff Clinic Profile Settings Search Patient, doctors, or report New Appt Hospital Overview Welcome back. Here's what's happening today, Today's Appointments 48 12% from yesterday Active Doctors 12 On duty currently Pending Reports 05 Needs attention Recent Appointments View All Patient Time Doctor Dept Status Jane Doe 10:30 AM Dr. Sarah Connor Cardiology Confirmed Michael Smith 11:15 AM Dr. Alan Grant Neurology Pending Bruce Wayne 11:45 AM Dr. Ellen Repply Emergency Confirmed Peter Parker 12:30 PM Dr. Alan Grant Neurology Cancelled Carry 01:00 PM Dr. Sarah Connor Cardiology Pending Thomas Pillai 04:30 PM Dr. Ellen Repply Emergency Pending Weekly Activity This week ↓ 16 12 34 26 22 26 4 Mon Tue Wed Thu Fri Sat Sun Peak Visits Wednesday Avg. Patients/Day 34 75% Staff Utilization Based on current shift rosters Weekly Summary Patient traffic up 15% vs last week Report
Web · Dashboard

Hospital Overview

3 stat cards · Recent appointments table · Weekly bar chart · Staff utilization donut · Weekly summary CTA

WEB · WIREFRAME
FITZDO Appointments Dashboard Patients Departments Doctors & Staff Search... New Appt Total Appointments 1284 12% from yesterday Upcoming Today 42 Next: #8234 · 10:30AM Pending Confirmation 18 Review Pending list Patient Satisfaction 96% Based on 240 reviews Search Patient... DATE: Select... STATUS: Select... PATIENT DETAILS DOCTOR / DEPT DATE & TIME STATUS ACTIONS Sarah Jenkins · ID: #2931 Dr. Robert Fox · Cardiology Oct 24 · 10:30 AM UPCOMING Marcus Thorne · ID: #3102 Dr. Robert Fox · Orthopedics Oct 24 · 11:30 AM CONFIRMED Marcus Thorne · ID: #3102 Dr. Robert Fox · Orthopedics Oct 24 · 11:30 AM CANCELLED Marcus Thorne · ID: #3102 Dr. Robert Fox · Orthopedics Oct 24 · 11:30 AM UPCOMING Showing 1 to 04 of 1,284 results ‹ 1 2 ... 129 ›
Web · Appointments

Appointment Management

4 stat cards · Search + filter bar · Table with status badges · Pagination

WEB · WIREFRAME
FITZDO Dashboard Appointments Lab Results Billing Settings S Eleanor Thompson PATIENT ID: # 29834 42 Years · Female · B+ Positive · +1(555) 0123-456 New Record Export BLOOD PRESSURE 120/80 mmhg HEART RATE 72 bpm WEIGHT 64.5 kg BLOOD SUGAR 105 mg/dl Active Prescription View All MEDICATION DOSAGE DURATION STATUS Metformin 500mg 1 tablet twice daily Ongoing Active Lisinopril 10mg 1 tablet daily Ongoing Ending Soon Amoxicillin 250mg 1 tablet thrice daily 7 days Active Medical History Add Entry OCT 12, 2023 Type 2 Diabetes Diagnosis Confirmed via HbA1c. Metformin initialized. Dr. Robert Chen Chronic OCT 12, 2023 Routine Physical Examination General checkup. All vitals normal. JAN 14, 2022 Appendectomy Laparoscopic procedure. Recovered without complications. Surgery Completed Appointments DEC 15 Diabetic Consult. 10:30 AM · Room 402 Dr. Robert Chen Schedule Follow-up Lab Reports ABNORMAL Complete Blood Count Nov 20, 2023 NORMAL Chest X-Ray Dec 01, 2023 ABNORMAL Liver Function Test Oct 10, 2023
Web · Patient Record

Patient Profile

Vitals bar · Active prescriptions · Medical history timeline · Appointments · Lab reports

WEB · WIREFRAME
Mobile · Patient & Partner Wireframes
9:41 Book Appointment Search speciality or doctor name S Dr. Sarah Smith Senior Cardiologist City Health Medical Center 4.9 Select Date August 2024 MON 12 TUE 13 WED 14 THU 15 FRI 16 SAT 17 SUN 18 Select Time Available: 8 slots 09:00 AM 10:30 AM 11:00 AM 01:30 PM 02:00 PM 03:30 PM 04:00 PM 05:30 PM APPOINTMENT FEE $85.00 Book Appointment → By booking you agree to FITZDO Terms
Mobile · Patient

Doctor Booking Screen

Search · Doctor card · Date picker · Time grid · Fee card · CTA

MOBILE · WIREFRAME
9:41 Edit Clinic Profile S CLINIC INFORMATION CLINIC NAME City Care Hospital & Wellness REGISTRATION ID REG-99021-XF CONTACT EMAIL admin@citycare.com ADDRESS 124 Healthcare Ave, Medical District, Sector 4, New Delhi - 110012 SERVICES OFFERED Add Service General Medicine Pediatrics Radiology Cardiology BUSINESS HOURS Add Business Hours Monday 09:00 - 08:00 Tuesday 09:00 - 08:00 Sunday Closed for maintenance STAFF MANAGEMENT Add Staff S Dr. Sarah Jenkins Senior Pediatrician × M Dr. Michael Chen Cardiology Specialist × Save All Changes
Mobile · Partner

Edit Clinic Profile

Info fields · Service chips · Business hour toggles · Staff list · Save CTA

MOBILE · WIREFRAME
08

High-Fidelity Screens

Final UI screens applying the FITZDO brand — orange CTAs, clean white surfaces, and clear hierarchy across web dashboard and mobile patient/partner interfaces.

Web · Dashboard & Appointments
Dashboard
Web · Dashboard

Hospital Overview

Stat cards · Recent appointments · Weekly activity chart · Staff utilization

WEB · PARTNER
Appointments
Web · Appointments

Appointment Management

Stats · Filterable table · Status badges · Pagination · Action buttons

WEB · PARTNER
Web · Patient Record & Mobile Screens
Patient Record
Web · Patient Record

Patient Profile

Vitals · Active prescriptions · Medical history timeline · Lab reports

WEB · DOCTOR
Book Appointment
Mobile · Patient

Book Appointment

Doctor card · Date picker · Time slots · Fee · Orange CTA

MOBILE · PATIENT
Clinic Profile
Mobile · Partner

Edit Clinic Profile

Floating labels · Service chips · Hour toggles · Staff management

MOBILE · PARTNER
09

Design System

Color Palette

Orange carries all actionable weight. Black grounds the hierarchy. White creates breathing room and trust.

Typography

DISPLAY · SYNE 800
Aa
HEADING · SYNE 700
Dashboard
BODY · DM SANS 300
Patient appointment at 3:00 PM
LABEL · DM MONO 400
BOOKING · CONFIRMED

Components

VERIFIED ✓
09

Success Metrics

Business
40%
Partner onboarding rate increase targeted
Retention
30%
Reduction in partner churn rate
Mobile
80%
Doctors using mobile app target
Satisfaction
50+
Net Promoter Score (NPS) target
Task Success Rate
>95% TARGET
System Usability Scale (SUS)
>80 / 100
Form Error Rate
<5% TARGET
Booking Completion Rate
>90% COMPLETION
Profile Update Time
<2 min TASK TIME
CSAT Score
4.5/ 5.0 TARGET
10

Next Steps

Phase · Now

Immediate Actions

  • Develop high-fidelity mockups from validated wireframes
  • Create interactive prototype for stakeholder presentation
  • Conduct A/B testing on onboarding flow variations
  • Prepare design handoff documentation for developers
Phase · Next

Phase 2 Enhancements

  • Dark mode implementation
  • Voice search for doctor booking
  • AI-powered appointment scheduling assistant
  • Integrated video consultation interface
  • Advanced analytics with custom reports
Phase · Future

Long-Term Vision

  • WhatsApp integration for appointment reminders
  • Multi-language support (Hindi, Tamil, Telugu)
  • Wearable device integration for patient data
  • Predictive analytics for no-show prevention
  • Partner marketplace for medical supplies