top of page
image_logo_2x.png

!AÚPA!

Overview

A dashboard design for the daily data of football players.

A clear design that is connected to the team’s brand encourages 

the player to follow his statistic data and keep improving.

UX by Create.

image_mu_2x.png

Research

I researched football teams brands, the UI design of existing apps in the field, data visualisation examples from leading sport gear companies and football TV infographics.

Typography & Style

The font references to both the football and the Hi-Tech fields.

The leading colors match the teams’ brand colors.

image_research_2x.png

Industry

Aa Aa Aa

1234567890!@#$%^&

color_orange_2x.png

#FF674D

color_blue_2x.png

#000D35

color_white_2x.png

#FFFFFF

Desktop

I chose to use a dark design theme to increase a sense of drama

and increase readability.  

image_Dashboard_2x.png

Data Visualization

The different aspects of data are represented with the ball’s patches.

Together they create the full picture of the athletes’ ability.

The crucial factor in the design was keeping it clear and scannable.

power_2x.png
pie_2x.png
line_2x.png
battary_2x.png

Rejected Icons 

One of the challenges was creating a unique design

yet make sure the user can understand the data at a glance. 

power_2x.png
Weight_2x.png
flash_2x.png
over_2x.png

A Personal Touch

A fun detail was to pay attention to the players' avatars.

The design corresponds with the way the names are written 

on their uniforms.

avatar_koke_2x.png
avatar_torres_2x.png
avatar_godin_2x.png
vid_small_2x.png

Engaging Content

I used impressive images, dramatic typography and clear CTAs 

to invite the user to continue and explore.

vid_medium_2x.png

Responsive Design

The mobile version is a key element for the ongoing engagement of the user 

and their access to the data.

vid_hover_2x.png
image_mobile_right_2x.png
image_mobile_left_2x.png
image_mobile_center_2x.png
bottom of page