Mango product screens examples

Mango

Sign-in screen where the user authenticates with their email and password.

• Sign In

Mango

Password recovery screen where the user enters their email address to request a reset link, with a secondary option to return to the sign-in page.

• Forgot Password

Mango

Authentication Account creation Onboarding File upload Form

Mango

Verification screen where the user is prompted to check their email to activate their new Mango account, featuring a direct link to Gmail.

• Verification
• Confirmation

Mango

Onboarding step where the user is welcomed to Mango with a city illustration and a prompt to start.

• Welcome
• Onboarding Checklist

Mango

Onboarding screen where the user is welcomed to Mango with a cityscape illustration and prompted to start using the application.

• Welcome
• Onboarding Checklist

Mango

Onboarding

Mango

Onboarding screen where the user reads a welcome message from the Mango team.

• Welcome

Mango

Onboarding screen where the user follows a three-step welcome tour to create their first store, create a test charge, and activate their store.

• Guided Tour
• Onboarding Checklist

Mango

Settings page where the user updates their personal profile information, including name, email, phone number, nationality, ID type, and bio.

• Profile
• Account Settings

Mango

Settings Form Account settings

Mango

Settings page where the user updates their account password by entering their current and new passwords.

• Settings
• Tabs