Mobile app design

Heartbeat. A health app concept that answers what the numbers mean

A concept for a health app shaped by one frustration of a fictional user: plenty of raw data and no word on what it means. It pairs a map of his experience with screens that turn readings into a plain status.

Contribution: Product flows and interface design
Project status: Mobile app concept · Figma archive

Mockup of heartbeat composed for this board from real screens of the project. — Mockup composed for this board from real project screens.

Concept screens from the original Figma design file, with sample data for a fictional user.

Recorded from the Figma prototype. A round watch face: the heart rate, then a short symptom check.

Home: a reading, a one-word status and a timeline of faces. Sample data.

Home screen greeting John, with a heart rate of 126 bpm beside a Neutral health status, and a green timeline curve marked with emoji faces. — Home: a reading, a one-word status and a timeline of faces. Sample data.

My health: each issue compares the person's level with the normal range. Sample data.

My health screen with a status summary and dark cards for blood pressure and cough, each comparing the person's level with the normal range and linking to Details. — My health: each issue compares the person's level with the normal range. Sample data.

Table following a fictional user across six stages, with rows for description, channels, goals, emotions and thoughts, and a curve rising from disappointed to happy. — Experience map of John, a fictional user. The quotes are part of the persona.