Workflow product screens examples

Workflow

Sign-in screen where the user authenticates with Google or chooses to log in with email.

• Sign In

Workflow

Sign-in screen where the user enters their email address to log in or navigates to create a new account.

• Sign Up

Workflow

Sign-in screen where the user attempts to log in with their email address and receives an error indicating no account exists.

• Sign In
• Error

Workflow

Sign-up screen where the user enters their email address to begin creating a new account.

• Sign Up
• Account Setup

Workflow

Onboarding step where the user provides their name to set up their new profile.

• Account Setup
• Profile

Workflow

Onboarding step where the user confirms or edits their full name and can optionally upload a profile picture.

• Account Setup
• Profile

Workflow

Onboarding screen where a welcome modal prompts the new user to take a product tour or skip it, overlaying a populated kanban board.

• Welcome
• Guided Tour

Workflow

Onboarding step where a product tour modal highlights a newly added design project on the user's kanban board.

• Dashboard
• Onboarding Checklist

Workflow

Design editor where a user is viewing a product tour modal explaining how to comment on creative work, layered over a canvas with numbered feedback pins.

• AI Assistant
• Media Editor

Workflow

Design editor where a user takes an onboarding tour covering version history while viewing a canvas with numbered feedback comments.

• Design Editor
• AI Review

Workflow

Onboarding screen where a product tour modal explains that reviewers can leave comments via a share link without signing up, overlaid on a design feedback canvas.

• AI Chat
• Comments

Workflow

Onboarding step where a product tour modal prompts the user to add their own work to the overview kanban board.

• Onboarding Checklist
• Workflow Builder