Insight 1
2cycles
For premenstrual syndrome (PMS), the UK’s National Health Service (NHS) advises keeping a symptom diary for at least two cycles and bringing it to your doctor.
Leelo
Leelo · Web app
A cycle companion that connects your pain, mood and sleep, so your body starts to make sense.
A minute a day. A friend on your side.
- Role
- Solo, end to end
- Scope
- Research, product and character design, design system, build with Claude Code
- Timeline
- 6 weeks, Sept to Oct 2026
- Outcome
- Live web app, in testing
Problem statement
Your cycle can shape your whole month, yet most of what it does goes unrecorded, and the patterns stay hidden.
Anyone with a cycle feels every bad day, but by next month the details have faded.
At the doctor's, there's little time, last month is a blur, and symptoms get overlooked.
Insight 2
39.8%
of women aged 18 to 49 in France report moderate to severe period pain.
Source: Study of 21,287 women, Journal of Clinical Medicine, 2021
Insight 3
“It took me 9 years to finally get diagnosed with endometriosis.”
Lucie isn’t alone: on average, an endometriosis diagnosis takes almost 7 years.
Source: User interviews · Review of 23 studies, Health Care for Women International, 2024
Insight 4
9 out of 11 would like to track their pain alongside what they eat.
Food 9 of 11
Activity 6 of 11
Medicine 6 of 11
Activity and medicine came next, with six people each.
Source: Leelo survey, 11 answers
Insight 5
“Maybe I could confirm it somehow.”
Bori stops eating dairy during her period because she noticed fewer cramps, but has no way to know for sure.
Source: User interviews
Insight 6
13%
of cycles are exactly 28 days long. The rest are shorter or longer: everyone’s rhythm is their own.
Source: Study of 600,000+ cycles, npj Digital Medicine, 2019
Insight 7
Same hormones, different reactions.
In a landmark study, doctors took away the cycle hormones of women with and without PMS, then gave the same doses back to everyone. Only the women with PMS felt their symptoms return. The same hormones can feel very different from one person to the next, and only your own log shows how your body reacts.
Source: Hormone study, New England Journal of Medicine, 1998
A collection of insights gathered from
Survey, interviews & cycle research
Daily check-in
A minute a day, one card at a time.
A short daily check-in with a friend who remembers how you felt.
Quick add · Insights
A few taps. Leelo connects the dots.
Your method · Your stage
Calm guidance for every method and every stage.
Onboarding
The evolution of the onboarding.
With each round, Leelo asked better follow-up questions.
Menopause skips the cycle questions. Perimenopause keeps them, with cycles up to 90 days.
Welcome
Name
Contraception
Last period
Cycle length
Period length
Focus
All set
Pill
Which pill?
Which pill today?
When do you take it?
Ring
How do you use it?
When did you put it in?
Patch
Which week?
Implant · Hormonal IUD
When was it fitted?
Injection
When was your last one?
Copper IUD: when was it fitted?
No periods right now
Menopause
Perimenopause: cycles up to 90 days
Calendar
Look back at any day, week or month.
Insights are grouped by topic, the Calendar by date. Pick a chip like Mood or Pain to colour the month, then open a week or a day to see everything you logged.
Design system
The whole app follows the clock.
It started with my mockups in Figma. From there, I turned them into tokens for colour, type, spacing and shadows, built in code with Claude Code. Every screen and component uses the same tokens, so the app stays consistent, even when it changes from day to evening to night, Leelo included.
Day
06:00 to 16:59
Evening
17:00 to 20:59
Night
21:00 to 05:59
Main typeface
RegularMediumSemiBold
Raleway
#3B3B3B Text
#545454 Muted text
#AF1B0C Accent text
#C8321F Action
#F35C4C Shape · brand
#FDE8E6 Tint
#3A1C35 Text
#644B57 Muted text
#A0313B Accent text
#C03A46 Action
#D4717A Shape · brand
#F4D3DA Tint
#F0EEFF Text
#C6CDFC Muted · accent
#6C63B0 Action
#A5AFFB Shape · brand
#33376D Unpicked chip
#1C1F48 Background
Components
MonthWeekDay
Headache Bloating
Not yet Yes, today
Your focus Luteal
Happy 
Sad How it was built
Iterative designs towards the beta: now testing on 8 phones.
I designed the screens and drew Leelo in Figma, animated it with Claude Design, and built the app with Claude Code. I checked each change on my own iPhone, then saved it to GitHub and published it with Vercel. That loop let me try an idea, throw it away and try again, so most screens went through several rounds before the beta. Everything testers log stays on their phone.
