Onboarding screen examples

Dock

AI chat modal where the user asks an agent to find an onboarding checklist and reviews the suggested asset records and alternative search terms.

• AI Chat
• AI Agent

Beside

Sign-in screen where the user authenticates with Google, Apple, email, or phone.

• Sign In

Exa

Onboarding step where the user selects which team workspace to enter, with the personal team currently loading.

• Workspace Switcher
• Loading

Town

Inbox view where the user manages team invitations and routine approvals, currently showing a zero-state message with no pending items.

• Empty State
• Approval Flow

Flora

Loading screen where the system provisions the user's new account before redirecting them to the app.

• Loading
• Account Setup

Lovable

Onboarding step where the user selects a Pro or Business plan and allocates monthly credits before creating their workspace.

• Pricing
• Upgrade Prompt

Amie

Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.

• Sign In

Navattic

Sign-in screen where the user is prompted to authenticate with their work email or Google after encountering a session-required error.

• Sign In

Mailchimp

List view empty state where the user is prompted to create their first tag to organize audience contacts, alongside a prominent trial countdown banner in the sidebar.

• Empty State
• Table

Liveblocks

Verification screen where the user enters a 6-digit code sent to their email address to authenticate.

• Verification

Maze

Onboarding step where the user can make their workspace discoverable by domain and invite teammates via a shareable link or email addresses.

• Invite Teammates
• Team Management

Cushion

Settings modal where the user manages workspace members, views invited teammates, and can invite new people or upgrade their plan.

• Team Management
• Invite Teammates