Medical Units · Multi-hospital
Standalone systems — Each hospital ran its own standalone records, so the institution had no central view of units, staff or activity across the province.
HMIS — Hospital Management Platform
Exarth built the Hospital Management Information System for the Government of Khyber Pakhtunkhwa — one secure platform connecting multiple hospitals and every role: super admins, medical-unit admins, doctors, pharmacists, lab technicians, receptionists and linked external pharmacies.
- Multi-hospital, multi-role access
- e-Prescriptions & pharmacy
- Lab tests & results
- Linked external pharmacies
- HealthTech
- UI/UX + Dev
- RBAC
AdminPharmacyLabRx
hmis.kpessi.gov.pk
Built for the Government of Khyber Pakhtunkhwa — Employees Social Security Institution (ESSI).
30Medical units
73Doctors
25.8KPrescriptions
7User roles
Overview/ 01
One platform for every hospital & role
HMIS is a unified Hospital Management Information System for the KPK ESSI — connecting multiple medical units and every role into one secure platform: super admins, unit admins, doctors, pharmacists, lab technicians, receptionists and linked external pharmacies.
Exarth designed and built the platform end to end — from information architecture and a role-based design system to a performant web application that runs prescriptions, pharmacy, lab and distribution across many hospitals at once.
- Multi-unit super-admin control
- Role-based doctor, pharmacist & lab
- e-Prescriptions & distribution
- Linked external pharmacies
- Role
- UI/UX + Development
- Sector
- GovTech · HealthTech
- Timeline
- 9 months
- Platform
- Web App
- Roles
- 7 user types
- Year
- 2025
Scope & deliverables
Discovery & Strategy
System architecture, role matrix and workflows across every hospital module.
UX / UI Design
A role-based design system tuned for doctors, pharmacists and lab staff.
Frontend Engineering
A fast, responsive portal with real-time dashboards and dense clinical tables.
Backend & Integrations
Secure APIs, role-based access, pharmacy, lab and linked-pharmacy flows.
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
Roles & Users · 7 user types
Shared logins — Staff shared generic logins with no separation of duties, leaving clinical and pharmacy data exposed and impossible to audit.
Prescriptions · e-Prescribing
Paper scripts — Prescriptions were handwritten and lost between doctor, pharmacy and patient, with no tracking, history or order trail.
Pharmacy · Inventory
Manual stock — Medicine stock was counted by hand per hospital, so expiries, low stock and shortages went unnoticed until it was too late.
No core
No shared platform
Fragmented systems
0Central controlPaperPrescriptions
Lab Tests · Diagnostics
Detached labs — Lab orders and results lived in separate registers, so clinicians chased paper reports and patients waited for results.
Distribution · Medicine flow
Untracked — Medicine moving between the main inventory and units was untracked, causing losses, disputes and no accountability.
Linked Pharmacies · External
Off-system — External pharmacies operated entirely off-system, so referrals and dispensing outside the hospital were invisible to ESSI.
Reports · Analytics
No insight — With data scattered across hospitals there was no way to report on activity, stock or performance institution-wide.
Measurable impact on the live platform
30Medical units
73Doctors
25.8KPrescriptions
7User roles
Key features
Every hospital role, in one platform
From the super admin overseeing every hospital to the pharmacist filling a prescription — each role gets a focused workspace inside the same secure system.
01/05 features
Auto-playing — hover to pause
hmis.kpessi.gov.pk/multi-unit-super-admin Live
Feature 01Multi-Unit Super AdminA super admin oversees all hospitals — users, medicines, lab items and orders across every unit in real time.
Engineering
Technology & Development
Engineered to run many hospitals on one platform — prescriptions, pharmacy, lab, distribution and linked pharmacies, all role-based and secure.
System architecture
Roles → secure portal → services → hospital data
UI
Client LayerRole-based portals · super admin, unit admin, doctor, pharmacist & lab
SSR · responsiveAPI
Service LayerMulti-tenant APIs across units, prescriptions, pharmacy & lab
REST · 8 modulesINT
Integration Layere-Prescriptions · lab results · linked pharmacies · reporting
e-Rx · LabSEC
Data & SecurityEncrypted records · role-based access · full audit logging
RBAC · auditHow we built it
6-phase delivery
- 01
Discovery & Architecture
Phase 1Mapped every hospital role and workflow into one multi-tenant system blueprint.
- 02
UX / UI Design
Phase 2Built a role-based design system for doctors, pharmacists, lab staff and admins.
- 03
Frontend Engineering
Phase 3Developed fast, responsive role portals with real-time dashboards and dense tables.
- 04
Backend & Integrations
Phase 4Engineered multi-tenant services, e-prescribing, lab, distribution and RBAC APIs.
- 05
QA & Security
Phase 5Hardened access control and audit logging, then tested across every role and unit.
- 06
Launch & Iterate
LiveRolled out across hospitals with monitoring, then iterated on real clinical feedback.
Technology stack
16 technologiesFrontend4
- Reactv18
- Next.jsApp Router
- TypeScriptv5
- Tailwindv4
Backend4
- Node.jsv20
- REST APIs
- Multi-tenantUnits
- RBAC7 roles
Data & Cloud4
- PostgreSQL
- RedisCache
- Cloud Hosting
- Docker
Integrations4
- e-PrescribeOrders
- LabResults
- Linked Pharmacy
- ReportsPDF/Excel
Product Screens
Every role, one platform
Glide through the live HMIS platform — from the super-admin console to pharmacy, lab, prescriptions and linked pharmacies.
Drag to explore01 / 24
Philosophy
Design Approach
A user-centered design philosophy focused on clarity, accessibility and safe clinical workflows for doctors, pharmacists, lab staff and administrators.
ClarityAccessibilityTrustResponsive
- Design pillars
- 04
- Accessibility
- AA
- Secure access
- RBAC
- Audience
- Clinical & admin staff
- Platform
- Responsive web app
- Design system
- 30+ shared tokens
- Accessibility
- WCAG AA
Every screen is shaped around real clinical workflows — clarity first, trust at every step, and role-based safety built into each interaction.
- Pillar 01
Responsive Web Design
100%Responsive screensFluid layouts and dense clinical tables that stay legible from ward laptops to large displays.
Crisp from compact laptops to wide monitors.
- Pillar 02
Role-Based Clarity
7Role workspacesEach of the seven roles sees a focused workspace with only the actions they need.
Every role reaches its task without clutter.
- Pillar 03
Accessible Typography
AAWCAG contrastAccessibility-friendly typography with strong contrast for dense medical data.
Legible for every user, in any light.
- Pillar 04
Security-First Design
RBACAccess controlRole-based interaction patterns that protect patient and clinical data at every step.
Sensitive data protected at every touchpoint.
Tokens
Design System
A cohesive visual language that keeps every clinical screen consistent, accessible and trustworthy.
5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints
Color palette5
Typography6
Heading
Space Grotesk 800 · 32px
Subheading
Inter 500 · 20px
Body text for product listings, collections, and guides.
Inter 400 · 16px
Caption labels
Inter 400 · 14px
Small helper text
Inter 400 · 12px
Bold heading
Space Grotesk 700 · 18px
Components4
Add to cart Wishlist
Organic In stockHeirloom
⏎
DefaultHoverActiveOff
Spacing scale5
XS4px
SM8px
MD16px
LG24px
XL32px
More work
Explore more projects
More of what our team designs and ships — from government platforms to healthcare SaaS and AI products.
