Onboarding explorations
A/B designs for onboarding, kept side by side. Tap options to try them. Choose one in each row and it goes straight into the app in yourEach set is marked as exploring or chosen, and the chosen ones are what we build into the app. Tap options to try them.nbsp;browser.
1Choice
Each option shows how far the help travels. A1 animates the distance in on the cards, A2 lets a small map lead, and B puts you between the two so you move to the one you pick.
This winter, which would you act on?
This winter, which would you act on?
This winter, which would you act on?
2Quick read
The screen after choice 3 that reads back how you lean. A places you on two scales, B plots you on one map, and C reads back your three picks so far.
So far, you lean close to home, and toward tonight.
Nothing’s locked in. Four more to go, and from here they get harder.
So far, you lean close to home, and toward tonight.
Nothing’s locked in. Four more to go, and from here they get harder.
So far, you’ve leaned close to home every time, and mostly toward tonight.
1The pantry on your avenueNear · Now
2The family evicted this morningNear · Now
3Tonight’s meals downstairsNow
Nothing’s locked in. Four more to go, and from here they get harder.
3Loading
Four takes on the wait between the last choice and your matches. Each one tells you what’s happening while it happens.
4What you said
The read-back after all seven choices: a short synopsis, then what matters most, in dark sage so it never reads as the button.
5Your starting place
The three places your spending goes first. A lists them, B leads with the split, and C places them on a map.
6You’re set
The last screen of onboarding. A is the card, B gives you your member number, and C shows your first tap.