Cycles
Project Type
Mobile App UX/UI Design, Individual Project
Role
UX Research, UI Design, Prototyping
Year
2025
Overview
Cycles is a period tracker mobile app designed specifically for teens new to menstruation, with a simple, discreet interface and approachable, age-appropriate features.
The app aims to make the transition into menstruation less overwhelming by helping young users track their cycles with confidence, while easing the anxiety and confusion around their first periods.
Understanding User Needs
Menstruation is often a confusing and overwhelming experience for teens who are encountering it for the first time. While many period tracker apps exist, most are designed for adults and assume a level of prior knowledge that beginners simply don’t have. Through initial research and user feedback, it became clear that teens new to menstruation struggle with overly complex features, medical or unfamiliar terminology, and interfaces that feel outdated, obvious, or lacking discretion.
01. Background
02. Competitor Analysis
This competitor analysis highlights the key features of five popular period tracker apps. By critically examining their strengths and weaknesses in each aspect, this analysis provides valuable insights, revealing areas where ‘Cycles’ can stand out and offer a more tailored experience for younger users.
03. Solutions
Cycles addresses the challenges teens face with existing period tracker apps by offering a simple, discreet, and teen-focused design. With tailored features and approachable language, the app provides a comfortable and engaging experience for young users new to menstruation.
04. User Persona
Two teen personas were defined to reflect the early stages of the menstrual journey, capturing both first-time users and those with limited prior experience. Together, they informed design decisions around simplicity, clarity, discretion, and age-appropriate support.
05. User Flow
The user flow for Cycles is designed to provide a smooth and intuitive experience, guiding users through essential features with minimal steps. By prioritizing ease of navigation, the flow ensures that young users can quickly understand and utilize the app without feeling overwhelmed.
Design Execution
01. Design Concept
Cycles offers a teen-friendly and approachable design concept. By combining playful illustrations, intuitive icons, and a trendy, neutral aesthetic, it ensures simplicity and inclusivity.
02. Wireframes
03. Interface Design
Cycles features a teen-friendly onboarding with a simple survey completed in minimal steps, helping younger users easily get started, even if they’re not familiar with using mobile apps.
Onboarding
Users can customize their home screen with widget features to display only the information they need, making it easy to access and quickly check important details.
Home Screen
The cycle section allows users to easily check their cycle status, add symptoms, view the calendar, and edit dates, offering a clear overview of their menstrual journey.
Cycle Status
The column section provides easy-to-understand articles with a friendly tone, clear language, and helpful illustrations, designed to educate teens new to menstruation.
Column
Users can track their cycle history with simple, easy-to-understand graphs and data, providing insights into their menstrual patterns.
Statistics
In the settings section, users can edit their basic information, customize alert messages, and lock the app for enhanced privacy and discretion.
