# Ux

# User Experience (UX) Flow

To ensure a seamless experience for non-Web3 users, the application should follow a straightforward and intuitive user journey.

1. Landing Page

   • Introduction to the platform
   • Call-to-action: Sign Up / Log In

2. User Registration

   • Input: Email & Password OR social signup (Google, Discord, X, Facebook, etc.)
   • Verification: Email confirmation link

3. User Login

   • Input: Email & Password OR social login
   • Option: "Remember Me" for persistent sessions

4. Dashboard

   • Display: Available card minting options
   • Navigation: Profile, Collection, Marketplace

5. Select Card Option

   • Details: Card contents, rarity, price
   • Action: "Purchase" button

6. Payment Process

   • Options: Credit Card, PayPal, etc.
   • Confirmation: Payment receipt and summary

7. NFT Minting

   • Backend process: Mint NFT on EVM chain
   • Notification: Success message with card creation in progress

8. Card creation

   • Backend Agent process: start card generation
   • Notification: Success message with Reveal card action

9. Card Collection

   • Display: Newly acquired card
   • Actions: View details, Trade, Share

10. User Profile

• Information: Account details, purchase history
• Settings: Password change, linked payment methods