IN: (sync)

A visualized hormonal tracker to support predicting their emotional, physiological changes

2026

UXUI Case Study

Duration

15 weeks

Industry

Healthcare & Wellness

Role

UX Research, Market Research, UXUI Design, Prototyping

Individual Project

Healthcare and Wellness Application

Individual Project

Healthcare and Wellness Application

IN: (sync) explores how to support hormonal awareness efficiently in everyday life for women from their period to menopause. With secure tracking and visualized overview, the system helps to understand their emotional and physiological transitions caused by hormonal transitions and their daily routine that foster reflection and understanding by themselves.

User Research

To represent the potential user group and better understand their need

Problems
Problems

25% of women in the United States are struggling with irregular period.

The impact of daily routine on the menstruation is approximately 45%.

Needs
Needs

“I noticed changes in my body and mood when I was in period, but I don’t have a way to link them to my routine.” — Mina, 21

Missing Pattern Links with Daily Routine

“I noticed changes in my body and mood when I was in period, but I don’t have a way to link them to my routine.” — Mina, 21

Missing Pattern Links with Daily Routine

No Clear Insights to Record Cycle

No Clear Insights to Record Cycle

To identify not only what key users do, but what they value and struggle with in managing their menstruation.

User Persona

To identify not only what key users do, but what they value and struggle with in managing their menstruation.

User Persona

User Journey Map

User Journey Map

Empathy Map

Empathy Map

Business Consideration

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

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.

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.

Competitive Analysis

Business Model
Business Model
Market Opportunity
Market Opportunity

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.

Initial Solution
Initial Solution
Visualized Hormone Tracker

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

Daily Routine-related Insights

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

Personalized Care Center

AI services and Telehealth support solving general health concerns

Information Architecture
Information Architecture
Low Fidelity Wireframe
Low Fidelity Wireframe

Evaluation

Test low fidelity wireframe with potential users and refine the solution

User Testing
User Testing
Tested User
Method
  • Concept Testing

  • Flow Testing

  • Feature Testing

  • Co-create & Ideate with Users

  • Synthesize Learnings

  • Feature Ranking

  • Idea Iteration from Learnings

Results
Daily habits such as exercise, sleep, and diet directly affect their menstrual condition
They adjust routines during period to maintain balance and comfort.
Feature Ranking Board
Feature Ranking Board
Key Learning
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.
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
Visualize Lifestyle Impact
Personalize Support Through AI
Personalize Support Through AI
Refined Solution
Refined Solution
  • Solution 01

    Unified, Intuitive Tracking

    • Icon-based quick check-ins

    • A calendar view toggle 

    • Layout consistency

    Goal: keeping the experience quick, calm, and cohesive
  • Solution 02

    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
  • Solution 01

    Unified, Intuitive Tracking

    • Icon-based quick check-ins

    • A calendar view toggle 

    • Layout consistency

    Goal: keeping the experience quick, calm, and cohesive
  • Solution 02

    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
  • Solution 01

    Unified, Intuitive Tracking

    • Icon-based quick check-ins

    • A calendar view toggle 

    • Layout consistency

    Goal: keeping the experience quick, calm, and cohesive
  • Solution 02

    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 Iteration

Develop prototypes based on the result of user testing

"How might we design a system to support women to be aware of their hormone flow for a better understanding"

Visual Exploration
Visual Exploration
Stylescape 01
Stylescape 01
Stylescape 02
Stylescape 02
Stylescape 03
Stylescape 03
UI Style Guide
UI Style Guide
Prototype Development
Conduct user testing with 12 participants and refined the prototypes

Prototype Development

Conduct user testing with 12 participants and refined the prototypes

Final Solution
Final Solution
Support to Quick Check
Analysis and Suggestion

Through analyze the daily routine and cycle pattern based on the records, the app presents how the routine impacts on your hormonal changes and suggest them for a better hormonal experience.

Visualization of Hormonal Transition

Show Prototype

Related

(2)

Grid

List

Full

Related

(2)

Grid

List