HMIS Hospital Management Platform

Multi-hospital platform for KPK ESSI connecting every role across prescriptions, pharmacy and lab.

hmis.labourmisessirfid.kp.gov.pkLive
HMIS platform screens, admin, pharmacy, lab and prescriptions
HealthTechUI/UX + Dev
30Medical units
73Doctors
25.8KPrescriptions
7User roles

Overview/ 01

One platform for every hospital & role

One secure platform for super admins, doctors, pharmacists, lab staff and linked pharmacies.

  • Multi-unit super-admin control
  • Role-based doctor, pharmacist & lab
Role
UI/UX + Development
Sector
GovTech · HealthTech
Timeline
9 months
Platform
Web App
HMIS super-admin dashboard

Scope & deliverables

  • Discovery & Strategy
  • UX / UI Design
  • Frontend Engineering
  • Backend & Integrations

Challenge & solution

Disconnected hospitals, or one connected system

Each hospital ran its own disconnected system with shared logins, no central control, no role separation and no visibility across units.

  • Standalone hospitals
  • Shared logins
  • Paper prescriptions
0Central control
PaperPrescriptions
30Medical units
73Doctors
25.8KPrescriptions
7User roles
Key features

Every hospital role, in one platform

Focused workspaces for every hospital role inside the same secure system.

01/05 features

Tap a product

hmis.labourmisessirfid.kp.gov.pk
Multi-Unit Super Admin

Multi-Unit Super Admin

A super admin oversees all hospitals, users, medicines, lab items and orders across every unit in real time.

Engineering

Technology & Development

Multi-hospital platform with prescriptions, pharmacy, lab and role-based access.

  • Client LayerUIRole-based portals · super admin, unit admin, doctor, pharmacist & lab01
  • Service LayerAPIMulti-tenant APIs across units, prescriptions, pharmacy & lab02
  • Integration LayerINTe-Prescriptions · lab results · linked pharmacies · reporting03
  • Data & SecuritySECEncrypted records · role-based access · full audit logging04
  1. 01Discovery & ArchitectureMapped every hospital role and workflow into one multi-tenant system blueprint.Phase 1
  2. 02UX / UI DesignBuilt a role-based design system for doctors, pharmacists, lab staff and admins.Phase 2
  3. 03Frontend EngineeringDeveloped fast, responsive role portals with real-time dashboards and dense tables.Phase 3
  4. 04Backend & IntegrationsEngineered multi-tenant services, e-prescribing, lab, distribution and RBAC APIs.Phase 4
  5. 05QA & SecurityHardened access control and audit logging, then tested across every role and unit.Phase 5
  6. 06Launch & IterateRolled out across hospitals with monitoring, then iterated on real clinical feedback.Live

Stack

  • React
  • Next.js
  • TypeScript
  • Node.js
  • REST APIs
  • Multi-tenant
  • PostgreSQL
  • Redis
  • Cloud Hosting
  • e-Prescribe
  • Lab
  • Linked Pharmacy

Product Screens

Every role, one platform

Browse super-admin console, pharmacy, lab, prescriptions and linked pharmacies.

01 / 24

Philosophy

Design Approach

Clear, accessible design for safe clinical workflows across every role.

ClarityAccessibilityTrustResponsive
Design pillars
04
Accessibility
AA
Secure access
RBAC
  • Responsive Web DesignFluid layouts and dense clinical tables that stay legible from ward laptops to large displays.100%
  • Role-Based ClarityEach of the seven roles sees a focused workspace with only the actions they need.7
  • Accessible TypographyAccessibility-friendly typography with strong contrast for dense medical data.AA
  • Security-First DesignRole-based interaction patterns that protect patient and clinical data at every step.RBAC

Tokens

Design System

One clinical visual language across every hospital screen.

5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints
  • Typography6 scale steps
  • Spacing5 tokens
  • Icons8 symbols
  • Breakpoints4 sizes

Type samples

HeadingSpace Grotesk 800 · 32px
SubheadingInter 500 · 20px
Body text for product listings, collections, and guides.Inter 400 · 16px