top of page
d-ē

Product Overview

Health Data UX  •  Lab Results Dashboard  •  Biomarker Trends  •  Visualization  •  Results Clarity  •  Women’s Health

Helia is a women’s health product that helps users understand lab results alongside cycle and symptom patterns. I partnered with the client to design a feminine, calming results experience that makes complex health data easy to scan, engaging to explore, and clear to act on. The goal was simple: reduce overwhelm and help users move from numbers to next steps.

Client work. Some details simplified for confidentiality.

Key Tools

Figma
FigJam
Adobe Illustrator
Photoshop

Skills

Health data UX
Data visualization
Information architecture
Interaction design
Usability testing
Microcopy, empty and error states
Accessibility (WCAG AA)

Entry screen that frames the value fast and invites users to unlock a personalized plan before diving into their data.

Entry screen that frames the value fast and invites users to unlock a personalized plan before diving into their data.

Project snapshot

Client: Women’s health startup
Timeline: 2-day design sprint (48 hours)
Role: Product Designer (end to end)
Team: Founder/PM, Engineer, Clinician/Data
Platform: Cross platform mobile app with tablet support (iOS and Android)
Scope: Results dashboard, trends, cycle and symptom tracking, guidance, light rebrand
Deliverables: Flows, prototypes, high-fidelity UI, component states, handoff specs

Early visual direction for a warm, feminine tone that pairs data cards with human imagery so tracking feels supportive, not clinical.

Early visual direction for a warm, feminine tone that pairs data cards with human imagery so tracking feels supportive, not clinical.

My role

I led end-to-end product design from early definition through high-fidelity UI and engineering handoff. I translated clinical and product requirements into an experience that balanced trust, clarity, and an inviting visual tone.

The problem

Users were receiving health data but struggling to understand what mattered, what changed over time, and what to do next. The existing experience also felt clinical, which made it harder to build trust and encourage repeat engagement.

Daily cycle and symptom check in designed for quick logging, with a calendar view that makes patterns easy to spot at a glance.

Daily cycle and symptom check in designed for quick logging, with a calendar view that makes patterns easy to spot at a glance.

Goals

  • Reduce overwhelm and improve scan clarity

  • Make trends over time the default

  • Connect lab results to cycle and symptom context

  • Present data in a feminine, approachable visual style

  • Provide clear, plain-language next steps

  • Design for missing data, edge cases, and uncertainty

Today view concept that combines logged symptoms, a simple trend line, and an insight card so users get meaning and next steps in seconds.

Daily view concept that combines logged symptoms, a simple trend line, and an insight card so users get meaning and next steps in seconds.

Key decisions

Start with “what matters now”

A top summary highlights what changed and what to focus on, so users get value fast.

Make data feel inviting, not clinical

A softer visual system, thoughtful spacing, and consistent tone help the experience feel calm and trustworthy.

Show trends before details

The experience leads with patterns over time. The number is there, but meaning comes first.

Pair every insight with a next step

Each key result includes a plain-language explanation and an action so users are not left guessing.

Design for real life

Clear empty, loading, and error states, plus flexible layouts for inconsistent tracking and incomplete data.

Chart explorations to make biomarker and cycle trends readable across themes, with clear phase context and a focus on direction over raw numbers.

Chart explorations to make biomarker and cycle trends readable across themes, with clear phase context and a focus on direction over raw numbers.

Data visualization approach

  • Designed chart patterns optimized for quick scanning

  • Made the active day and range cues obvious

  • Kept visual meaning consistent across the product

  • Balanced “beautiful” with “readable in seconds”

Core screen pair showing the two main behaviors: check today’s insights and track cycle and symptoms over time.

Core screen pair showing the two main behaviors: check today’s insights and track cycle and symptoms over time.

What I delivered

  • Results dashboard and supporting detail views

  • Cycle calendar and symptom logging flows

  • Trend visualization patterns and interaction rules

  • UI component states (empty, loading, error)

  • Engineering handoff with responsive and interaction specs

  • Reusable components aligned to the new visual system

Palette exploration balancing warm femininity with high trust clarity, plus a gradient system that can scale across cards, charts, and states.

Palette exploration balancing warm femininity with high trust clarity, plus a gradient system that can scale across cards, charts, and states.

Outcome

Shipped a redesigned results experience that made key information easier to scan and clarified next steps. Delivered reusable visualization and UI patterns the team can extend across additional biomarker categories.

Results and symptom insights designed to feel approachable, using simple visualizations and clear CTAs that guide users from data to action.

Results and symptom insights designed to feel approachable, using simple visualizations and clear CTAs that guide users from data to action.

Next iteration

  • Evolve the visual system to add stronger clinical trust cues (hierarchy, terminology, sourcing) while keeping the experience warm, feminine, and easy to use.

  • Add reference ranges and “why this matters” tooltips

  • Add comparisons across cycles and time periods

  • Personalize insights based on user goals

  • Add lightweight comprehension checks for key results

bottom of page