Frances Ugwu - Product Designer

Problem

Health tracking is fragmented, overwhelming, and rarely actionable.

Most wellness enthusiasts struggle to stay consistent with their goals because their data is scattered across multiple single-purpose apps. When they do look at their data, they are faced with dense, complicated spreadsheets and charts that fail to translate raw numbers into meaningful daily habits.

Problem

Health tracking is fragmented, overwhelming, and rarely actionable.

Most wellness enthusiasts struggle to stay consistent with their goals because their data is scattered across multiple single-purpose apps. When they do look at their data, they are faced with dense, complicated spreadsheets and charts that fail to translate raw numbers into meaningful daily habits.

solution

A unified dashboard that translates numbers into readable stories.

DayWell brings all vital daily habits into a single, beautifully clean interface that pairs high-level metrics with human-friendly written summaries so users instantly understand their health trends.

solution

A unified dashboard that translates numbers into readable stories.

DayWell brings all vital daily habits into a single, beautifully clean interface that pairs high-level metrics with human-friendly written summaries so users instantly understand their health trends.

solution

A unified dashboard that translates numbers into readable stories.

DayWell brings all vital daily habits into a single, beautifully clean interface that pairs high-level metrics with human-friendly written summaries so users instantly understand their health trends.

The Complexity of Data Density: Designing DayWell taught me that the hardest part of dashboard design is managing data density. I realized that the best user experience doesn't come from displaying every single available data point, but from aggressively filtering what is visible so that the most important habits are given room to breathe.

Responsive Thinking Over Simply Resizing: Translating a wide, multi-column desktop dashboard onto a narrow mobile screen showed me that responsive design isn't just about shrinking elements to fit. It forced me to think critically about content prioritization, hierarchy, and mobile usability constraints to keep the mobile experience just as valuable as the desktop version.

Future Roadmap: Thinking back on it, I would’ve wanted to create a feature allowing users to toggle on or off specific metrics (like adding heart rate or calorie tracking) to see how the dashboard layout dynamically shifts and adapts to personalized health goals.

The Complexity of Data Density: Designing DayWell taught me that the hardest part of dashboard design is managing data density. I realized that the best user experience doesn't come from displaying every single available data point, but from aggressively filtering what is visible so that the most important habits are given room to breathe.

Responsive Thinking Over Simply Resizing: Translating a wide, multi-column desktop dashboard onto a narrow mobile screen showed me that responsive design isn't just about shrinking elements to fit. It forced me to think critically about content prioritization, hierarchy, and mobile usability constraints to keep the mobile experience just as valuable as the desktop version.

Future Roadmap: Thinking back on it, I would’ve wanted to create a feature allowing users to toggle on or off specific metrics (like adding heart rate or calorie tracking) to see how the dashboard layout dynamically shifts and adapts to personalized health goals.

REFLECTIONS & KEY TAKEAWAYS

What I learned from this experience.

REFLECTIONS & KEY TAKEAWAYS

What I learned from this experience.

KEY DESIGN DECISIONS

Decision 1: Making Interpretation Easy

KEY DESIGN DECISIONS

Decision 1: Making Interpretation Easy

The Insight: My research showed that jumping straight into a complex health dashboard can feel incredibly intimidating when users are immediately hit with dense, hard-to-read mathematical charts.

The Action: I designed a row of high-contrast, color-coded metric cards at the top of the screen (Sleep, Screen Time, Water, Steps). Each card features a clean pill badge with simple indicators like "+12% More than Wednesday." This allows users to immediately grasp their progress and seeing progress can be encouraging before deciding if they want to dive deeper into the charts below.

The Insight: My research showed that jumping straight into a complex health dashboard can feel incredibly intimidating when users are immediately hit with dense, hard-to-read mathematical charts.

The Action: I designed a row of high-contrast, color-coded metric cards at the top of the screen (Sleep, Screen Time, Water, Steps). Each card features a clean pill badge with simple indicators like "+12% More than Wednesday." This allows users to immediately grasp their progress and seeing progress can be encouraging before deciding if they want to dive deeper into the charts below.

Decision 2: Pairing Graphs with "Human-Readable" Summaries

The Insight: I learned from interviews that raw data points on a line graph are difficult for the average user to contextualize. Seeing a peak on a chart doesn't automatically tell them what they did right or wrong.

The Action: Beneath each primary visual chart (such as Sleep and Water Intake), I added an explicit, human-friendly summary sentence (e.g., "You slept the longest on Tuesday night – 8 hrs 20 mins"). Combining visual data with simple, written takeaways takes the cognitive load off the user and makes their data feel instantly useful.

Decision 2: Pairing Graphs with "Human-Readable" Summaries

The Insight: I learned from interviews that raw data points on a line graph are difficult for the average user to contextualize. Seeing a peak on a chart doesn't automatically tell them what they did right or wrong.

The Action: Beneath each primary visual chart (such as Sleep and Water Intake), I added an explicit, human-friendly summary sentence (e.g., "You slept the longest on Tuesday night – 8 hrs 20 mins"). Combining visual data with simple, written takeaways takes the cognitive load off the user and makes their data feel instantly useful.

Decision 3: Responsive Viewport Reorganization (Desktop to Mobile)

The Insight: Users interact with dashboards differently depending on their device. On a laptop, they want an expansive, analytical view of their week; on mobile, they need a scrollable, one-handed checklist layout they can scan quickly on the go.

The Action: I restructured the information architecture for the mobile screen. Instead of trying to shrink the multi-column desktop layout, the mobile viewport stacks the metrics vertically and uses a collapsible hamburger menu. This ensures that the primary touch-targets and key text remain perfectly readable on smaller devices.

Decision 3: Responsive Viewport Reorganization (Desktop to Mobile)

The Insight: Users interact with dashboards differently depending on their device. On a laptop, they want an expansive, analytical view of their week; on mobile, they need a scrollable, one-handed checklist layout they can scan quickly on the go.

The Action: I restructured the information architecture for the mobile screen. Instead of trying to shrink the multi-column desktop layout, the mobile viewport stacks the metrics vertically and uses a collapsible hamburger menu. This ensures that the primary touch-targets and key text remain perfectly readable on smaller devices.

NEXT PROJECT

Eni Brand Architect

BACK TO TOP

NEXT PROJECT

Eni Brand Architect

BACK TO TOP

Home

About