Ovul Period Tracking Web Application
Powered by Prifina
Client: Prifina, a data privacy company
Problem: Prifina was in need of web applications for their platform
Goal: Create a web application that requires sensitive user data
Solution: My team and I created a period tracking web application. Period tracking data is currently being used in an irresponsible way worldwide, so this use case is for users looking to keep that data truly private.
My Role and Responsibilities: I was one of two UX Designers and my main responsibilities were user research, usability studies, wireframing, design iteration, and prototyping.
My Team: Sarah Kelly, UX Designer
Gelvin Escueta, UX Designer
Shiven, Developer
Yichung Chiu (YC), Developer
Yohan Jeon, Developer
Final Design
-
![]()
Landing Page
-
![]()
Dashboard with Temperature Data
-
![]()
Dashboard with Heart Rate Data
-
![]()
Dashboard with Sleep Data
-
![]()
Dashboard with Stress Data
-
![]()
Period Dates Page
-
![]()
Edit Period Dates Page
-
![]()
Tracking Page
-
![]()
Onboarding Welcome Page
-
![]()
Onboarding with Calendar Design
-
![]()
Onboarding with Scrolling Calendar
-
![]()
Onboarding with Checkboxes
-
![]()
Sticker Sheet
How we got there…
User Research
For this project, we started our research with a competitive audit. We looked at the top 4 downloaded period tracking apps in the Apple App Store and the Google Play Store. We analyzed the features, accessibility, user flow, navigation, as well as the visual design, and an in depth look at the privacy policies.
We also conducted user interviews. Here are some of the insights we gathered from the interviews:
Cross compatibility
Users want the cross-compatibility with wearable devices & Ovul.
Discovered from a users pain point of brand limitation (from apps like the Health app).
Privacy
Ovul emphasizes the importance of private user data. With Prifina, only users have access to their data.
Research shows that many competitors share & sell private data of users.
Customization
Users share their interest in customization with Ovul.
According to the user interviews, customization of aspects like a dashboard is useful per user needs.
Ideate and Design
For this project, our initial ideations were low fidelity wireframes made in Figma. We created a landing page and a dashboard for our web application. We wanted the landing page to have all the information about why users should choose our app over competitors. For the dashboard, we envisioned a customizable layout with symptom tracking cards the users could swap out based on their needs. Our app also allows users to add data from their wearables (Fitbit, Apple Watch, Oura Ring or Garmin) and we wanted that data to be displayed separately but be easy for the user to understand at a glance.
Calendar
Symptom Widgets
Articles relating to symptoms tracked
1st Dashboard Iteration
1st Iteration Tracking Page
1st Landing Page Iteration
Wearable Tracking Data
Hero Section
About Section
Features
User Testimonies
Competitive Comparison
More Design
We also designed the onboarding process for new users.
Usability Study
The results of our initial usability study were surprising. The main theme was that Ovul felt unfinished. Users felt the tracking page was lacking information and they did not like the calendar on the original dashboard.
We surveyed users about which symptoms were most important for monthly tracking. We also included iconography in the second iteration. We ultimately changed the tracking page to include mostly iconography in the final iteration. We also changed the calendar functionality on the main dashboard.
