Andrea
DN.

Work status: Available

Football app design

Concept: Making a space for the ultimate fan

After working on a Football related app and taking a good look at the Spanish football app market at that time (Around 2018) I wanted to make my own Football app version. For this project, I chose Girona F.C. as the team since they had no existing app, they are fairly recognized in Spain and their brand it's well developed.

Wireframes - UX - UI
Football app mobile

The Beginning

To have an idea of the basic functionalities needed for the project, I gathered information by looking for patterns and common fuctionalities on the Football app market and discussing the project with possible users - The die-hard fan, The regular fan and The occasional user. After the study, I listed the common use cases for a football app:

  • Search for upcoming matches
  • Check resume of the played matches
  • Check the latest news
  • Team's position on the classification table
  • Merchandise purchase
  • Ticket purchase

With the information gathered and important points defined it was time to make the map for the app and start defining flows.

Football app journey

Wireframing

Having the research in mind, I took three user flows and developed some wireframes. These flows were:

Football app wires

01. Exploring the team’s area

Brand and final screens

Maintaining the existing brand was another priority for this project. It’s not a secret that real fans are proud of their team’s colours, so I took the time to make a review of Girona F.C’s - My chosen team - existing brand, website and social network accounts to be sure that my designs will be consistent.

Football app style

01. Team area

All the information about the team in one place.

Football app team section

The team's section offers a smooth review of the team matches, classification and players profile.

Football app

All matches

Football app

Clasification table

Football app

Team’s players

Football app

Player profile

02. Match resume

Latest matches result in the very beginning.

You can access the result of the latest match on the main screen. Check all the important moments of the game, line up strategy and the stats of the teams.

Football app

Home

Football app

Live resume

Football app

Game line up

Football app

Game stats

03. Official store

Integrated official store for Merchandise and tickets.

Football app store

The team's section offers a smooth review of the team matches, classification and players profile.

Football app

Product category

Football app

Product detail

Football app

Size selector

Football app

Product added

Football app

Product on the bag

Football app

Shopping bag

Football app

Checkout

Football app

Confirmation screen

TicketTailor design

A new identity for a group of dreamers

UX/UI Design
Small business design

Giving a hand to the small business

UX/UI Design