period. — not a question mark.
RESEARCH → DESIGN  /  SELF-INITIATED  /  2025–26
An end-to-end case study — survey to shipped screens

A survey of what 37 people couldn't find in period apps.

I ran two surveys on cycle tracking — one in Turkish, one in English; 37 people answered. What came out were four findings about the gap between what these apps promise and what people can actually find in them. This page tells the findings first, then the design that grew out of them. So — what's missing?

Method
2 surveys + desk research
Respondents
37
Screens designed
18
Built as
Working app prototype
01 — THE FINDINGS

The five things people can't find

2 SURVEYS (TR + EN) · 37 RESPONDENTS (24 AGED 25–34 · 12 WITH PCOS) · GOAL: SHARP SIGNALS, NOT STATISTICS

FINDING A
29/37

The one ask: a calendar that's right about when. The two most-repeated words in open answers: accuracy and simplicity.

“I want to track my period, it shouldn’t be rocket science complicated.” — respondent, verbatim
FINDING B
#1

The most-used tool isn't a period app — it's Apple / Samsung Health. The data says why: easy to use (7 of 8), accurate, free — and the feeling that “it's enough.”

“I used many different apps, premium and freemium, in the end I chose simplicity and started to use apple health, it’s enough” — respondent, verbatim
5 of 8 Health users flagged “too many features / complicated” — versus a third of the overall sample. They're not choosing the built-in; they're fleeing to it.
FINDING C
30/37

Would never pay; for 23/37, constant premium prompts are a delete trigger.

“It sometimes does not allow me to close the upgrade add. I was at a point to delete it.” — respondent, verbatim
FINDING D
19/37

The strongest trust signal: “let me use it without an account.”

Not a quote — a count: the most-selected option in the surveys' multiple-choice trust question (19/37).
FINDING E
Top 3

“Too pink, too childish” design is one of the top-3 frustrations.

Design matters to them — most rated it 4–5 out of 5 — yet they reject the look they're given. Considered, not bubblegum.

And those who aren't menstruating — or whose cycles are irregular — how do they track?

Step 1 · The dead end

My own surveys couldn't answer it. They only reached people who menstruate and track — and the nearest signal, “partner sharing,” was the least-wanted feature of all: 1 of 37.

Step 2 · Where the answers live

So I went where the un-surveyed users already complain in the open: app-store and Trustpilot reviews, plus peer-reviewed HCI research. In a 2025 study of 132 users, 41% of dissatisfaction traced to variable cycle length alone — and 4 of 11 in my Turkish survey had flagged the same problem.

Step 3 · It has a name

The literature calls it the “cycle regularity imperative” — apps flag a swinging cycle as “irregular,” and users read that as “unhealthy.”

“Even if they tried to predict my cycle taking PCOS into account, they were always off by at least 10 days.”

PCOS USER · HCI RESEARCH (TILBURG, 2025)
Step 4 · The crowded gap

Clue already ships a no-period tracking mode; Balance and Caria serve menopause; Euki, Drip and Spot On serve trans and non-binary users — while people keep settling back into the built-in Health app. The gap is real, but it isn't empty.

02 — DESIGN LANGUAGE

A period app that refuses to whisper

The brand starts with a sentence, not a logo: “period. — not a question mark.” Set in Jaro — a compressed, almost stubborn display face — in signal red, it reads as a statement of fact. The rest of the interface deliberately calms down around it: soft lavender surfaces, glass-like cards, one decisive indigo for every action.

Background
#F4F2FB
Primary
#3B21E3
Period / Menstrual
#E8736E
Follicular
#A78BFA
Ovulation
#FB7185
Luteal
#818CF8
Text
#222730
Text dim
#9AA5B1
Check-in
Jaro — display
Headings, numbers, anything that should feel certain.
How are you feeling today?
Nunito — body
Copy, hints, labels — rounded and unclinical.
28 days
Inter — data
Values and stats, tabular where it counts.

Every value lives as a token — colors, spacing, radii, type — mirrored 1:1 between the code (src/theme) and a Figma variable library, so the prototype and the design file can't drift apart.

03 — THE PRODUCT

Eighteen screens, each one answering a finding

Onboarding: eight screens to earn trust

The flow opens with the brand statement, then asks only what changes the product: how your period behaves (Regular / Irregular / No period — the mode decision from the research, asked as the second question), relevant conditions like PCOS or endometriosis, last period, duration, hormone therapy. Every step is skippable — “I don't know” and “prefer not to say” are real options, not dark-pattern fine print. And the final screen offers “continue without account” alongside sign-up — a quieter link below the card, but a genuine path into the app.

Welcome screen — period. not a question mark. brand statement with hormone wave illustration and Start button
0 · WELCOME
Onboarding — How's your period? Regular, Irregular or No period options
1 · HOW'S YOUR PERIOD?
Onboarding — Any medical conditions? PCOS, endometriosis, PMDD and more, with I don't know option
2 · CONDITIONS
Onboarding — When was your last period? Month, year and arc day picker
3 · LAST PERIOD
Onboarding — How long does your period usually last? Slider with glass thumb
4 · DURATION
Onboarding — Are you on hormone therapy? Yes, No, or prefer not to say
5 · HORMONE THERAPY
Onboarding — sign up card with Apple and Google options and continue without account link
6 · SIGN UP — OR DON'T
Onboarding — log in variant of the auth card
6b · LOG IN

Home: one screen, five decisions — scroll to walk through them

Keep scrolling: the home screen stays put while each element lights up, with the finding it answers right beside it.

Start here

This is the home screen

Everything 37 people asked for, on a single screen — no tabs, no digging. Keep scrolling: each element lights up in turn, tagged with the finding it answers.

Step 1 / 5
FINDING A

The answer before the question

The very first pixel is the status pill — Day 4 · Menstrual, date underneath. No dashboard to parse, no tab to hunt: where you are in your cycle is already on screen the moment the app opens. And it's honest: the pill only appears once you've logged data and a pattern has formed — the app never fakes a prediction it can't back.

Step 3 / 5
FINDINGS C + F

The premium feature, free — and different for everyone

The hormone curves paid apps lock behind subscriptions sit here as a free Insights card. And this is where Finding F lands: for irregular cycles, no periods, hormone therapy and perimenopause the pattern runs in different modes — everyone reads their own cycle.

Step 5 / 5
FINDINGS C + D

Below the fold of attention

Blog and Meditate close the screen: reachable, never in the way. Articles on PCOS and cycle health, a player that breathes — no feed, no streak shaming, no engagement bait.

Home screen — Day 4 Menstrual phase pill, Hello greeting, Check-in card at 0%, Cycle Pattern insights card, phase tip bar, Blog and Meditate cards
HOME — EVERY ELEMENT ANSWERS A FINDING
Step 2 / 5
FINDING B

Logging, one thumb away — twice

The Check-in card carries a progress bar — a deliberate choice: a half-filled bar creates the feeling of something almost complete, and that pull to finish nudges users to log more — every extra entry is exactly the data an accurate prediction needs. Fill the bar and the card celebrates you — “All logged ✦”. The same action repeats bottom-right as “Log today” and +, inside thumb reach.

Step 4 / 5
FINDINGS E + F

Advice that knows what day it is

The tip bar tints itself with the current phase and rewrites daily — rest and iron-rich food during menstruation, energy later. And the tips change with the mode too: no period or on hormone therapy, the guidance follows your situation. Never a verdict, never a guilt trip.

Logging that takes 30 seconds, not 30 taps

The check-in is five rows of pills — feel, blood, pain, craving, symptoms. Every option is one tap, thumb-sized (44 pt), no free text required. A date arc at the top swipes like a wheel; the selected day sits in a glass ring.

The Done button climbs from “Done” to “Superstar!” as you log — the only gamification in the app, and it costs nothing.

beat the built-inzero typing
Daily log screen — arc date picker with selected day in a glass ring, five quick-log pill rows, anonymous share card
DAILY LOG
Add entry screen — How's today header with Done button, date arc, quick-log pills, anonymous share and private journal fields
QUICK ADD + JOURNAL

A calendar that predicts without judging

The month view paints the predicted period as a soft coral band and tints the rest of the month by phase — follicular, ovulation, luteal. Logged days carry a tiny progress ring under the date.

What it never does: flag a late or irregular cycle as “abnormal.” That single pattern — the cycle regularity imperative — was the most documented anxiety in the research.

hypothesis → modeno guilt UI
Monthly calendar — predicted period shown as soft coral band across days 20 to 24, phase-tinted cells, legend, selected day panel with Add log button
MONTHLY VIEW — PREDICTION AS A BAND, NOT A VERDICT

The premium feature, free on purpose

Hormone analytics is what paid apps lock behind subscriptions — and 30 of 37 people said they'd never pay. So the Pattern screen ships it free: four hormone curves across a 28-day loop, draggable, with the current day pinned.

Below it, “You're not alone” — anonymous one-line notes from others on the same cycle day. Community without profiles, feeds or follower counts.

value, not paywallanonymous by design
Pattern screen — four hormone curves over a 28-day cycle with draggable cursor, phase card for the selected day, anonymous community notes
CYCLE PATTERN — HORMONES + COMMUNITY

And when a 28-day curve isn't your reality — Finding F — home itself switches mode. Answer “Irregular” or “No period,” flag hormone therapy or perimenopause in onboarding, and instead of a pattern the app can't honestly draw, you get a screen built for your situation. These screens are also designed to make a quieter point: underneath the tracker, this is a journal — prediction may step back, but daily logging carries value for everyone.

Irregular-cycle mode home — Your Cycle, Your Story header, why-logging-helps cards, common cycle disruptor chips, logging streak note
IRREGULAR MODE — RHYTHM, NOT A 28-DAY CLOCK
Hormone therapy mode home — therapy-aware tracking with meds and symptom focus instead of cycle prediction
HORMONE THERAPY MODE — MEDS-AWARE TRACKING
Perimenopause mode home — transition-focused guidance and symptom tracking without regularity judgement
PERIMENOPAUSE MODE — NO REGULARITY JUDGEMENT

The content layer follows the same rule. Tips and the Blog are personalised too — both re-rank by the mode the app is in and the phase you're on: menstrual-phase rest advice for a regular cycle, trigger-focused reads for irregular ones, therapy-aware guidance on hormone therapy.

Suggestions screen — phase-specific guidance with exercise and food cards for the menstrual phase
TIPS — PERSONALISED PER MODE + PHASE
Blog screen — search, featured daily read, category chips and article list with photography
BLOG — FEED FOLLOWS YOUR MODE
MEDITATE — LIVE DEMO · TAP READY

Stress sits at the top of the common cycle-disruptor list — Meditate is the rest moment built for it. The screen composes its visuals live, in tune with the music: each track paints its own palette and movement, and the whole field slows down as your session begins. The controls fade away after a few seconds and return with a tap — no feed, no streak, nothing to win. The third phone above is the real thing: tap Ready.

Settings that read like a receipt of the research

Cycle length and period duration as steppers, hormone-therapy as a first-class toggle that adds a Meds row to the daily log — and under About, one line that is the entire privacy policy: “All data stored locally on device.”

trust as a feature
SETTINGS — LIVE · FLIP THE IRREGULAR SWITCH
04 — NOT JUST PICTURES

A system and a prototype, not a stack of mockups

The design lives twice, deliberately. In Figma: a token library (color, space, radius variables), nine text styles, and 20+ components with variants — every screen assembled from instances, so a token change propagates everywhere. In code: a working React Native / Expo prototype sharing the same tokens 1:1. React Native is the framework production iOS and Android apps ship with — so what you see here isn't a click-through mockup; it's the actual app running on a phone. The arc date picker, the hormone chart and the meditation shader all run for real. Every screen on this page is exported straight from that synced design file.

18
screens — 10 core + 8 onboarding — built as component instances.
20+
library components with variants, bound to token variables.
1:1
token parity between the Figma library and the app's theme file.
10/37
would pay for doctor-ready reports — the first paid-feature candidate on the roadmap.
05 — HONESTLY, THOUGH

Limitations & what I'd do next

What this isn't

37 survey responses across two languages can't prove anything — they point. The secondary research oversamples people unhappy enough to write reviews. And the design decisions above are hypotheses made testable, not tested: no usability sessions have validated them yet.

Where I'd go next

Five moderated sessions watching first-time setup on the working prototype; a prediction-accuracy diary study against the built-in Health app; and a focused deep-dive with irregular-cycle and perimenopause users — the strongest validated group in the research. On the product side, two steps: doctor-ready reports — one of the strongest payment signals in the data (10 of 37 said they'd pay for it), shipped nag-free per Finding C as the first paid feature — and a perimenopause mode: 8 of 37 respondents were 45+ (6 of 11 in the Turkish survey), built on top of the existing Home variants.