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, accompanied by customer testimonials on a dark side panel.

• 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 screen where the user is welcomed and prompted to add their first site to monitor.

• Welcome
• Empty State

Oh Dear

Create modal where the user enters a URL and toggles specific monitoring checks like uptime, performance, and broken links to add their first site.

• Add & Create
• Empty State

Oh Dear

List view where the user manages their monitored sites, featuring a trial countdown banner and a success toast for a newly added site.

• Dashboard
• Table

Oh Dear

List view where the user monitors the performance, issues, and active checks for their configured sites.

• Dashboard
• Table