Billing / Upgrade UX flow examples

Midjourney: Billing / Upgrade flowSelect a subscription plan and complete checkout with annual billing discount.This billing upgrade flow guides users through subscription plan selection and checkout. The interface features a pricing comparison table with multiple tiers, toggle between monthly and annual billing modes, prominent discount badges for annual commitment, and third-party payment processing via Stripe. Users encounter plan details, feature matrices, FAQ section, and email verification during checkout. The flow addresses subscription management, plan comparison, pricing tiers, commercial licensing terms, and fast generation hour allocation across different account levels.Linear progression through plan selection to payment with clear pricing and annual savings emphasis.Recorded Jun 2, 2026Tab SwitchingPlan SelectionPayment Flow Integration
Loads when you get here
Access subscription settingsClick on your profile menu to navigate to Account Settings and manage your subscription.
Loads when you get here
View subscription plan optionsReview the available subscription plans and choose between yearly or monthly billing options.
Loads when you get here
Select a subscription planChoose your preferred plan from the available yearly or monthly billing options.
Loads when you get here
Enter payment informationProvide your payment details to complete the subscription purchase process.
Loads when you get here
Confirm annual billing discountReview and confirm your annual billing selection to apply the 20% discount.
70%
Pulling up real product screens

Screens load as you reach them. Flying through lots of flows at once can make things stutter, so take it a few at a time.