(What will it look and feel like?)
Goals: Apply visual design and branding for emotional impact
Tasks:
- Develop Visual Language (Typography, Colors, Iconography)
- Design UI Components (Cards, Alerts, Buttons, Badges)
- Gamification Visual Layer (Badges, Progression)
- Motion Design & Animation Specs
- Design QA & Developer Handoff
Deliverables:
- High-Fidelity Screens
- Component Library (Figma)
- Design Tokens/Style Guide
- Animation & Transition Specs
Visual Language
- Color palette: ⚽ grounded earth tones + highlight for action (e.g., green for confirmed players)
- Typeface: Rounded, modern sans-serif for readability + friendliness
- Visual hierarchy: Ratings and availability are most visually prominent on profile and invite cards
Microinteractions