Logo of UI Challenges
Sign in
Wireframe example for Onboarding
An example interpretation of the prompt
Icon of target

Onboarding

Icon of book open

Design a first-run onboarding flow for a new product. Treat it as the path from opening the app to reaching a usable account, not a marketing tour. The flow should introduce the product, collect only the minimum setup needed, and get the user to the first meaningful action fast.

Build 3–5 screens that cover: a short value intro, account creation or sign-in, one or two setup questions, and a final handoff into the product. Keep copy tight. Each screen should answer one question and move the user forward without forcing them to read a wall of text.

Show progress clearly so the user knows how many steps are left. Include skip, back, and continue actions, but keep one primary action dominant on each screen. If you include permissions or optional setup, make the choice obvious and easy to defer.

Icon of book open

Tip: Use progressive disclosure in your onboarding design—introduce the most important information first, then allow users to 'dig deeper' for more details. This keeps the experience light and focused.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.