FIFA Pro Clubs web experience

A display of FIFA pro clubs performance

Pro clubs can now get details into performance and other stats in one place.

Role: UI/UX and production lead


An outdated platform

Pro Clubs is a big part of the FIFA community where players can build their own teams with friends and can compete against each other.

The official rankings are displayed on the FIFA website, but the rankings page had been unattended for a long time, did not reflect the importance of Pro Clubs and users were expressing frustration about it.

The opportunity to improve it

The redesign not only considered the new umbrella FIFA brand updates but also included new features on the ranking list. The 'sort by' function option is available now on all columns and the console filter feature is easily accessible.

Performance in details

The team’s stats were now displayed in detail on the team detail page, going deeper into match history, and even more stats into players' individual performance by match.

All steps with easy navigation through breadcrumbs.

Real-time stats

Match history was added with real-time updated match numbers and individual players’ stats available on demand through a dropdown option on the same page for both playing teams.

Year after year branding re-skin.

As a new FIFA game is released the platform gets a re-skin with the year's branding. Font, colors, and background reflect the latest brand.

Role

UI/UX and production Designer

Year: 2019

fifa/pro-clubs.com

Credits

Senior designer:

Erick Reguera