Flows · 60
User flows
Step-by-step journeys through real products — from first touch to the core experience, assembled from captured screens.
Affirm — Discover to shop with Affirm
A shopper lands on Affirm, learns how pay-over-time works, builds trust, then finds stores to shop.
4 steps
Algolia — Discover AI search to ecommerce
A buyer lands on Algolia, explores AI Search, validates with customer proof, then dives into the ecommerce solution.
4 steps
Allbirds — Discover to shop journey
A shopper arrives on the homepage, explores the brand's values, then browses men's and women's collections to shop.
4 steps
Anthropic — Explore to pricing
A visitor lands on the homepage, explores the Claude product, reviews research and news, then evaluates pricing.
4 steps
Apple — Browse to purchase iPhone
A shopper lands on Apple's homepage, explores the iPhone, then heads to the store to buy and add services.
4 steps
Bluesky — Discover to signup
A new visitor lands on Bluesky's homepage, learns about the company and its content, then creates an account.
4 steps
Brex — Landing to pricing evaluation
A prospect journeys from the homepage through product and spend capabilities, validates with customer proof, then reviews pricing.
5 steps
Cal.com — Landing to enterprise plan
A prospect explores Cal.com's homepage, compares plan pricing, then dives into the enterprise offering to evaluate a team purchase.
3 steps
Calm — Explore to subscribe
A visitor lands on Calm, explores meditation and sleep content, then converts on a paid subscription.
4 steps
Clerk — Landing to developer evaluation
A developer discovers Clerk, reviews pricing, validates it through docs, and sees proof via customer stories.
4 steps
Cloudflare — Explore to Zero Trust security
A visitor lands on the homepage, learns the fundamentals, then explores Zero Trust and network products.
4 steps
Coinbase — Discover to Wallet
A new user lands on Coinbase, explores assets, learns the basics, checks prices, and sets up a wallet.
5 steps
Convex — Landing to plan selection
A developer discovers Convex on the homepage, explores its AI capabilities, then reviews pricing plans to commit.
3 steps
Coursera — Explore learning paths
A learner lands on the homepage and explores degrees, certificates, and business plans to find the right learning path.
4 steps
Discord — Discover to community
A new visitor lands on Discord's homepage, learns about safety and rewards, then explores how companies and communities use the platform.
5 steps
DoorDash — Explore platform & partner paths
A visitor learns about DoorDash, then explores earning as a Dasher and growing a business as a merchant partner.
3 steps
Dropbox — Explore to plan selection
A prospective customer lands on Dropbox, explores features and business use, verifies security, then picks a plan.
5 steps
Duolingo — Explore to course enrollment
A learner lands on the homepage, validates Duolingo's proven results, then explores courses and certification options to start learning.
4 steps
Figma — Explore to sign up
A new user lands on the homepage, explores the Design and FigJam products, compares pricing, then signs in to start.
5 steps
Fly.io — Evaluate to deploy
A developer discovers Fly.io, learns the company's approach, compares plans, then dives into docs to start deploying.
4 steps
Framer — Landing to plan selection
A visitor explores Framer's homepage, dives into features and real-world examples, then reviews pricing to pick a plan.
5 steps
GitHub — Landing to sign-up
A new developer explores GitHub's homepage, reviews plans, then creates an account to get started.
4 steps
Headspace — Explore to subscribe
A visitor lands on the homepage, explores meditation and sleep content, then reviews plans to subscribe.
4 steps
Lemonade — Home to coverage selection
A prospective customer explores Lemonade's home page, compares coverage types, and learns how its Giveback model works.
5 steps
Linear — Discovery to conversion
From understanding Linear's methodology through exploring features and validating with customer stories to selecting a pricing plan.
4 steps
Liveblocks — Landing to developer onboarding
A developer discovers Liveblocks, sees customer proof, browses examples, then dives into docs and pricing to start building.
5 steps
Loom — Explore to plan selection
A prospective user lands on Loom, explores use cases, AI, and integrations, then evaluates pricing to pick a plan.
5 steps
Mailchimp — Explore to plan selection
A prospect lands on the homepage, explores features and automation capabilities, then compares pricing to choose a plan.
4 steps
Mercury — Explore banking to financing
A startup founder discovers Mercury, explores its credit card, reviews pricing, and considers raising capital.
4 steps
Modal — Landing to pricing evaluation
A prospective user discovers Modal on the homepage, validates it through customer proof, then reviews pricing to convert.
3 steps
Mux — Explore platform to pricing
A developer lands on Mux, explores its Video and Data products, validates it through customer proof, then reviews pricing.
5 steps
Nike — Browse to membership signup
A shopper lands on the homepage, explores men's and women's shoes, then joins Nike membership to check out.
4 steps
Notion — Discovery to Sign-up
New visitor explores the product, evaluates pricing, and creates an account.
4 steps
Patagonia — Discover, shop & connect
From the homepage a user browses men's and women's collections, then explores Patagonia's stories and activism mission.
5 steps
Patreon — Discover to creator signup
A prospective creator explores Patreon's value, reads success stories, then compares membership plans to get started.
3 steps
Pinterest — Discover to business onboarding
A visitor lands on Pinterest, learns about the company, then explores how businesses and creators can use the platform.
5 steps
PlanetScale — Landing to plan selection
A prospect explores PlanetScale's homepage, dives into features, validates with customer proof, then picks a pricing plan.
4 steps
PostHog — Landing to product evaluation
A prospect lands on PostHog, explores core products, validates with customer proof, then checks pricing.
5 steps
Railway — Discover to deploy
A developer lands on Railway, explores its features, weighs pricing, then dives into docs and changelog to start building.
5 steps
Reddit — Explore to advertise
A visitor lands on Reddit, browses topics and community coins, then discovers business advertising and the company behind it.
5 steps
Render — Landing to pricing evaluation
A prospective developer explores Render's platform, validates it through customer proof, and reviews pricing before signing up.
3 steps
Resend — Evaluate email API to pricing
A developer discovers Resend on the homepage, validates it via customer stories and the blog, then compares pricing to commit.
4 steps
Robinhood — Explore to Gold upgrade
A new visitor lands on Robinhood, explores crypto and options trading, then upgrades to a Gold membership.
4 steps
Sentry — Landing to product onboarding
A developer discovers Sentry, checks pricing and proof, then onboards into error monitoring.
5 steps
Shopify — Explore to plan selection
A merchant lands on Shopify, explores selling tools, compares plans, and evaluates the enterprise tier before committing.
4 steps
Slack — Landing to plan selection
A prospective team explores Slack's value, digs into core and cross-org features, then weighs plans to pick one.
4 steps
Spotify — Landing to Premium signup
A visitor explores Spotify's home, compares Free vs Premium plans, and converts by creating an account.
4 steps
Squarespace — Explore to plan selection
A user discovers Squarespace, explores website and ecommerce capabilities, browses templates, then reviews pricing to choose a plan.
5 steps
Stripe — Payment platform exploration
User discovers Stripe, explores payment processing capabilities, then reviews pricing to evaluate adoption.
3 steps
Substack — Discover to subscribe
A prospective writer explores Substack's homepage, learns about its mission, then reviews pricing before deciding to publish.
3 steps
Supabase — Explore platform to pricing
A developer lands on Supabase, explores the core database, auth, and storage products, then reviews pricing to commit.
5 steps
Telegram — Discover to install
A new visitor explores Telegram's value, checks privacy and answers, then heads to download an app.
5 steps
Threads — Discover and join the conversation
A new visitor lands on Threads, learns what the app is about, then explores trending conversations to dive in.
3 steps
Todoist — Landing to plan selection
A new visitor explores Todoist from the homepage through features and templates, then compares plans to pick one.
4 steps
Trello — Landing to plan selection
A new visitor lands on Trello's homepage, explores the product tour, then reviews pricing to pick a plan.
3 steps
Twitch — Discover to creator onboarding
A visitor lands on Twitch, browses live categories, then explores paths to grow and earn as a creator.
4 steps
Vercel — Landing to account signup
A visitor explores Vercel's homepage and observability product, then creates an account to get started.
4 steps
Webflow — Landing to platform capabilities
A prospect explores Webflow's homepage, then dives into CMS, Ecommerce, and Interactions to evaluate the platform's core capabilities.
4 steps
Wise — Explore to pricing decision
A prospective customer lands on Wise, explores the multi-currency account, weighs pricing, and considers the business offering.
4 steps
WorkOS — Landing to product evaluation
A developer lands on WorkOS, explores core enterprise features, checks social proof, and reviews pricing before adopting.
5 steps