All projects
Healthcare NGO Offline-First SaaS Localisation

Saarthi

India's first grassroots hemophilia care assistant — a lightweight platform helping NGO workers track, coordinate, and respond to hemophilia care needs in low-tech areas.

Role Product Designer
Timeline Sep 2022 – Mar 2023
Team 1 PM · 4 Devs · 1 Designer (me)
Scope Research → IA → UX → UI → Prototyping → Testing
Saarthi SaaS Care Platform — designed for clarity, speed, and trust

Outcomes

84% faster emergency coordination · 60s infusion logging · 3 states deployed

84% faster emergency coordination (20+ min → <180 seconds)
60s infusion logging (previously 5–7 minutes on paper)
more accurate patient data due to consolidated histories
150+ rural hemophilia camps supported across 3 states
01
Overview

Starting with a thank you

I appreciate you taking the time to review this case study. I chose this example because it demonstrates my ability to work fast on a high-visibility project, navigate collaborations and negotiations with multiple team members and stakeholders, and work within confines of technical limitations.

Headquarters

HFI, Delhi, India

Founded

1983

Industry

NGO

Company Size

1,000+

Skills

UX Research · Systems Thinking · Prototyping · IA · Usability Testing · Localisation

Environment

Low-Tech · Offline-First · Multilingual

The Gap

Hemophilia care in rural India is a high-stakes, low-infrastructure reality. Information lives across WhatsApp chats, paper diaries, phone trees, or memory. Emergencies often require 20+ minutes of manual coordination. There was no lightweight, offline-friendly digital tool that matched the real workflows of NGO field volunteers.

This gap — between complex hospital systems and the everyday tools of grassroots workers — became the starting point for Saarthi.

Solution

A SaaS, offline-first care assistant built for NGO workers managing hemophilia in remote regions.

02
Challenge

Initial observations and prototypes

My first week began with field visits. I shadowed 12 NGO volunteers across 5 hemophilia camps in Rajasthan and Delhi.

What I Saw

  • Records scattered across paper, WhatsApp, and memory
  • No standardized workflow
  • Volunteers improvising with voice notes, sticky notes, phone calls
  • Major reliance on personal judgment rather than system support
  • Emergency response was slow and chaotic
The gap was obvious: Existing health systems were built for hospitals — not for grassroots India.
Early field observations and paper-based volunteer workflows

Field observations — paper workflows

Becoming My Users

I didn't know much about hemophilia when I joined. So I learned — deeply. I assisted volunteers in logging an infusion manually. It took 5+ minutes, multiple fields, and a lot of friction. Seeing the anxiety around "missing something important" completely reframed the problem for me.

I didn't want to design for volunteers. I wanted to design with them.

Pain points identified through volunteer shadowing sessions

Pain points identified through field shadowing

"If the patient bleeds, I just start making calls… whoever picks up first decides the plan."

— NGO Volunteer, field shadowing session

This wasn't a system. This was improvisation. That moment became our design anchor.

03
Discover

Research Methods

01
Field Shadowing
12 NGO volunteers across 5 camps. Contextual inquiry in real environments with real patients.
02
Diary Studies
Volunteers logged daily workflows for 2 weeks, revealing patterns invisible in interviews.
03
Journey Mapping
End-to-end maps for patient care, emergency response, and routine check-ins. IA audits of existing workflows.
04
Competitor Analysis
Audited hospital systems and NGO digital tools. All shared one flaw: not designed for low-connectivity or low-literacy.

What Emerged

A system wasn't needed. A guide was. Something that could support volunteers in real time.

Market & Context Research

01
Hospital Systems
Too complex. Internet dependent. Built for clinical staff, not field volunteers.
02
NGO Workflows
Paper-based, verbal, unpredictable. No digital layer that matched real routines.
03
Connectivity
Unreliable, 3G at best. Design had to bend to the ground reality, not the other way around.
Competitive analysis of existing hemophilia care tools and hospital systems

Existing hemophilia care tool analysis

04
Define

How might we…

This phase produced problem statements, persona variants (Volunteer, Supervisor, Patient Family), a new IA prioritizing primary over secondary information, and a simpler, more visual layout.

Solution Exploration

What if we created a mobile assistant that worked offline and in local languages — with clear, tappable cards and one-tap emergency actions?

Early wireframes exploring icon-label navigation patterns

Early wireframes — icon + label navigation

Information architecture prioritizing primary over secondary data

IA exploration — primary vs. secondary

05
Develop

Usability testing & iteration

We tested clickable prototypes in Hindi and Tamil with 150+ NGO workers (literacy range: class 6 to graduate-level).

Insight
Before
What We Changed
Button positions confusing
Users missed primary CTAs
Fixed
Re-aligned based on RTL reading patterns
"Donate" felt ambiguous
Users hesitated on the action
Fixed
Replaced with Blue 500 + clearer label
Multi-step forms intimidating
Drop-off on long forms
Fixed
Combined fields into tappable cards

Key UX Decisions

Infusion Tracking — from 5 min to <60 sec

Before: Volunteers filled long paper forms, then called supervisors to update records.
After: Tap "Log Infusion" → Select preloaded factor → Auto-filled timestamp & ID.

Emergency Flow — one tap, real impact

Before: Phone trees, form filling, panic.
After: Tap "Alert" → GPS locates patient → Notifies ambulance + auto-generated report sent via SMS. Result: 84% faster incident response.

Key UX decisions — infusion tracking and emergency flow redesign

Key UX decisions — before and after

Patient Summary

We designed the profile to be color-coded by severity (mild/moderate/severe), with tappable summary tiles for infusion frequency, last visit, and aid status. Minimal text + icon-based cues throughout.

Patient summary screens — color-coded severity, tappable tiles

Patient summary — MVP screens

Core Modules

After a design jam and journey mapping session, I distilled the tool into 6 field-friendly modules:

01
Patient Profiles
Demographics, diagnosis, severity tag, assigned center.
02
Infusion Log
Quick tap to log dose, factor batch, time, admin method.
03
Emergency Assist
One-tap alert with GPS + auto-notify coordinator.
04
Aid & Insurance
Pre-filled PM-JAY forms, Aadhar uploads, real-time status.
05
Volunteer Log
Route planner, visit checklists, visit time tracking.
06
Reports
Auto-generated PDFs of treatment status and vial inventory.
Six core modules overview — patient profiles through reports

Core modules overview

06
Deliver

Patient Profile — multilingual + role-aware

A clean, comprehensive "at-a-glance" patient overview. The landing screen prioritizes emergency information so volunteers who often share phones, forget passwords, or rush to help during a bleed can access critical data without authentication barriers.

Patient profile — clean hierarchy with editable cards

Patient profile — clean hierarchy with editable cards

Downloadable Patient History

A one-tap, auto-generated medical summary designed for rural connectivity and cross-center coordination. This feature automatically transforms raw patient data into clear clinical insights using simple charts volunteers and doctors can understand immediately.

Downloadable patient profile — auto-generated medical summary

Downloadable patient profile

Patient–hospital tracking with doctor availability

Patient–hospital tracking

Walkthrough Frames

Saarthi walkthrough — patient profile flow

Patient profile flow

Saarthi walkthrough — emergency assist flow

Emergency assist flow

Saarthi walkthrough — infusion logging flow

Infusion logging flow

Saarthi walkthrough — reports and dashboard

Reports & dashboard

MVP Dashboard

We kept the interface extremely simple: color-coded tiles based on severity, easy tap-to-log infusions, GPS-enabled Emergency Assist, and clear categories for Aid, Insurance, Visits, and Reports.

Final MVP dashboard — color-coded tiles and one-tap emergency

Final design — MVP dashboard

"Saarthi isn't just a system — it's a reliable partner in the journey of hemophilia care, bringing confidence and coordination to the people who need it most."

— Pawan, CEO, Hemophilia Federation India
07
Reflection

Designing for constraint is liberating

01
Constraints Create Clarity
What seemed like limitations (low-end phones, no WiFi) helped us strip things to the essential — and users loved the simplicity.
02
Localisation Isn't Translation
Icons, field names, even button positions mattered. We tested designs in Hindi and Tamil, which brought huge usability insights.
03
Advocating for Design
Working with an operations-led team meant pushing for design-led decisions. Sharing usability test recordings helped win buy-in.

Conclusion

Saarthi taught me that design in high-stakes contexts demands a different kind of rigor — not more features, but ruthless clarity.

Saarthi has been deployed across 3 states, supporting 150+ rural hemophilia camps and thousands of volunteer–patient interactions. The 100K users on the platform never see the design decisions. They just experience a product that always feels coherent. That invisibility is the whole point.

Glad we could cross paths.
Out of anywhere you could be, you're here.

Next project

TheConfidento
All projects