Your Brand Logo
About Contact

Period Tracker

Pioneering an unconventional period-tracking platform.

YEAR
OVERVIEW

Pipoca Ágil is an innovative initiative designed to empower early-career professionals by providing them with hands-on experience in agile teams. In this project, participants are working on a period tracker app, requested by a key stakeholder. This app is set to enhance women's health tracking and is scheduled for launch in the first half of 2025, initially targeting the Brazilian market.

Timeline

7 Months

ROLE

UX/UI Designer in collaboration with: Scrum Master, Product Owner and Android Developers.

PROCESS

Desk research, competitive analysis, survey, interview, JTBD, HMW, MoSCoW method, Information architecture, journey map, moodboard, user testing.

TOOLS

Figma, Maze, Jira

PROBLEM

People who menstruate often struggle to keep track of their cycles and related symptoms using traditional methods or overly complex apps. They need a simple, reliable, and accessible way to log and review their menstrual health data so they can better understand their cycles and plan accordingly.

GOAL
  • Enable users to log menstrual cycles, symptoms, and other health data.
  • Offer tailored insights about cycles, ovulation, and fertility based on individual data to help users understand their unique patterns.
  • Provide customizable notifications for reminders about periods, ovulation windows, or medication schedules.
  • Ensure the app is user-friendly, visually appealing, and accessible to a wide range of users.

Research

I conducted a mix of qualitative and quantitative questions in order to understand the perceptions, preferences and behaviors of users. It will help me make informed decisions to improve my product service. We interviewed 50 individuals who are from Brazil, who still menstruate.

Below are some insights and highlights:

65.3%

Monitors the menstrual cycle.

18.4%

Does not monitor the cycle.

67.3%

Thinks it is important to monitor symptoms.

53.1%

Thinks it is very important to receive notifications.

44.9%

Would like the notifications to only alert when the period is due.

57.3%

Would like to have access to the cycle report.

Jobs To Be Done

Understanding users tasks or “jobs” with a product reveals drivers of behaviors, aiding in effective product design for enhanced satisfaction and successes.

job to be done

"When I'm trying to plan important events or travel, I want to accurately predict my next period, so I can schedule with confidence without having to deal with unexpected menstruation surprises."

job to be done

"When I notice unusual changes in my cycle or symptoms, I want to review my historical period data, so I can identify patterns and share meaningful insights with my healthcare provider without struggling to remember details from months ago."

job to be done

"When I'm experiencing period symptoms, I want to track their type and intensity, so I can understand my body's patterns without having to maintain multiple separate records or notes."

job to be done

"When I'm trying to understand my fertility window, I want to see my ovulation predictions, so I can make informed family planning decisions without the stress of manual calculations and guesswork."

job to be done

"When I'm managing my menstrual supplies, I want to receive timely reminders to stock up, so I can always be prepared without the anxiety of running out of products at critical moments."

MoSCoW Method

Faced with a flood of feature requests and user needs, the team needed a clear, collaborative way to make sense of what truly mattered. With limited development time and a fast-paced Agile environment, we turned to the MoSCoW method a simple yet powerful prioritization framework that helped us separate the essentials from the nice-to-haves.

matrix 360

Information Architecture

It helps organize and scruture content effectively. This ensures users can easily navigate and find information they need, improving their overall experience and satisfaction with the product.

information architecture

Teamwork

Optimized design-to-development collaboration by providing annotated UI specs and facilitating weekly meetings with engineers cutting implementation revisions by ~30% and boosting delivery efficiency within an Agile squad.

team-work

Branding Choices & Design

ciclo-icon

We picked purple and blue for our brand since they stand out in print ads and set us apart from competitors. The logo features a minimalistic line illustration of two symmetrical shapes that resemble butterfly wings, suggest transformation, cycles, and growth, fitting for a product related to personal development and health.

Prototyping

This process helps identify usability issues early, gather user feedback, and refine the product before final development, ultimately leading to a more user-friendly and effective design.

prototype-screenshot

Testing

Testing is a crucial step in the design process, as it allows us to gather feedback from real users and make necessary adjustments before the final product launch. Unmoderated testing was conducted in Maze validating decisions and identifying interface issues to address before the final UI.

Tasks included:

Results

MVP

Onboarding

This flow provides a brief overview of what users can expect in the app. Onboarding that delivers value in less than 60 seconds.

onboarding screen

Login & Registration

Users can log in using their email or Google account. If they are new users, they can register by providing their email and password.

registration-gif

Home & Calendar

In this flow, users can log their period and symptoms, as well as view their cycle calendar.

registration-gif

Cycle Analysis

Line Chart

home-gif

Takeaways

Impact

Having an app with so many features and functionalities can make it difficult to display without taking away necessary information. I learned the importance of finding a balance between comprehensive features and intuitive design. It involves identifying redundancies, minimizing unnecessary elements, and presenting information in a clear and concise manner for the user.

Key Takeaways

Next steps