Mobile App UI/UX Design - Main Issue

[samgawaran]

Research

• https://github.com/colonistio/design/issues/227
• https://github.com/colonistio/design/issues/247

Links

• [ ] Master Prototype Link (last updated on February 8, 2023)
• [ ] Design System Link

  List of Pages

• [x] Loading
• [x] Login
• [x] Broadcast Banners
  • [x] Lost Internet Connection
  • [x] Server Announcements
  • [x] Store Purchase
  • [x] Reconnect to Game (Will be use either as a popup or a drawer. Showing it as a banner doesn't incentivize them to get back on the game)
• [x] Popups
  • [x] Change Username
  • [x] Change Language
  • [x] Generic
  • [x] Game Mode Info
  • [x] Select Avatar
  • [x] Select Color
  • [x] Coin Topup (will redirect to store page. No need to create a coin popup)
• [x] Menu & Single Pages
  • [x] Patch Notes
  • [x] Rules (use mobile web)
  • [x] Frequently Asked Questions
  • [x] Community (use mobile web)
  • [x] Careers
  • [x] About (use mobile web)
  • [x] Privacy
• [x] Homescreen
  • [x] Header (might still update with a BG version but placement and sections are final)
  • [x] Footer (footer icons is still subject to change)
  • [x] Ad Placements (placeholder is currently provided)
• [x] Lobby
  • [x] Spectate
  • [x] Rooms
  • [x] Loading
• [x] Create Room
  • [x] Select Game Mode/Expansion
  • [x] Select Map
  • [x] Game Settings (some images still use placeholder)
  • [x] Invite Friends (after setting up)
• [x] Store
  • [x] Memberships
  • [x] Expansions
  • [x] Maps
  • [x] Colors
  • [x] Avatars
  • [x] Coins
  • [x] Opening an Item
    • [x] Info
    • [x] Subscribe
    • [x] Buy with Coins
    • [x] Owned
• [ ] Room (being worked on by Sam)
• [x] Checkout
• [x] Leaderboards (being worked on by Huan)
• [x] Profile (being worked on by Iosef)
• [ ] Game Screen (Link for Document)
• [x] Corner Notifications (make it all top notifications)
• [ ] Header Notification (notification outside the app)
• [x] Video Ad Placement (nothing to do for now)
• [x] Drawers (remove, simplify it for MVP)