Tidewell

·

Sleep coaching app

Product

Onboarding that starts the first night

Onboarding that starts the first night

Tidewell lost half its sign-ups before night one. I cut onboarding from seven screens to three and built it in their React app.

Tidewell lost half its sign-ups before night one. I cut onboarding from seven screens to three and built it in their React app.

Year

2026

Role

Product design and front-end build

Duration

9 weeks

Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player
Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player
Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player

01 · The brief

What they asked for

What they asked for

People sign up at 11 p.m., hit seven screens of questions and fall asleep before they start. We need them in the program tonight, not tomorrow.

Constraints

  • Live before the January sign-up peak, nine weeks out

  • One front-end engineer on their side

  • Existing React and Tailwind codebase, no rewrite

Tidewell’s old onboarding funnel: seven screens and 22 questions, falling from 100% at Welcome to 49% who started session 1 the same night, with that 49% circled. Median time to session 1 is 4 minutes.
Tidewell’s old onboarding funnel: seven screens and 22 questions, falling from 100% at Welcome to 49% who started session 1 the same night, with that 49% circled. Median time to session 1 is 4 minutes.
Tidewell’s old onboarding funnel: seven screens and 22 questions, falling from 100% at Welcome to 49% who started session 1 the same night, with that 49% circled. Median time to session 1 is 4 minutes.
A sketchbook page with three pencil phone screens for the new onboarding (the goal, bedtime at 10:45, wind-down) and a list of old questions crossed out, noted ‘the other 19 → day 3’.
A sketchbook page with three pencil phone screens for the new onboarding (the goal, bedtime at 10:45, wind-down) and a list of old questions crossed out, noted ‘the other 19 → day 3’.
A sketchbook page with three pencil phone screens for the new onboarding (the goal, bedtime at 10:45, wind-down) and a list of old questions crossed out, noted ‘the other 19 → day 3’.

02 · Design

What I decided, and why

01

Ask three questions, not twenty-two.

The other nineteen didn’t change the first week’s plan, so they moved to day three.

02

Start the first session inside onboarding.

The wind-down audio plays on screen three, so night one begins before sign-up ends.

03

Dark by default after 8 p.m.

Most people sign up in bed. A white screen at 11 p.m. was its own drop-off.

03 · Build

How it was built

How it was built

Stack

React, TypeScript, Tailwind CSS, Framer Motion, Amplitude events

What the team kept

Merged into their repo behind a feature flag, with Storybook stories for all 14 new components and a recorded walk-through.

A component library on a laptop with the bedtime picker open at 10:45 pm, beside a phone playing the slow-breathing wind-down audio
A component library on a laptop with the bedtime picker open at 10:45 pm, beside a phone playing the slow-breathing wind-down audio
A component library on a laptop with the bedtime picker open at 10:45 pm, beside a phone playing the slow-breathing wind-down audio

04 · Result

What changed

+18%

activation (first session completed), six weeks after launch vs. the six weeks before

7 → 3

onboarding screens

90 s

median time to the first session, down from 4 minutes

Rhea redesigned it on a Monday and it was in our app that Friday. Our engineers kept every component.

Maya Brennan

Co-founder, Tidewell

Rhea redesigned it on a Monday and it was in our app that Friday. Our engineers kept every component.

Maya Brennan

Co-founder, Tidewell

Rhea redesigned it on a Monday and it was in our app that Friday. Our engineers kept every component.

Maya Brennan

Co-founder, Tidewell

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

Booking from March 2027

Replies within 1 business day

Pacific Time

Remix FREE

Create a free website with Framer, the website builder loved by startups, designers and agencies.