Healthcare product design / Nursing quality

Nursing quality, digitized.

SMVMCH moved 13 nursing quality worksheets into one web dashboard for bedside entry, review, and hospital-level quality reporting.

Client
SMVMCH
Role
UX research / UI design / Design system
Platform
Web dashboard
Scope
13 clinical modules
app.smvmch.in/nursing/initial-assessment
SMVMCH
CategoryHealthcare
ClientSMVMCH
EngagementUI/UX design
Delivered13 modules

Overview

A repeatable dashboard workflow for every ward.

Operational gap

Quality indicators were trapped in paper worksheets.

Nurses tracked patient safety indicators across 13 separate worksheets, repeating the same patient details each time. Quality teams then had to collate handwritten records from every ward before anything could become a hospital-level report.

Product logic

One interaction pattern had to support thirteen modules.

Rather than designing 13 disconnected forms, we gave every module the same structure: indicator navigation, a status-led list view, and a focused form. Patient context auto-fills from a Hospital or IP number lookup so nurses do not retype it on every screen.

Design response

A system nurses learn once and reuse across wards.

The dashboard turns list, add, submit, and review into a repeatable workflow. A nurse who completes Incidence of Fall already understands Bedsore Worksheet, Near Misses, Medication Error, and the rest of the quality modules.

04 — Colour

A palette built for clinical clarity.

PrimaryClinical Indigo#4F5BE0
Active stateWard Navy#1E2749
Accent / SaveApprove Green#82B24A
Surface / FieldsMist Lavender#EEF1FB
TextChart Slate#33415C

05 — Type

Type that stays legible under ward lighting.

  • Care PlanRounded Geometric SansHeadings / Module titles
  • Hospital NumberNeutral SansBody / Labels / Data

06 — In context

Core dashboard screens, shown as working UI.

app.smvmch.in/nursing/initial-assessment
Initial Assessment list view with status chips
Initial Assessment - list view with Submitted and Draft status chips
app.smvmch.in/nursing/initial-assessment/new
Initial Assessment form pre-filled with patient context
Initial Assessment - patient context auto-filled from one lookup
app.smvmch.in/nursing/medication-error
Medication Error Reporting Form with repeatable drug table
Medication Error Reporting - repeatable drug table
app.smvmch.in/nursing/incidence-of-fall
Incidence of Fall form, a simpler single-column module
Incidence of Fall - a simpler single-column module
app.smvmch.in/nursing/bedsore-worksheet
Bedsore Worksheet list view
Bedsore Worksheet - the same list pattern, reused
app.smvmch.in/nursing/adverse-drug-reaction
Adverse Drug Reaction form with multi-section clinical data
Adverse Drug Reaction - medicine table plus reaction and outcome tracking

“One workflow nurses learn once and reuse across every ward - that is the whole product.”

— Nursing quality coordinator, SMVMCH

07 — Outcomes

What changed after launch.

13
Clinical modules unifiedfrom fragmented paper worksheets into one workflow.
1
Shared interaction patternlist, add, submit, and review, learned once and reused everywhere.
0
Retyped patient fieldscontext auto-fills from a single Hospital/IP lookup.
Tagged
  • UI/UX
  • Healthcare
  • Design System
  • Dashboard
Next case studyMy Medical Shop - Pharmacy App UI/UX