Skip to content

Figma Screens

Clara Zaus edited this page Jun 23, 2022 · 13 revisions

Screen Overview

Name Design Design - Components Design - Overlays Implementation Implementation - Technical Details
Game Screen

Game Screen Components
  • playing field
  • clock
  • reset clock button
  • critical phase button
  • player overview
  • action feed
  • menu button
  • add player button
Game Screen Overlays
  • action pop-up offence
  • action pop-up defence
  • action pop-up goalie
  • player and assist pop-up
  • add player pop-up
  • switch player pop-up
  • menu fold-out
mainScreen.dart
Login Screen

Login Screen Components
  • CHAMPTRACK logo
  • username field
  • password field
  • sign in button
  • forgot password button
  • TODO sign up button
Login Screen Overlays
  • TODO wrong input pop-up
  • TODO forgot password pop-up
  • TODO sign up pop-up
authenticationScreen.dart
Home Screen

Home Screen Components
  • club name
  • menu button
  • season drop-down
  • last games overview
  • stats overview
  • manage teams button
  • create game button
Home Screen Overlays
  • menu fold-out
  • season drop-down
Settings Screen
Statistics Screen

Clone this wiki locally