UI/UX Design for 3D Shopping AI App

Job ID: 39513988

Budget: $30 – $250 USD

Figma Design Request – 3D Shopping AI (Phase 1)

Hello,

I’m working on a project called “3D Shopping AI”, which is a futuristic mobile app for virtual shopping powered by AI.
The concept is simple but innovative:
• Users enter a virtual mall through their phones
• Walk around and explore real physical stores in 3D
• Add products to their cart
• Chat or talk with a virtual assistant or store staff
• Make purchases directly inside the app

For the first phase, I need a complete and clear UI/UX design for all key app screens using Figma.



What I need from you (UI/UX Designer):

Core Screens to Design:
1. Splash Screen
• App name “3D Shopping AI” in center
• Dark background with elegant futuristic style
2. Login / Signup Screen
• Toggle between “Customer” and “Merchant”
• Fields: Name, Phone Number, Password
• Sign In / Sign Up buttons
3. City Selection Screen (Optional)
• Simple city list or map
• For now: only Riyadh
4. Mall Entry Screen
• Visual showing a 3D virtual mall entrance
• Button: Enter Mall (this will later load Unity via WebView)
5. Store Interface
• Store name and hero image
• Product listing (grid or scroll)
• Clicking a product opens the details page
6. Product Page
• Product image
• Name, Description, Price
• Add to Cart button
7. Shopping Cart Page
• List of selected items
• Total price
• Checkout button
8. Chat Screen
• Basic live text chat UI (between customer and store owner)
• Message bubbles + input field
• Placeholder for future voice chat integration
9. User Profile Screen
• Display name, account type (Customer / Merchant), account settings



Design Style & Requirements:
• Dark theme with luxury feel (for fashion, perfumes, electronics)
• Neon blue / futuristic highlights
• Compatible layout for both iOS & Android
• Organized Figma file:
• One screen per frame
• Use clear labels
• Use arrows/links to show user flow between screens



Deliverables:
• Full Figma project link (editable or view-only)
• Organized frames by screen
• Mobile resolution (375x812 preferred for iPhone preview)
• Optional: thumbnail preview of each screen