Weather app image
Weather app image
Weather app image
Role
duration
design method
tools

UX Designer

January - April 2024

Goal-Directed Design

Figma & Figjam

Project description

Phase is a cycle-synced fitness app that recommends workouts based on hormonal changes and energy levels, helping users stay active throughout every phase of their cycle.

Timeline

End-to-end research, ideation, and design completed over 4 months.

Background

Phase helps users align workouts with their menstrual cycle, supporting consistent activity, improved performance, and a better understanding of their bodies. It combines fitness guidance with educational insights to promote sustainable, healthy habits.

Process

This project followed Goal-Directed Design (GDD), a user-centered methodology focused on understanding user goals, behaviors, and motivations. The process included research, requirements definition, design, and refinement to ensure the app met real user needs.

Wireframing
Wireframes were created to establish a clear, organized structure across core screens, including onboarding, the home experience, cycle charts, workouts, and the calendar. This phase focused on hierarchy and flow to ensure information felt approachable and easy to navigate.

Research

Reviewed competitor apps, cycle science, and user habits to identify key needs and visual gaps.

Design

Created clear flows, wireframes, and polished UI centered around phase-based workouts and progress tracking.

Implementation

Designs were created with technical feasibility and future scalability in mind.

Refinement

Iterated on layout, hierarchy, and content to create a calm, supportive experience across all cycle phases.

Solution

Phase syncs workouts with menstrual cycle phases, helping users stay active while learning how their body changes throughout the month.

Tailored Workouts

Recommends exercises for each cycle phase based on energy levels.

Cycle Insights

Provides quick, easy-to-understand information about hormonal changes.

Seamless Tracking

Syncs period data with workouts for consistent activity.

A Cycle Synced Workout App

Phase

Results

This section highlights the project’s outcomes, usability improvements, and key learnings from user testing.

Enhanced Accessibility

Calendar, workout reminders, and chart interactions were simplified.

Improved Usability

Participants completed tasks like logging workouts and adjusting settings with ease.

Final Outcome

High-fidelity prototype polished and ready for presentation.

Create a free website with Framer, the website builder loved by startups, designers and agencies.