Period Tracker

An app to let women control their own period

Recognition
Merit for the Young One ADC 2023 - Interactive: UX / UI
Shortlisted for the CA 2023 Interactive Competition
Timeline
Jan - May 2022 (4 Months)
Discipline
UX/UI Design, App Design, Branding
Role
Design System Lead, UXUI Designer, Brand Designer
Tools
Figma, Protopie, Adobe After Effect, Miro
Team
Margarita Kaplan, Alice Qu, Nicolette Constantinides

Problem

Every woman's body is different, making period tracking a difficult task.

Solution

Rather than creating a "one-size-fits-all" solution, the app will offer different features that cater to the unique challenges faced by women of different ages.

Case Study Video

Women's bodies are vastly different, therefore, we aim to target the specific need of women in different age

01. Discover

A Period Tracker is exactly what it sounds like

Period Tracker is a mobile application that helps women keep track of and estimate dates for ovulation, menstruation, and all the symptoms that come with it.

The current P Tracker app

Empathy Interview

Through interviews with 12 women in different stages of life, we found that women face unique challenges across different stages of life.

For example, the taboo nature of menstrual health has made it difficult for young mothers to define and discuss their physical and emotional needs with loved ones.

The taboo of menstrual health affect how women learn and talk about it.

Affinity Mapping

Persona

Confused Teenager
Jessica Smith (14)

“I have so much to learn and I need a place to start. ”

Perfect Planner
Ashley Swain (23)

“It’s not about having time, it's about making time.”

Caring Mother
Mei Dong (32)

“I want my family to care about me, like how much I do for them”

Hypochondriac
Deja Lewis (45)

“Sometimes I feel insecure and stressed about aging.”

03. Ideate

From How Might We(HMW) to Ideas Generation

Q
How might we remove misinformation?

A
Fun period quizzes to educate young people

Q
How might we improve time management?

A
Place quick tracking into the widget

Q
How might we encourage intimacy rather than just planning for a baby?

A
Share data automatically with partners

Q
How might we make aging an exciting thing and not a dreadful thing?

A

A community for women to support each other

04. Design Solution

Taskflow & Wireframe

Educational Quiz

Jessica is a confused teenager starting her period journey without guidance because her mom passed away. She needs an open space where she can learn without feeling uncomfortable

Widget

Ashley needs a way to keep a record of their period history consistently without spending an extensive amount of time on it and/or forgetting. They are going to set up the widget on their phone, and input their period information.

Data Sharing

Mei wants to communicate her fertile window date with her husband, David.
She is setting up the data sharing features in the app.

Community Forum

Deja needs a space to relate to other women who are also going through menopause to help her feel less alone while going through this drastic change.

Usability Testing

Educational Quiz

Wanted the articles to be more fun and easily readable.

Found information from Period Tracker more trustworthy because they believe it to be likely licensed by doctors.

Widget

Said they would consider using an app again if it had a widget function.

Had trouble remembering what the icon meant but prefer to keep it this way to keep the discreetness.

Data Sharing

Didn't understand the name of "data sharing mode". Prefer to call it "function".

Suggested that data can be shared to more than one person, such as friends or close relatives.

Community

Wished that there were more questions to better personalize the info she sees.

Would like to see doctors on the forum.

Educational Quiz

Introducing menstrual education in a fun way

For confused preteens, they need an open space where they can learn comfortably. By completing fun quizzes with our mascot Blobert, they can learn and identify period myths at their own pace.

Widget

Allowing quick logging in on a phone’s homescreen

For busy students and professionals, they expect an app that improves their time management. With a widget that allows quick logging in, they can have a detailed record of their health without going in and out of an app.

Data Sharing

Allowing women to share their body data with their loved ones

For young mothers who are looking for intimacy and open communication, it allows them to share data with their partner automatically. Their partner would receive notifications through email or message once it is set up.

Community Forum

Letting women stay connected and supporting each other

For women who may feel alone when their bodies are going through drastic change, like menopause, a community is built for them to feel less alienated. They can relate and gain insight with others going through similar experiences.

05. Design System

Design Statement

The purpose of the Period Tracker’s visual identity is to evoke a feeling of safety. The app uses a blend of warm tones to further capture the comforting atmosphere.

Typography

Color

Primary

Secondary

Grayscale

06. Outcomes

This redesign of the period tracker app helps women of all ages feel at ease with their menstrual cycles. It's not just about tracking periods with a digital device, but also about providing education, lifestyle advice, communication, and emotional support that women need.

Other Projects