NC

NC

NC

NC

• UXUI Design

FlowLife

A cycle tracker to support predicting their periods visually, connecting lifestyle

• UXUI Design

FlowLife

A cycle tracker to support predicting their periods visually, connecting lifestyle

Duration

15 weeks

Industry

Healthcare & Wellness

Role

UXUI Design, UX Research

Learn More

Learn More

• UXUI Design

FlowLife

A cycle tracker to support predicting their periods visually, connecting lifestyle

Duration

15 weeks

Industry

Healthcare & Wellness

Role

UXUI Design, UX Research

Learn More

• UXUI Design

FlowLife

A cycle tracker to support predicting their periods visually, connecting lifestyle

Duration

15 weeks

Industry

Healthcare & Wellness

Role

UXUI Design, UX Research

Learn More

About 14% to 25% of women in their 20s and 30s in the United States struggle with irregular menstrual cycles, which often causes anxiety and uncertainty. From the lack of an intuitive and supportive way to help users understand their bodies, identify lifestyle-related triggers, and know when to seek care, this app provides a playful, accurate, and holistic menstrual tracking experience that visualize personal cycle pattern with lifestyle insight, and promotes body awareness.

Solutions

Visualized Cycle Prediction with Quick Check-In

With the visualized graphic elements, the user easily check their cycle prediction and how much their daily routine are synchronized with their menstruation.

Daily Life Insights

The lifestyle pattern insights are driven according to the user's personal recoding. This feature presents how their daily routine are directly impact on the menstruation and suggest how to improve their everyday life for the better, regular menstruation.

Personal Care Note Related to Everyday Life and Menstruation

The user can record the detailed experience related to their lifestyle and period, such as today's feeling, menstrual products, symptom, or activity. By recording their personal cycle experience, they can easily check the date when they recorded on the calendar view.

Problem Statement

Women in 20s and 30s fails to understand their bodies and lifestyle related to their menstruation

Missing Pattern Links With Lifestyle

Missing Pattern Links With Lifestyle

Missing Pattern Links With Lifestyle

Missing Pattern Links With Lifestyle

No Clear Care Guidance for Record Cycle

No Clear Care Guidance for Record Cycle

No Clear Care Guidance for Record Cycle

No Clear Care Guidance for Record Cycle

"A cycle tracker to support predicting their periods visually and connect lifestyle to cycle with body awareness and gentle health guidance"

"A cycle tracker to support predicting their periods visually and connect lifestyle to cycle with body awareness and gentle health guidance"

"A cycle tracker to support predicting their periods visually and connect lifestyle to cycle with body awareness and gentle health guidance"

"A cycle tracker to support predicting their periods visually and connect lifestyle to cycle with body awareness and gentle health guidance"

User Research

To represent the potential user group and better understand their need

User Personas

User Journey

User Journey for Period Tracking App
User Journey for Period Tracking App
User Journey for Period Tracking App
User Journey for Period Tracking App

Empathy Map

Empathy Map of Sophia, a College Student — A Potential User

Empathy Map

Empathy Map of Sophia, a College Student — A Potential User

Empathy Map

Empathy Map of Sophia, a College Student — A Potential User

Empathy Map

Empathy Map of Sophia, a College Student — A Potential User

Young adult women in their 20s in the US who experience irregular menstrual cycles influenced by stress or lifestyle factors.

Young adult women in their 20s in the US who experience irregular menstrual cycles influenced by stress or lifestyle factors.

Young adult women in their 20s in the US who experience irregular menstrual cycles influenced by stress or lifestyle factors.

Young adult women in their 20s in the US who experience irregular menstrual cycles influenced by stress or lifestyle factors.

Business Consideration

For providing better solution to deal with tracking both everyday life pattern and menstruation

Competitive Analysis

By focusing on the analysis of cycle prediction and lifestyle integration, key areas for differentiation were identified to create a more intuitive and holistic cycle management experience.

Market Opportunity and Positioning

Through an analysis of the improved opportunity and the position of service in the current market, this app focuses on providing a holistic menstrual and wellness experience, bridging data-driven accuracy.

Business Model

Business Model

Business Model

Business Model

Initial Solution

Framing initial solutions based on the identified market opportunity and service positioning

Visualized Cycle Tracker

To support users to intuitively understand their cycle pattern with visualized prediction

Visualized Cycle Tracker

To support users to intuitively understand their cycle pattern with visualized prediction

Visualized Cycle Tracker

To support users to intuitively understand their cycle pattern with visualized prediction

Visualized Cycle Tracker

To support users to intuitively understand their cycle pattern with visualized prediction

Lifestyle-related Insights

By tracking lifestyle patterns, it generates insights how it impact on cycle

Lifestyle-related Insights

By tracking lifestyle patterns, it generates insights how it impact on cycle

Lifestyle-related Insights

By tracking lifestyle patterns, it generates insights how it impact on cycle

Lifestyle-related Insights

By tracking lifestyle patterns, it generates insights how it impact on cycle

Health Care Center

AI services and Telehealth support solving general health concerns

Health Care Center

AI services and Telehealth support solving general health concerns

Health Care Center

AI services and Telehealth support solving general health concerns

Health Care Center

AI services and Telehealth support solving general health concerns

Information Architecture

Low Fidelity Prototype

User Testing

"How women's emotions and habits affect their menstrual experiences."

Tested User

Thanks to interviewees: Jiyeong, Lubi, Mina, Shih-Ting, and Yuna!

Method

  • Concept Testing

  • Flow Testing

  • Feature Testing

  • Co-create & Ideate with Users

  • Synthesize Learnings

  • Feature Ranking

  • Idea Iteration from Learnings

90 percentage in tested user — with the gradiate from dark purple to vivid pink
90 percentage in tested user — with the gradiate from dark purple to vivid pink

Daily habits such as exercise, sleep, and diet directly affect their menstrual condition

80 percentage in tested user — with the gradiate from dark purple to vivid pink
80 percentage in tested user — with the gradiate from dark purple to vivid pink

They adjust routines during period to maintain balance and comfort.

Feature Ranking Board

Feature Ranking Board

Feature Ranking Board

Feature Ranking Board

Key Learning

Simplify Core Flow

Focus: Streamline the main cycle-tracking flow and minimize repetitive or unnecessary actions.


* They found overlapping features confusing and wanted fewer steps for check-ins.
Visualize Lifestyle Impact

Focus: Turn the complex data into visual and intuitive graphical element to support self-awareness engaging.


* They wanted clearer wording, visual summaries, and digestible insights.


Personalize Support Through AI

Focus: Prioritize AI guidance and expert-verified content while making community features.


* They reacted AI-based assistance was perceived as the most reliable and helpful.

Refined Solution

Solution 1

Unified, Intuitive Tracking

  • Icon-based quick check-ins

  • A calendar view toggle 

  • Layout consistency


Goal: keeping the experience quick, calm, and cohesive

Solution 2

Insight-Driven AI Support

  • Simplified insight with data

  • Verified health resources

  • Offer community with AI service


Goal: Deliver empathetic, credible, and visually clear guidance for a caring companion
Design Process

Iteratively create and test wireframes focused on core features to improve usability and emotional engagement

Stylescape 01

Stylescape 01

Stylescape 01

Stylescape 01

Stylescape 02

Stylescape 02

Stylescape 02

Stylescape 02

Stylescape 03

Stylescape 03

Stylescape 03

Stylescape 03

UI Style Guide

Reflection
Meaningful insight matters more than prediction accuracy

While predictive accuracy is important, this project revealed that users consider the value on understanding how their lifestyle connects to their cycle. FlowLife’s strength lies in translating the user's personal daily life data into relatable, everyday insights rather than acting as a purely clinical tracker.

Meaningful insight matters more than prediction accuracy

While predictive accuracy is important, this project revealed that users consider the value on understanding how their lifestyle connects to their cycle. FlowLife’s strength lies in translating the user's personal daily life data into relatable, everyday insights rather than acting as a purely clinical tracker.

Meaningful insight matters more than prediction accuracy

While predictive accuracy is important, this project revealed that users consider the value on understanding how their lifestyle connects to their cycle. FlowLife’s strength lies in translating the user's personal daily life data into relatable, everyday insights rather than acting as a purely clinical tracker.

Meaningful insight matters more than prediction accuracy

While predictive accuracy is important, this project revealed that users consider the value on understanding how their lifestyle connects to their cycle. FlowLife’s strength lies in translating the user's personal daily life data into relatable, everyday insights rather than acting as a purely clinical tracker.

Gentle, Supportive Guidance, not reinforcing behavior

Traditional health apps often rely on directive messaging. This project emphasized designing guidance that feels optional and empowering, allowing users to draw their own conclusions from visualized patterns instead of being told what actions to take.

Gentle, Supportive Guidance, not reinforcing behavior

Traditional health apps often rely on directive messaging. This project emphasized designing guidance that feels optional and empowering, allowing users to draw their own conclusions from visualized patterns instead of being told what actions to take.

Gentle, Supportive Guidance, not reinforcing behavior

Traditional health apps often rely on directive messaging. This project emphasized designing guidance that feels optional and empowering, allowing users to draw their own conclusions from visualized patterns instead of being told what actions to take.

Gentle, Supportive Guidance, not reinforcing behavior

Traditional health apps often rely on directive messaging. This project emphasized designing guidance that feels optional and empowering, allowing users to draw their own conclusions from visualized patterns instead of being told what actions to take.

Personalization is a conversation, not just a feature

Effective personalization emerged through continuous interaction—small inputs, gentle reflections, and evolving insights. Further, this application provides more adaptive loops that respond to user behavior over time, making the experience feel more like an ongoing dialogue than a static system.

Personalization is a conversation, not just a feature

Effective personalization emerged through continuous interaction—small inputs, gentle reflections, and evolving insights. Further, this application provides more adaptive loops that respond to user behavior over time, making the experience feel more like an ongoing dialogue than a static system.

Personalization is a conversation, not just a feature

Effective personalization emerged through continuous interaction—small inputs, gentle reflections, and evolving insights. Further, this application provides more adaptive loops that respond to user behavior over time, making the experience feel more like an ongoing dialogue than a static system.

Personalization is a conversation, not just a feature

Effective personalization emerged through continuous interaction—small inputs, gentle reflections, and evolving insights. Further, this application provides more adaptive loops that respond to user behavior over time, making the experience feel more like an ongoing dialogue than a static system.

Next Steps

Future iterations would focus on refining how insights are framed for different user mindsets, expanding qualitative testing, and exploring ways to make predictive logic more transparent. By doing so, the platform can better support long-term engagement while maintaining trust and emotional comfort.

Next Steps

Future iterations would focus on refining how insights are framed for different user mindsets, expanding qualitative testing, and exploring ways to make predictive logic more transparent. By doing so, the platform can better support long-term engagement while maintaining trust and emotional comfort.

Next Steps

Future iterations would focus on refining how insights are framed for different user mindsets, expanding qualitative testing, and exploring ways to make predictive logic more transparent. By doing so, the platform can better support long-term engagement while maintaining trust and emotional comfort.

Next Steps

Future iterations would focus on refining how insights are framed for different user mindsets, expanding qualitative testing, and exploring ways to make predictive logic more transparent. By doing so, the platform can better support long-term engagement while maintaining trust and emotional comfort.

More to Explore.

EverAfter

A hand rest for nail salon with a secret measurement of ring size

EverAfter

A hand rest for nail salon with a secret measurement of ring size

EverAfter

A hand rest for nail salon with a secret measurement of ring size

EverAfter

A hand rest for nail salon with a secret measurement of ring size

SafeBite

A food preparation tool to protect toddlers from food-related choking incidents

SafeBite

A food preparation tool to protect toddlers from food-related choking incidents

SafeBite

A food preparation tool to protect toddlers from food-related choking incidents

SafeBite

A food preparation tool to protect toddlers from food-related choking incidents

See all works

See all works

See all works

See all works