Projects / Luna
Client Project 2026

Luna is a period and wellness tracking app I designed: a calmer, warmer alternative to the clinical questionnaires most cycle-tracking apps open with. It walks through a 25-step onboarding flow that reads more like a conversation than a form, then hands off into a full app shell for daily cycle tracking, symptom logging, and insights.

Services:

Product Design Mobile UX Onboarding Design Front-End Build

Challenge:

Most period-tracking onboarding feels like a medical intake form: dozens of intimate questions asked back-to-back with no warmth or pacing. The goal was to make that same depth of personalization feel gentle instead of clinical.

Role:

Designed and built the entire flow solo: questionnaire architecture, screen-type variety (wheels, cards, calendars, dark check-ins), illustration and motion direction, and the full front-end implementation.

Luna cover: the app's daily check-in screen shown on a phone resting on a couch Luna
The Problem

Most period-tracking apps open with a wall of clinical questions: dozens of intimate prompts fired at you before you've even seen what the app does. That upfront intensity is a big part of why onboarding completion (and trust) drops off so early.

The Solution

Luna spreads that same depth of personalization across a 25-step flow that feels like a conversation: varied screen types, warmer copy, and pacing that never asks more than one thing at a time, so the app earns trust before it earns data.

By the Numbers

25+ Onboarding Questions Designed
6 Distinct Screen Types
1 Full App Shell Beyond Onboarding
100% Hand-Built, No App-Builder Templates

Wellness that feels like a deep breath.

Luna
Luna app home dashboard showing today's cycle day, calendar strip, and daily check-in

Status: In Development

Design and front-end build shipped from my end. The product is currently in development.

  • Calming, conversational onboarding
  • Cycle-phase-aware home dashboard
  • Built entirely in vanilla HTML, CSS & JS

Product Screens

Onboarding mood check-in screen asking how the user is feeling today
A soft opener: no pressure, just a mood check
Height wheel-picker onboarding screen
Wheel pickers for the fiddly stats questions
Wellness goals card-selection onboarding screen
Illustrated cards for multi-select goals
Last period date calendar picker onboarding screen
A calm calendar for the one question that matters most
Luna+ premium paywall screen with trial offer and testimonials
The paywall, designed with the same warmth as the rest of the flow
Luna app home dashboard after onboarding completes
Where onboarding hands off: the daily home dashboard
Live demo: click through the real onboarding flow

Outcome

Luna shipped as a fully built, functioning flow rather than a set of static screens: six distinct screen types (wheels, cards, calendars, dark check-ins) were built as a reusable pattern library instead of one-off screens, so new questions could be added without inventing new UI each time. Spacing personalization across a longer, warmer flow meant no single screen had to carry the full weight of feeling clinical. Onboarding also hands off cleanly into a working app shell, so the shift from answering questions to using the product happens in one continuous session, not a jarring cutover into a separate demo.

Onboarding to App, One Flow No hard cutover between the questionnaire and the daily-use dashboard.
Reduced Cognitive Load One question at a time, paced across screen types instead of a single long form.
Reusable Screen Patterns 6 screen types built as a pattern library, not one-off designs.
Design-to-Code in One Hand Built end-to-end solo, so intent never got lost in a handoff.
Consistent Visual Language Illustration, motion, and tone held steady from the first screen to the last.

Key Takeaways

cursor