Empowering menstrual health with a fresh approach.
Menstrual cycles are more than just the period phase. Each phase has its own personality and contributions to overall mood and health. Phases is designed to help you understand these variations, offering insights and personalized tips to align your lifestyle with your cycle. By tracking your symptoms and energy levels, you can manage your well-being more effectively and embrace the natural rhythm of your body with confidence.
Overview UX/UI, Design Research, Illustration
Collaborators Ashton Bennett, Trinity Sosa
Tools used Figma, Ilustrator, Photoshop, AE
Platforms Mobile app, smart watch
Project goal Create a platform that educates and assists the user through their menstural cycle in a friendly way.
phases educates the user on each individual phase and how to best support their body, in an inclusive non-judgmental way.
To conduct user research on our audience, a survey of 50 people was ran. The survey was shared on social media and amongst peers.
71% are between 21-25 years old.
75.9% identify as lgbtq+ counting identity and sexuality 24.1% are hetero normative.
19.4% reported they were knowledgable on the cycle phases, 67.7% reported somewhat aware of cycle phases, and 12.9% not at all.
45.2% respondants had concerns of their mental health, 41.9% had physical symptom concerns.
83.9% claimed they are interested in learning how their cycle affects them.
Takeaway
Based on the survey results, the apps taget audience will be people 18 to 35, have gender neutral branding, and have a stong focus on mental and physical health that educates the user on optimizing their cycle.
How do we do this?
• avoid feminine language and colors
• gentle health suggestions
• not focus on period and conception
• make each phase identifiable and purposeful
How do we do this?
• avoid feminine language and colors
• gentle health suggestions
• not focus on period and conception
• make each phase identifiable and purposeful
Unique selling point
Most menstrual tracking apps on the market today focus mainly on conception and period tracking. However, Phases stands out by targeting a broader audience, with its primary goal being to educate users and improve their overall well-being—not just track menstrual cycles. Unlike its competitors, Phases moves beyond traditional feminine color palettes and language, making it more inclusive for individuals who do not identify as feminine, while still offering comprehensive period tracking.
The phases color palette and typography was chosen with the intention of being educational, gender neutral, and friendly.
Loading screen
When the phases app is launched, the characters for each phase phase greet you. The phases illustrations are a reflection of the mental and physical aspects of each phase. Putting a character to the phases makes the app approachable, and a confusing topic more understandable.
Meet your phases
After analyzing our user research, we noticed majority of survey respondants had little knowledge on the other phases, or only knew about the period phase. Introducing the phases before logging into the app gives the user brief background information on the four cycle phases. The user can swipe through the stackcard to the log-in screen at their own pace.
Create an account
After the user goes through the introduction screens, they are prompted to put in background information that will help phases understand them better, and modify responses / suggestions. The home screen is color coded to what cycle phase you are currently in, and gives the user reccomendations based on their current phase.
Log period
In the check-in screen, the user can log their period by moving the sliders to tell phases key aspects of their period like the duration, flow and pain. This way, phases knows what foods, exercizes or activities to reccomend.
Phases predictions
After the user logs their period, phases generates what the user could experience for the rest of the month. This way the user can check back and notice patterns or see what phase is coming up next.
Symptom tracker
Users can help phases better understand their symptoms in each phase by using the sliders to show how severe their mental and physical symptoms are ranging from one to five. The notes portion is for any symptom not listed the user has concern of.
Insights
Each phase gives the user reccomended activities like selfcare, meditation, or exercises that cooperate with the corresponding phase. For instance luteal may be light stretching and walking while follicular is more streneous workouts. The journal tab is kept in every phase so you can reflect on how you were feeling during different parts of your cycle.
In the future..
With additional time and resources, the phases app would provide comprehensive insights into each menstrual cycle phase, addressing conditions like endometriosis, PCOS, and PMDD. It would offer guidance on managing the physical and mental effects of these period-related disorders, supporting users in navigating their symptoms holistically.
