Skip to content
TV viewLet’s talk
EN
All work

Mobile app design

DoBetrBoy. Cycle tracking from the partner's side

An app for partners that follows cycle phases, cravings and small ideas for offering comfort. A phase ring on Home, a checklist of cravings and a library of supportive words each answer one practical question.

Contribution
Product flows and interface design
Project status
Interface design · Figma archive
DoBetrBoy presentation cover from the original design file.
Presentation cover from the original file.

Screens from the original Figma design file, with sample data.

My contribution

DoBetrBoy is an app for partners. It follows where she is in her cycle, keeps track of what she is craving and collects small ways to offer comfort. I designed its screens around a plain question: what might help today?

Every date, phase and note on screen is sample data.

Recorded from the Figma prototype. From the cycle ring to the calendar, the craving list and the profile.
Home screen with a week strip, a ring divided into four cycle phases with a legend, the text Period in 15 days in the centre, and a card with a sleeping face saying she is in the Luteal phase and might need a little rest.
Home: today's place in the cycle, with a short note below. Sample data.

The day at a glance

Home leads with a ring divided into the four phases, a marker on today and two lines in the centre: the date and the days until the next period. A week strip sits above it and a legend below, so the chart explains itself.

Under the ring, a card turns the phase into a short note: “She is in the Luteal phase”, followed by “She might need a little rest”. The wording stays tentative, a suggestion and not a statement of how she feels.

Comforting Library card with the sentence You don't have to fix everything. Just being there already means a lot, an illustration of two people hugging, and back, share and next buttons.
Comforting Library: one sentence at a time, ready to share.
Craving list with an AI Assistant card, List and Suggestions tabs, and checklist items such as chocolate cake and bubble tea grouped under Sweets and Strange mix.
Craving list: items grouped with checkboxes, plus an AI assistant for ideas.

Small, practical gestures

The rest of the app turns that information into something to do. The Craving list groups items into sections such as Sweets and Strange mix, each with a checkbox, and an AI Assistant card offers to generate more ideas. The Cycle Calendar carries the ring's colours onto the month and keeps notes for the selected day below it.

The Comforting Library is the quietest screen: one sentence and one illustration at a time, with controls to go back, move forward or share.

Cycle Calendar showing a month with four days highlighted in the phase colours and, below it, a card with notes for the selected day.
Cycle Calendar: phase colours on the month, notes for the selected day. Sample data.