Helping women understand their bodies, one day at a time

I started with wireframes to map out the main screens, from choosing a plan and creating an account to checking cycle history. This helped establish a consistent layout and clear navigation between tracking, articles, shopping, and consultations.

The onboarding journey starts with what each user needs: tracking a period, trying to conceive, or following a pregnancy. Short questions introduce relevant personal details step by step, while illustrations and simple layouts make the process feel approachable.

I brought cycle days, upcoming period estimates, and daily symptoms into a clear overview. A calendar helps users review their cycle history, while mood and symptom logging provides space to record how they feel throughout the month.

I designed the calendar to distinguish estimated fertile days, ovulation, and period dates through clear colour coding. This gives users trying to conceive an easy way to follow their cycle and understand their predicted fertile window.

The pregnancy experience presents progress month by month, with separate updates for the mother and baby. A visual timeline and focused information cards make it easier to explore each stage without overwhelming users with everything at once.

Alongside tracking, Hanar includes health articles, doctor consultations, and a shop for menstrual care and pregnancy essentials. I organised these into dedicated sections, keeping information, support, and products within easy reach through the bottom navigation.

This project explored how tracking tools and health information could work together in a more approachable mobile experience. My focus was on clear navigation, manageable steps, and a consistent visual language across different health journeys.