Connecting care, simplifying health

Multi-role hospital app: appointments, cases, IPD records and tasks for patients, doctors and nurses.

Build yoursMore work
Patient · Doctor · NurseAppointments
3Care roles
IPDBedside records
CasesActive & closed
FlutteriOS & Android

Overview

ZenHospiOS & Android

One hospital, three care roles

Sign into an organisation, pick Patient, Doctor or Nurse, and manage appointments, cases, IPD and tasks in one app.

  • Multi-role access
  • Appointments & cases
  • IPD bedside records
  1. 1Pick org & rolePatient, Doctor or Nurse.
  2. 2Manage the dayappointments, cases, tasks.
  3. 3Open the recordIPD, vitals & prescriptions.
  • Role-aware loginOrganisation and role selection so every user lands in the right clinical workspace.
  • AppointmentsUpcoming and past visits with status, specialty, fees and full appointment detail.
  • IPD recordsBedside records with vitals, assigned nurses, prescriptions and admission status.
Talk about a hospital app
Challenge & solution

From fragmented wards to one companion

3

Roles in one app

IPD

Records on the go

The challenge

The Challenge

  • Separate tools per role
  • No mobile IPD or case view
  • Appointments stuck on the desk

The solution

The Solution

  • Multi-role hospital companion
  • Appointments, cases & IPD on phone
  • Profile, language & org switching
  • Roles
  • Appointments
  • Cases / IPD
  • Tasks
Hospital companion · Key features

Everything for bedside & schedule

Org & role login, appointments, cases, IPD records, tasks and profile in one clinical flow.

01/06 features

Auto-playing · tap to jump

Organisation & Role

Organisation & Role

Sign into an organisation and choose a care role so the workspace matches what that person actually does on the ward or at home.

Technology

Built on a modern, clinical stack

Flutter clinical UI, hospital ERP APIs, role-based access and secure cloud delivery.

SpeedSecurityScalabilityMaintainability
  • Mobile2One Flutter codebase shipping to iOS & Android.
    • Flutter
    • Dart
  • Backend3Appointments, cases, IPD and profile over REST.
    • Django
    • REST APIs
    • PostgreSQL
  • Access & Data3Multi-tenant orgs with Patient, Doctor and Nurse roles.
    • RBAC
    • Multi-tenant
    • Secure auth
  • Cloud & DevOps3Cloud infra with CI/CD for hospital releases.
    • AWS
    • Docker
    • CI/CD
Hospital companion

Key Mobile Screens

Splash, login, roles, appointments, cases, IPD, patients, tasks and profile.

Splash
Splash
Sign In
Sign In
Language
Language
Organisation
Organisation
Choose Role
Choose Role
Appointments
Appointments
Appointment Detail
Appointment Detail
Cases
Cases
Case Detail
Case Detail
Patient Details
Patient Details
IPD Record
IPD Record
Task Detail
Task Detail
Consultations
Consultations
Profile & Settings
Profile & Settings
Edit Profile
Edit Profile
Sign Out
Sign Out

Philosophy

Design Approach

Calm clinical UI: readable charts, clear roles, soft cards that feel safe on the ward.

ClarityClinical calmRole-awareMobile-first
Design pillars
04
Accessibility
AA
Care roles
3
  • Mobile-First Clinical UITall headers, soft cards and bottom nav tuned for one-handed use on the ward or in a waiting room.100%
  • Role-Aware FlowsOrganisation and role selection so Patient, Doctor and Nurse each land in the right workspace.3
  • Scanable Clinical DataStatus chips, vitals cards and nested prescriptions that read in a glance.1-scan
  • Trust & CalmSoft blues, clear sign-out and profile controls that feel secure without looking harsh.RBAC

Tokens

Design System

One clinical blue language across login, charts and profile.

5Colors
6Type sizes
5Spacing
6Radii + shadows
4Easings
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

More work

Explore more projects

Hospital platforms, telemedicine apps and health marketplaces from our team.

View all projects