← back
03 / 03
PROJ_CDP

Cambridge Design Partnership

First Digital Designer · 0→1  ·  2021 – 23

Vitality Health dashboardTrends overviewSleep insights
VITALITY HEALTH APP

Making health data glanceable — a 0→1 mobile app framework for a medical-device consultancy, designed once and reusable across client products.

01 · Context

Cambridge Design Partnership engineers physical medical devices; digital was a growing arm with no designer. As their first digital designer, my brief was to build a flexible health-app framework from scratch — demonstrated through Vitality Health, an app connecting devices, daily health scores, trends and sleep insights.

02 · The Problem

Every client project was starting from zero: no shared patterns, no component base, no answer to "how do we show health data without alarming people?" Health metrics arrive as isolated numbers — steps, heart rate, sleep stages — that mean little on their own and can read as frightening without context.

03 · My Role

First and only digital designer: the framework's information architecture, wireframes, component library and visual language — plus stakeholder collaboration through release, marketing and branding of the final app.

04 · The Process

Full product mapped as low-fidelity wireframes first — onboarding → connect → dashboard → insights → detail — with IA, key task flows and a starter component library. Interactive prototypes reviewed with stakeholders and iterated through feedback sessions.

05 · Key Decisions
  • 01Design a framework, not an app — every pattern had to survive a different device, user or clinical context.
  • 02Opinionated defaults in the modular system, so screens compose instead of becoming debates.
  • 03Calm visual language — reassurance over drama for health data.
  • 04Visual trends over isolated metrics: one daily score, then progressive disclosure into detail.
06 · Constraints
One framework, many clinical contextsSensitive health data — calm, not clinicalFirst designer in a hardware-first consultancy
07 · Final Design
CDP wireframe board — user flow, IA, key flows, component library
Wireframe board — flow, IA & component library
08 · The Impact

A reusable digital foundation for the consultancy — the Vitality Health app shipped as its proof, and the framework's patterns, components and health-data language became the starting point for subsequent client products. Scalability designed in at the wireframe stage made the eventual product work faster, not slower.