Mangomint design examples

Mangomint

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

• Sign In

Mangomint

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

• Forgot Password

Mangomint

Verification screen where the user enters a code sent to their email to complete the login process, with options to resend the code or go back.

• Verification

Mangomint

Onboarding page where the user follows a setup guide checklist to configure their basic account, staff, data transfer, and payments.

• Onboarding Checklist
• Getting Started

Mangomint

Password recovery screen confirming that a reset link has been sent to the user's email, with a link to return to the login page.

• Forgot Password
• Success

Mangomint

Password recovery screen where the user enters and confirms a new password to update their account credentials.

• Forgot Password
• Confirmation

Mangomint

Onboarding step where the user selects the services they offer, such as haircuts, massages, and nail services, to customize their account with sample data.

• Setup Wizard
• Trial

Mangomint

Onboarding step where the user selects the services they offer, such as haircuts, facials, and makeup, to customize their account with sample data.

• Setup Wizard
• Account Setup

Mangomint

Onboarding modal where solo providers are warned that the platform is designed for larger teams, presenting pricing tiers and requiring an explicit toggle confirmation to proceed with the trial.

• Trial
• Pricing

Mangomint

Onboarding screen where the user waits while sample data and staff members are added to their new calendar workspace.

• Loading
• Account Setup

Mangomint

Calendar view in an empty state prompting the user to set up services, staff members, and work schedules before appointments can be displayed.

• Empty State
• Calendar

Mangomint

Settings page where the user manages service categories and details, currently showing an empty state with a prompt to add a category.

• Settings
• Empty State