Liz Shinn Studio logo Home About

Menstrual Wellness App and Design System

Screenshots of Embody app
Objective

I worked with Embody to launch a period wellness app with a mission to empower users with personalized menstrual insights and better data protection.

Role
Product Design Lead
2023-2024
Product Strategy
Design Systems
UX/UI
Mobile App
User Research

Key problems

  1. 1 87% of other period trackers shared their users’ private health data with third parties.
  2. 2 No apps have personalized insights for what to expect during each phase of your cycle.
  3. 3 Users can't find key features since other trackers are cluttered by ads and paywalls.
Our solution

We solved these user problems by designing and launching a period app that provided personalized cycle insights and protected user data by encrypting and storing it locally on their phone.

Embody app analysis and logging screens

Creating the MVP Embody app

During the discovery phase of the project, I conducted a competitive audit and a qualitative user study. The goal of the study was to understand what users want from a period tracking app. I learned that users wanted:

After the study concluded and I presented the findings to the team, I facilitated a team workshop using the “Jobs to be Done” framework. In the workshop, we used post-it notes to write down all the features that we (as period tracker users ourselves) wanted to see in our app. We cross-referenced this with my competitive audit and user research to create a list of the highest priority features to include for the MVP launch.

Jobs to be done workshop

Launching the Embody widget

Embody had a WhatsApp thread where I regularly shared in-progress design work with the early Embody community. From this, I received feedback that users wanted a quick way to see where they were in their cycle. To address this, I worked closely with the lead engineer to create an Embody widget.

My goal was to educate users while keeping the widget experience enjoyable. Since the menstrual cycle can be stressful, any Embody app experiences should feel reassuring in both content and visual design. We used a seasons metaphor to visually reflect the four phases of the cycle. For the widget, I incorporated seasonal imagery so users could easily see which phase they were in right from their home screen. They could also view their upcoming period date.

We received positive feedback from users who really appreciated the convenience of the Embody widget. At the time, no other period trackers offered a widget, making it a key differentiator for Embody.

Embody widget

My strategy for new features

For any new features, in the discovery phase I referenced past research and floated early design work to users in our community. Using this and team feedback, I first mapped out the user flow to understand the full journey.

I created wireframes and Figma prototypes so we could test early. Embody's symptom logging feature was key to the app experience, so I prioritized this feature for early user testing. I discovered several issues and made improvements to the design.

I also built a design system in Figma to better collaborate with the lead engineer and document design decisions. The design system allowed me to scale and maintain consistency as we added new features and new team members.

Embody design system and Figma organization
High fidelity Figma designs for the Embody home page

Marketing the app

In addition to our social presences on TikTok and Instagram, I considered many entry points in the user journey for how someone would hear about Embody.

An important first impression was the Embody website. In a sea of generic stock photos, we wanted Embody to show its authenticity. I directed a photo shoot to capture shots of Embody users using our app in real-world scenarios.

We used the photography and the user feedback we gathered during the photo shoot across our socials, pitch decks, app store listings, and the website.

View Website
Embody app Ovulation phase app screen
Screenshots of Embody website
Image of a woman holding a phone showing the Embody app