Navattic design examples

Navattic

Sign-in screen where the user is prompted to correct an invalid email address via a toast notification, with an alternative option to authenticate via Google.

• Sign In

Navattic

Sign-in screen where the user is authenticating with their email address, currently showing a loading state, with an alternative option to sign in via Google.

• Sign In

Navattic

Sign-in screen displaying an alert that no account was found for the entered email, offering options to continue with a different email, sign in with Google, or sign up.

• Sign In

Navattic

Signup screen where the user can create an account using an email address or Google SSO, accompanied by a list of product value propositions.

• Sign Up

Navattic

Signup screen where the user enters their email or authenticates with Google, alongside a value proposition and customer logos.

• Sign Up

Navattic

Signup page where the user enters a one-time verification code sent to their email to create an account, alongside a value proposition and logo wall.

• Sign Up
• Verification

Navattic

Onboarding step where the user enters their first and last name, accompanied by a dynamic preview showing how their name will appear in the product interface.

• Onboarding Checklist
• Add & Create

Navattic

Onboarding step where the user enters their first and last name to build their account, accompanied by a live preview reflecting their input.

• Account Setup

Navattic

Onboarding step where the user is asked how they heard about the product, featuring a progress indicator and a decorative browser illustration.

• Onboarding Checklist
• Add & Create

Navattic

Onboarding step where the user can request access to existing workspaces matching their domain or choose to create a new one.

• Onboarding Checklist
• Request Access

Navattic

Onboarding step where the user creates a new workspace by providing a name and URL, or chooses to join an existing one.

• Setup Wizard

Navattic

Onboarding step where the user creates a new workspace by providing a name and custom URL, alongside a stylized preview of the app interface.

• Setup Wizard
• Add & Create