Todoist product screens examples

Todoist

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

• Sign In

Todoist

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

• Forgot Password

Todoist

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

• Forgot Password

Todoist

Password recovery screen confirming that a reset link has been emailed to the user, providing a link to return to the login page.

• Forgot Password

Todoist

Password recovery screen where the user requests a reset link for their pre-filled email address.

• Forgot Password

Todoist

Signup screen where the user can create an account using Google, Facebook, Apple, or email, alongside social proof statistics.

• Sign Up

Todoist

Signup screen where the user creates an account using Google, Facebook, Apple, or email, accompanied by product usage statistics and illustrations.

• Sign Up

Todoist

Signup page where the user is creating an account with email and password, featuring social login options and usage statistics for social proof.

• Sign Up

Todoist

Full-screen loading state displaying the application logo and a spinner before the interface resolves.

• Loading

Todoist

Onboarding step where the user uploads a profile photo, enters their name, and toggles team usage before continuing.

• Account Setup
• Profile

Todoist

Onboarding step where the user enters their name, uploads a photo, and chooses whether to use the app with a team.

• Onboarding Checklist
• Add & Create

Todoist

Onboarding step where the user selects their role and opts into extra help while viewing a preview of their workspace.

• Onboarding Checklist
• Setup Wizard