Tango.ad Login Page – User Access & Authentication Guide

Overview

The Tango.ad Login Page allows users to securely access their accounts by entering their credentials or using Google sign-in. It is the entry point for returning users.

Page Elements

1. Logo & Branding

• Located at the top center of the page.
• Displays the Tango.ad logo for brand recognition.

2. Welcome Message

• Headline: “Welcome back”
• Subtext: “Sign in to your account”
• Purpose: Guides users and confirms they are on the login page.

3. Email Field

• Input field labeled “Email”.
• Users enter their registered email address.

4. Password Field

• Input field labeled “Password”.

  Characters are hidden for security.

  Includes a “Forgot password?” link:

  • Allows users to reset their password if they cannot remember it.

5. Terms & Privacy Notice

• Informational text below the password field.

  States that by signing in, users agree to:

  • Terms of Service
  • Privacy Policy

6. Sign In Button

• Primary action button labeled “Sign In”.

  Clicking this will:

  • Validate the entered credentials
  • Log the user into their account if correct

7. Create Account Option

• Text: “Don’t have an account? Create one”

  “Create one” is clickable:

  • Redirects users to the registration/sign-up page.

8. Google Sign-In Option

• Button labeled “Continue with Google”
• Allows users to log in using their Google account.
• Faster alternative to manual email/password login.

User Flow

1. User enters their email and password
2. Clicks Sign In
3. If credentials are correct → user is logged in
4. If incorrect → error message appears (not shown but expected behavior)

Alternative flows:

• Click Forgot password? → Reset password process
• Click Create one → Registration page
• Click Continue with Google → Google authentication

Best Practices / Notes

• Ensure correct email format before submitting.
• Passwords are case-sensitive.
• Google login requires an active Google account.
• Users must agree to Terms & Privacy to proceed.