Skip to case study
All portfolio workApp concept · Chronic-care coordinationOpen experience
Independent concept projectChronic-care coordinationReference measured · review required

Carepath

A low-cognitive-load care simulation connecting daily tasks, health logs, medication, appointments, clinicians, secure messages, and documents.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Chronic-care coordination
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A low-cognitive-load care simulation connecting daily tasks, health logs, medication, appointments, clinicians, secure messages, and documents. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Patient tasks, metrics, medication, and care-team access

    The route architecture is organised around patient tasks, metrics, medication, and care-team access, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Warm clinical white, teal, and plum with accessible data, explicit states, gentle progress, and low-motion navigation.

  3. 03

    Original asset plan

    Original care illustrations, fictional and non-diagnostic health fixtures, licensed clinician-neutral photography, and CSS trend charts.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Calm reference study

Reference record

The Calm links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A09 · ios
Studied
2026-08-13
Entry family
calm-care-setup
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original care illustrations, fictional and non-diagnostic health fixtures, licensed clinician-neutral photography, and CSS trend charts. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Calm primary screen

    atmospheric full-bleed hero and artwork-led horizontal media rails

    • Atmospheric media fills the header behind the product mark
    • Feature media uses 16–20 px radii with 16 px gutters
  • Calm alternate state

    continuous audio contracts into a mini-player; feature rails snap and expand into detail

    • The visible hierarchy is approximately 30/22/16/13 px
    • A glass mini-player and translucent five-item tab bar layer over the blue ground

Explore Carepath from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Carepath