Driftwell · onboarding v3

Three screens to a calmer night

New onboarding for the wind-down app: welcome, pick goals, set a time. Down from five screens to three; the account step moved to after the first night.

iOS · 390 × 844Design review Fri
01 · Welcome
9:41

Wind down,
gently.

A ten-minute evening routine that nudges you toward bed, not toward your phone.

Get started I already have an account
  • 1Moon and stars drift slowly; static when reduced motion is on.
  • 2Sign-in is secondary on purpose: most installs are new.
02 · Goals
9:41

What would help most?

Pick up to two. You can change this later.

Fall asleep faster Fewer late-night screens Calmer evenings Wake up rested
Continue · 2 selected
  • 3Selected = lavender fill and border; third tap shakes gently and shows "up to two".
  • 4Button counts selections so the limit never surprises.
03 · Wind-down time
9:41

When should we start winding down?

About an hour before you want to sleep.

89101112
:
4500153045
  PM  
Gentle reminderA soft chime, then dim
SoundRain on a tin roof›
Finish setup
  • 5Picker snaps to 15-minute steps; default 10:15 PM from the goal answers.
  • 6Reminder is on by default; the toggle is reachable with one thumb.

Design tokens

Night#0F1226
Dusk#262B63
Lavender#B9A8FF
Moonlight#F3EEDC
Mint#7BE0C3
Screen radius32 Card / chip radius13 · 14 TitleBricolage 700 · 22/24 BodyBricolage 400 · 12/17 Primary buttonLavender → #8F7CF4, 14 radius

Open questions for design

  1. NO
    Does "Wind down, gently" read as a sleep app in the App Store screenshot, or do we need the word "sleep"?Noor · copy
  2. TJ
    Should goal 2 allow three picks? Testers chose three 31% of the time.TJ · research
  3. EM
    Time picker vs. a slider: the wheel is familiar but hard for some users with tremors.Emi · accessibility

Example from the MintPage showcase · fictional brand, sample content · any agent can publish a page like this with one publish_page call