Flow product screens examples

Flow

Signup screen where the user can start a free trial by entering a work email or authenticating with Google or Microsoft.

• Sign Up
• Trial

Flow

Sign-in screen where the user enters their email to continue to a password step or authenticates with Google, Microsoft, or enterprise SSO.

• Sign In

Flow

Verification screen where the user is instructed to check their inbox for a link sent to their email address, with an option to resend it.

• Verification
• Account Setup

Flow

Signup step where the user sets their password after confirming their email address.

• Account Setup
• Sign Up

Flow

Onboarding step where the user selects their primary goal to personalize their experience before starting a free trial.

• Onboarding Checklist
• Setup Wizard

Flow

Onboarding screen where the user waits while their account is set up, featuring a split card with trial details and frequently asked questions.

• Loading
• Trial

Flow

Interstitial screen where the user chooses whether to open a link in the Mac App or Web App, with an option to remember the selection.

• Confirmation

Flow

Project management board where the user organizes tasks into To Do, In Progress, Needs Review, and Done columns.

• Dashboard
• Table

Flow

Search overlay where the user jumps to bookmarks, followed tasks, or assigned tasks, with a tip for using quick filters.

• Global Search
• Command Palette

Flow

Search overlay where the user searches across tasks and projects, featuring keyboard navigation hints and a tip for using quick filters.

• Global Search
• Command Palette

Flow

Task creation modal over a project kanban board where the user can set a title, notes, assignee, and due date.

• Add & Create
• Tasks

Flow

List view where the user creates a new note and assigns it to a specific project via a search combobox.

• Select
• Dashboard