Grace Health Cycle Tracking Page Redesign

Edewede Agenmonmen

Redesigned Grace Health’s cycle tracking page to help users log their full cycle rather than only the start date, creating a more accurate and personalized experience.

What is Grace Health?

Grace Health is a women’s health app designed for emerging markets. It provides accessible health services and information to digitally connected women who lack trusted access to health services. Users can track their periods, understand their reproductive health, receive notifications and reminders, access discounted medical services, and educational content.

What was the original process of tracking periods?

Originally, Grace assumed a 4-day period for every user. The app only allowed users to adjust their period start date, with no option to set an end date or customize their actual period length.

What challenges were users facing?

Inability to edit period dates:
Users can’t modify their period start or end dates after logging them, making it hard to keep their cycle history accurate.

Solution

If the user wants to end their period from the calendar

Users can now mark the end of their period directly from the cycle page using the new “End Period” button. Simply select the date on the calendar, and the app will highlight and save it automatically updating the cycle and adjusting the fertile window based on the new information.

If the user wants to end their period from the homepage

On the homepage, the user would be asked if the period has ended. If the user selects yes, a calendar pops up to let the user choose the end date. Once this is saved, the user is directed back to the homepage with an updated cycle card reflecting the new information.

If the user wants to edit their period start date

Users can tap the “Edit Period” button to update either the start or end date. Selecting “Edit Period” opens a calendar to pick the correct date, which is highlighted for clarity. The app requires a selection before saving and then updates the calendar with the new cycle length and fertile window.

If the user wants to select their end date

Simply tap “Edit Period” and select “End Period” to update the end date. The app highlights your choice for clarity and requires a selection before saving. Once saved, the calendar updates with the new cycle length and fertile window.

If the user wants to edit start and end dates

Tap “Edit Period” on a specific cycle to update both start and end dates. The app highlights your selections and requires a date for each before saving. Once saved, the calendar updates to reflect the new information for that cycle.
Check the live app here: Grace.Health
Like this project

Posted Oct 30, 2025

Redesigned the Grace Health app page to let users track their full cycle, not just the start date, for a more accurate and personalized experience.

Likes

0

Views

0

Clients

Grace Health

Landing Page Design for Travel Agency
Landing Page Design for Travel Agency
Nigerian Marketing Awards Website
Nigerian Marketing Awards Website
Wine Tasting & Rating
Wine Tasting & Rating
Travel Onboarding Experience
Travel Onboarding Experience

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc