┌───────────────────────────────────────────────┐
│ │
│ Welcome! Let's get started. │
│ │
│ Step: ●────●────●────○────○ │
│ 1 2 3 4 5 │
│ │
│ ┌───────────────────────────────────────┐ │
│ │ │ │
│ │ What best describes your role? │ │
│ │ │ │
│ │ ┌─────────────┐ ┌─────────────┐ │ │
│ │ │ 💻 Developer│ │ 🎨 Designer │ │ │
│ │ └─────────────┘ └─────────────┘ │ │
│ │ ┌─────────────┐ ┌─────────────┐ │ │
│ │ │ 📊 Manager │ │ 🏢 Founder │ │ │
│ │ └─────────────┘ └─────────────┘ │ │
│ │ │ │
│ └───────────────────────────────────────┘ │
│ │
│ [ ← Back ] [ Next → ] │
│ │
└───────────────────────────────────────────────┘Onboarding
SaaS Multi-Step Onboarding Wizard
A guided 4-step onboarding flow for a SaaS product — covering profile setup, team invite, workspace configuration, and a success screen with next steps.
--onboarding--wizard--multi-step
Medium