Enriching live data for a football in-play betting app

IN-PLAY BETTING APP | UI DESIGN

 

Taking a new approach to how live data is represented in a sports betting app

Using 3D cameras player positional data is now assessable, being able to identify where each player is on the pitch. This design visualises the data to give users an enriched experience when viewing an in-play football match.

WIREFRAMES & PROTOTYPES

 

Concept sketch elements

Quick sketches to visualise how each individual elements can be arranged.

 
 

LIVE SCORE UPDATE INFORMATION CARD
Wireframes

 

PITCH GRAPHICS AND GAME STATUS INFORMATION
Wireframes

 

LIVE BETTING OPTION LAYOUTS
Wireframes


Concept sketch layouts

Creating layouts using the sketch elements from above, showing how the overall look and functionality of the in-play features.

 
 

LAYOUT CONCEPTS
Wireframes

 

LAYOUT ITERATIONS
High fidelity mockups

Developed from the initial sketches, adding colour in the evolution of this design.

 

 

High fidelity mockups

Development of the third sketch concept, showcasing the different game states the users will experience.

 
 

GAME STATES - VAR
High fidelity mockup

 

GAME STATES - IN PLAY
High fidelity mockup

Adding the teams colour as the border of the pitch to give the users feedback indicating which team is in possession.

 

Iconography

 
 
 

Improving the experience of selecting abilities in skill trees

 

Designing the menu screens for a puzzle shooting game

Building an engaging and seamless player management system