Iron Hack Pre-work — Challenge 2: Wireframing

MPG App screenshots
  • App logo
  • Football shirt design for each team
  • Various pictogram : camera, calendar, message, trophy, settings, hourglass
  • Text input field
  • adds space
  • Menu
  • close button
  • save button
  • arrow left/right
MPG Wireframes
  • Screen 1 : it’s the “Opening page” of the application, you can choose in what league you want to go by clicking on it ; indeed, you can have severals.
  • Screen 2 : it’s a “global wall”, we can write anything on our league (humor first) and results from previous match appear.
  • Screen 3 : This is where you managing your team, like substitute injury’s one, and where you validate your final line up.
  • Screen 4 : an example of how you can change a player.
  • Screen 5 : a repetition of screen 4, part of the user journey
  • Screen 6 : here you can check your previous match, scores, goals and also your next game, opponent and when it will take place.
  • Screen 7 : by clicking on your team in screen 6, you can see a preview of your final starting line, that you can’t edit. You need to close this screen and click on the picto from screen 3.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store