Role
Role
duration
design method
tools
UX Designer
UX Designer
January - April 2024
January - April 2024
Goal-Directed Design
Goal-Directed Design
Figma & Figjam
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.
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.
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
A Cycle Synced Workout App
Phase
Phase
Phase
Results
Results
This section highlights the project’s outcomes, usability improvements, and key learnings from user testing.
This section highlights the project’s outcomes, usability improvements, and key learnings from user testing.
Enhanced Accessibility
Enhanced Accessibility
Calendar, workout reminders, and chart interactions were simplified.
Calendar, workout reminders, and chart interactions were simplified.
Improved Usability
Improved Usability
Participants completed tasks like logging workouts and adjusting settings with ease.
Participants completed tasks like logging workouts and adjusting settings with ease.
Final Outcome
Final Outcome
High-fidelity prototype polished and ready for presentation.
High-fidelity prototype polished and ready for presentation.
