Milanote product screens examples

Milanote

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

• Sign In

Milanote

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Milanote

Password recovery screen confirming that a reset link has been sent to the user's email address, with a link to return to the login screen.

• Success
• Forgot Password

Milanote

Signup screen where the user creates an account using their name, email, and password, or authenticates via Google or Apple SSO.

• Sign Up

Milanote

Signup screen where the user creates an account using their email and password or via Google and Apple OAuth.

• Sign Up

Milanote

Onboarding step where the user selects their profession from a list of checkboxes to personalize their workspace.

• Onboarding Checklist
• Setup Wizard

Milanote

Onboarding step where the user selects their professional role from a list of design and creative titles to personalize their workspace.

• Onboarding Checklist
• Account Setup

Milanote

Empty whiteboard canvas where a coach mark prompts the user to drag out a new board from the sidebar to get started.

• Empty State
• Getting Started

Milanote

Empty whiteboard canvas where the user is prompted by a popover to name their newly created board.

• Add & Create
• Empty State

Milanote

Design editor whiteboard where a product tour tooltip instructs the user to double-click their first board to open it.

• Getting Started
• Design Editor

Milanote

Empty whiteboard canvas where the user is guided by an onboarding popover to acknowledge the updated top navigation bar.

• Empty State
• Onboarding Checklist

Milanote

Design editor where the user selects a starting template for their new empty board from a floating dialog.

• Design Editor
• Templates