Oh Dear design examples

Oh Dear

Sign-in screen where the user authenticates with their email and password, with options to recover their password or create a new account.

• Sign In

Oh Dear

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

• Forgot Password

Oh Dear

Password recovery screen where the user enters their email to receive a reset link, currently displaying an error for an unfound user.

• Forgot Password
• Error

Oh Dear

Signup screen where the user creates an account with their name, email, and password, accompanied by customer testimonials on a dark side panel.

• Sign Up

Oh Dear

Signup page where the user creates an account by providing their name, email, and password, alongside a panel of customer testimonials.

• Sign Up

Oh Dear

Signup page where the user creates an account by providing their name, email, and password, accompanied by customer testimonials on a dark side panel.

• Sign Up
• Account Setup

Oh Dear

Signup screen where the user creates an account with their email and password, accompanied by developer testimonials on a split layout.

• Sign Up
• Account Setup

Oh Dear

Verification screen where the user is prompted to check their email for a link to verify their account, with options to resend the email or log out.

• Verification
• Account Setup

Oh Dear

Onboarding step where the user creates their first team by setting a team name, timezone, and preferred primary uptime check location.

• Setup Wizard
• Team Management

Oh Dear

Instructional screen explaining that the user must click the link in their email to join a team, with an alternative link to create a new team.

• Getting Started
• Team Management

Oh Dear

Onboarding step where the user names their first team, sets a timezone, and chooses a primary uptime check location.

• Setup Wizard
• Team Management

Oh Dear

Onboarding screen where the user is welcomed and prompted to add their first site to monitor.

• Welcome
• Empty State