Dynamic sign-up content
Sketch will dynamically change the sign-up content depending on your role.
Design Examples
Form Design Examples: Real Sign-Up Flows
Browse real sign-up flows, including Twitch, Wordle, Atoms and Ahead, with our analysis of delayed account creation, personalised prompts and commitment tactics.
Real world examples:
Updated: 23/09/2026, view all 1,490 examples
Examples on Built for Mars include
Twitch personalises sign-up with the streamer
Wordle prompts sign-up once a badge is won
Atoms lets you build a habit before sign-up
Action into sign-up loop
If you attempt to like a Twitch stream, without having an account, you'll see a sign-up prompt personalised with the streamer that you were just watching.
Clarifying your age
When signing up to BeReal, the CTA label will confirm your age. This makes it easier to spot mistakes, and feels more personal.
Reducing sign-up friction
After downloading the Atoms app, you can dive straight into creating a habit, without having to first create an account.
Nudging a sign up
If you earn a badge without having an account on Wordle, they’ll leverage that moment to get you to create one.
Fake fields during onboarding
Subscribe to unlock this example
Plans start from £8 per month
Another way to verify your email address
Subscribe to unlock this example
Plans start from £8 per month
There are more than 1400 UX Bites like this
Subscribe to BFM+
If features can be coded in minutes, thoughtful design is what wins
- Unlock the entire library
- Create custom UX courses
- Access our AI tools
£8/monthbilled annually
or, wait for the free stuff
Join the free newsletter
Get the free content when it's released, straight to your inbox, no account required
"An exceptional resource for learning how to build habit-forming products that people love."
"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."
"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."
"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."
FAQs
When is the best moment to ask someone to create an account?
Right after they hit a gated action or earn something, because that is when an account has an obvious purpose. For example, Wordle prompts sign-up when you earn a badge, using loss aversion since you don't want to lose something you feel you've earned. Twitch does the same when you try to like a stream.
Does letting people use an app before signing up actually help conversion?
It lowers the sunk cost of trying the product, which reduces loss aversion around getting started. As an example, Atoms drops you straight into setting up your first habit after download, with account creation offered as a secondary option rather than a gate.
How can sign-up forms respond to what the user has already entered?
Content can change based on earlier inputs, so the form feels more relevant and errors are easier to catch. For instance, Sketch swaps its sign-up content depending on the role you pick (e.g., Product Owner or Developer), and BeReal shows your calculated age in the CTA label so a mistyped birth year stands out.
Is there a less disruptive alternative to email verification links?
Verification doesn't have to involve a trip to the inbox. Loops, for example, lets you verify your email address through a social login, removing the context switch of finding and clicking a link.
Can a sign-up flow influence long-term retention?
Sign-up can be used to secure a commitment, not just collect details. This is what Ahead does by asking you to draw in a signature box to promise yourself you'll use the app regularly. The box does nothing technically, but Cognitive Dissonance makes people reluctant to go back on a commitment they've made.
Why would an onboarding flow use fake input fields?
Real system fields and keyboards bring default behaviour and visual noise that get in the way of teaching. As an example, 1Password recreates an iOS-style keyboard and fields during onboarding, so it looks familiar but can be stripped back and paired with tooltips.