Health App Case Study

Heartify

Turning Complex Heart Data Into Everyday Health Clarity

1

Project Overview

My Role

UX UI Designer

Client

Heartify

Year

2018

Domain

Health Care

Duration

6 months

Tools

Figma, illustrator, Maze

The Beginning

A few years ago, wearable devices started collecting an incredible amount of health data. Heart rate.

  • HRV.
  • Stress levels.
  • Recovery signals.

For the first time, people could see what their body was doing in real time. But there was a problem. Most users had no idea what the data actually meant. Numbers appeared on the screen:

  • HRV: 70 ms
  • Stress: 90%
  • Energy: 3%

And the user’s reaction was usually the same:

“Is this good or bad?”

Instead of helping people understand their health, many apps created confusion and anxiety. Where Heartify came in. The goal wasn’t simply to measure health signals. The goal was to help people understand their body and make better daily decisions.

The Challenges

Design a mobile experience that helps users:

  • understand complex heart metrics
  • check their health in seconds
  • build healthier habits over time without overwhelming them with medical complexity.

Understanding The Users

Before designing anything, I needed to understand who this product was for.

Through interviews with users who regularly track health data, three main user types emerged.

 

The Health-Conscious Professional

Age 30–50

Busy lifestyle

Wants to monitor stress and heart health

Pain point:

They check their metrics but don’t know how to interpret them.

 

The Wellness Enthusiast

Already using wearables.

They want deeper insights into HRV and recovery.

But even experienced users struggle to understand how different metrics connect.

 

The Overwhelmed User

People dealing with stress, anxiety, or burnout.

They want reassurance.

They want to know:

“Is my body okay today?”

The Research

To understand the real problems users face with heart-health apps, a mixed research approach was conducted combining quantitative data, qualitative interviews, and competitor analysis.

User Survey

A survey was conducted with 120 participants who regularly use health or fitness tracking apps.

Key findings:

  • 72% of users said they do not fully understand HRV metrics.
  • 68% reported that health apps show too much data without explanation.
  • 61% check their health apps only once per week or less.
  • 54% said they want simple daily feedback instead of multiple charts.
  • 49% reported that confusing health data sometimes increases their anxiety.

These results highlighted a major gap between data collection and data understanding.

User Interviews

In-depth interviews were conducted with 12 participants aged 28–52 who use wearables or health apps.

Key insights:

  • 9 out of 12 users could not clearly explain what HRV means.
  • 8 users said they want the app to tell them what to do next, not just show numbers.
  • 7 users said they open health apps mainly when something feels wrong.
  • 10 users said they would engage more if the app offered daily guidance or small goals.

Competitive Analysis

Four leading health apps were analyzed:

  • Fitbit
  • Oura
  • Whoop
  • Calm

Observations:

  • 4 out of 5 apps focus heavily on data dashboards.
  • Only 2 apps provide meaningful behavior recommendations.
  • Most apps assume users already understand biometric terminology.

This revealed a strong opportunity for Heartify to focus on interpretation and education rather than raw metrics.

11

Key Research Insight

From the research, three core insights emerged:

  1. Users feel overwhelmed by biometric data.
  2. Users prefer a simple health score rather than multiple metrics.
  3. Daily guidance significantly increases engagement.

These insights directly influenced the product strategy and led to the design principle:

Measure → Understand → Improve

which became the foundation of the Heartify experience.

Users don’t want more health data. They want clear meaning. Instead of dashboards full of numbers, users need something much simpler:

A way to answer one question. “How is my body doing today?”

Defining the Product Direction

This insight shaped the entire product strategy.

The experience had to guide users through three simple steps.

  • Measure
  • Understand
  • Improve

Measure the body.

Understand what the signals mean.

Improve daily habits.

This structure became the foundation of Heartify’s product architecture.

Designing the Core Experience

To make the experience intuitive, the app was structured into three primary areas.

Dashboard

A daily snapshot of the user’s health.

Measure

Where biometric data is collected.

Insights

Educational content that explains what the data means.

This structure mirrors the natural way users think:

How am I today?

→ Dashboard

Let me measure my health

→ Measure

Why does this happen?

→ Insights

The Dashboard: The Most Important Screen

The dashboard became the heart of the product. When users open the app, they shouldn’t see complexity. They should see clarity.

The design focuses on three key signals:

  • stress
  • tension
  • energy

These signals translate physiological data into something users immediately understand. For example:

Stress 90%. Energy 3%

Without reading any documentation, the user instantly knows something isn’t right.

Simplifying Health Metrics

Raw biometric data is difficult to interpret. So instead of forcing users to understand every number, the app introduces a Wellness Index.

The Wellness Index combines multiple signals into a single score.

Example:

Wellness Index 97 — Excellent

This simple score helps users quickly understand their overall health state.

13

Turning Data Into Behavior

One of the biggest problems in health apps is motivation. Users often stop using them after a few days. To solve this, we introduced the 5-Day Self-Care Challenge. Instead of overwhelming users with complex programs, the app encourages small daily actions. Tasks include:

✔ Check in to Heartify

✔ Complete simple daily health tasks

✔ Improve lifestyle habits

Progress indicators create a sense of achievement and encourage users to continue.

Helping Users Learn

Another key insight was that many users simply don’t understand heart health concepts.

What is HRV?

How does sugar affect the heart?

Why does stress increase heart rate?

The Insights section was designed to answer these questions.

Instead of technical explanations, the content focuses on practical education that users can apply to their daily lives.

12

Designing for Trust

Health products require a strong sense of credibility. The visual design focuses on three qualities:

Calm

Soft backgrounds and balanced spacing reduce visual stress.

Clarity

Large typography and structured layouts make the interface easy to scan.

Trust

Minimalist design and consistent iconography reinforce reliability.

Making Health Data Visual

The redesigned experience helps users:

  • interpret heart health signals quickly
  • build daily awareness of their physical state
  • develop healthier habits through small actions

Instead of overwhelming users with data, the app guides them toward better decisions for their health.

14

The Resulting Experience

When a user opens Heartify, the experience feels simple.

  • They check their readiness.
  • They review their latest heart metrics.
  • They see trends in their stress and energy.
  • And most importantly, they understand what their body is telling them.

What This Design Achieves

The redesigned experience helps users:

  • interpret heart health signals quickly
  • build daily awareness of their physical state
  • develop healthier habits through small actions

Instead of overwhelming users with data, the app guides them toward better decisions for their health.

Lesson Learned

  • Designing for health is not about presenting more data.
  • It’s about translating complex physiological signals into human language.
  • Technology can measure the body.
  • But design is what makes that information meaningful.

Final Reflection

Heartify demonstrates how thoughtful UX design can transform biometric signals into a supportive daily health companion.

By combining behavioral psychology, clear data visualization, and educational insights, the product empowers users to better understand and care for their heart.

2
4
3
2

Try Heartify from Apple store​

h

Have a project in mind or want to collaborate?

Feel free to reach out and let’s create something great together. ✨

message
0

Subtotal