Product & app UX flows templates
User flows for apps and websites — onboarding, checkout, subscriptions and permissions — the diagrams product designers and PMs draw before building. Every one opens as a real, editable diagram — restyle it, extend it and export it as your own.
All 13 product & app ux flows templates
Mobile app onboarding flow
First launch through first value: permissions asked in context, account creation, and personalisation — the flow most growth teams obsess over.
MermaidSubscription billing lifecycle
Trial, conversion, renewals, failed-payment dunning and cancellation — the state machine behind every SaaS or app subscription.
MermaidIn-app purchase & receipt validation
Buying a digital item in a mobile app, with server-side receipt validation and entitlement delivery — the flow every app with IAP needs to get right.
MermaidFeature flag progressive rollout
Shipping a feature behind a flag: internal, beta, percentage ramps and kill switch — how product and engineering de-risk launches.
MermaidSearch results user flow
From typing a query to finding a result — autocomplete, filters, zero-results recovery. A common UX flow for e-commerce and content sites.
MermaidAccount deletion (right to erasure)
A user-initiated account deletion with grace period, data export and downstream purge — what app stores and privacy law now require.
MermaidTwo-sided marketplace transaction
Buyer, seller and platform in one flow: listing, escrow, delivery and payout — the core loop of marketplaces like Etsy, Airbnb or Upwork.
MermaidMobile permission request pattern
The pre-permission prompt pattern that raises opt-in rates for camera, location and notifications — a UX best-practice diagram.
MermaidIn-app feedback to roadmap loop
How user feedback captured in the product becomes a shipped change and a closed loop back to the user — a product-ops process diagram.
MermaidCart abandonment recovery
What happens after a shopper leaves with items in the cart: timed emails, incentives and suppression rules — a common e-commerce CRM flow.
MermaidFree trial to paid conversion
How a SaaS free trial converts: sign-up, activation milestones, in-app nudges and email nurture, upgrade prompts at trial end, and grace or downgrade paths.
MermaidTeam member invite flow
How a SaaS app invites teammates: admin sends invites, seat and domain checks, email or SSO acceptance, role assignment and workspace onboarding.
MermaidPlan upgrade & downgrade flow
How SaaS customers change subscription plans: compare tiers, proration on upgrade, scheduled downgrades at period end, and feature limit checks.
Mermaid