(How will users interact?)

Goals: Define layout, interface structure, and navigation

Tasks:

Wireframes

Microcopy Libray

• UI Layout & Navigation Design
• Content Layout Models (Information Prioritization)
• Interaction States Design (Feedback and Microinteractions)

Deliverables:

• Wireframe Deck (Mobile & Desktop)
• Navigation Models
• Clickable Prototypes (Low-Mid Fidelity)
• UI Spec Sheets

Navigation Design

• Bottom-tab navigation:
  • [Dashboard], [Feed], [Post], [Chat], [Profile]
• Inline modals for quick RSVP
• “Post a Game” as primary action button, always visible

Interface Design

• Player card previews: photo, rating, # of past games, verification badges