Esports platform

An expanded companion experience for esports

Live detailed competition results, news, and custom content in users’ hands across all competitive gaming franchises from Electronic Arts.

Role: Product Designer

Screenshots of a mobile app displaying FIFA 21 Global Series Oceania Playoffs results, team details, player profile of Levi DeWeerd, and related content.

The goal: one system that could showcase all franchises’ competitive gaming official results

From FIFA Global Series to Apex Legends, all formats, players, and teams’ performance details, championships, and related content.

FIFA Global Series was used first to set the standard based on popularity and number of users.

A schedule or scoreboard grid for a sports game, showing progress of two teams through multiple periods, including scores and penalty kicks, with placeholders for team names and a red

Research & discovery

User interviews were conducted during the discovery phase to understand the context and the following/watching behavior of esports competition series throughout the year.

So we could identify pain points and have insights on how the live event experience could be improved.

Main findings that guided our designs:

  • The passion for a club usually translates to esports.

  • Pro players’ nationalities can signify country representation.

  • A clear competition schedule of events and matches details help expectators to plan to watch, likely increasing viewership numbers.

  • Watching live events can be seen as a learning opportunity for game players to improve their skills by watching the pros play.

  • Pro players’ performance = popularity.

A detailed flowchart displaying various app interfaces and user pathways, including sports, news, social media, and navigation screens, with annotations indicating specific features or actions.

Competitive & market analysis

As a first step, the sports industry benchmarks, together with a few examples that were mentioned during discovery user interviews, were analyzed.

As users are frequent users of different sports and esports platforms that showcase competitions coverage, making usage of convention patterns could ease and make the experience feel familiar.

User testing prototypes

Improvements implemented

Based on discovery and user testing feedback, we learned what kind of content was most relevant for users and their main motivations to access the platform.

With that, some design decisions were implemented:

  • Snapshot of the team's most updated overall performance in the tournament.

  • Highlight of the team’s most recent match.

  • Educational and entertaining related content, like tutorials and behind-the-scenes content created by players and teams on their pages.

  • Players’ social media links.

Comparison of two mobile app screens showing FIFA 21 Oceania playoffs results. Left screen: default to current stage, view of upcoming stages, team position clue. Right screen: easy scan team match results with legend overlay explaining icons for wins, losses, points, and match outcomes.

User Feedback

" think it's really nice, clean, and simple." - P2

"I like this design. It's straightforward, and it's got a good feel. [... I love having the key at the bottom so someone new to the game can refer to the key." - P6

"It's neat, it's direct, clean, to the point, a familiar loadout." - P4

Users liked seeing teams' recent results.

"I like the checkmarks, a quick view of how the team's doing in the past couple of games.

[.] Shows their trends." - P1

Screenshots of a mobile app displaying FIFA 21 Global Series Oceania Playoffs, team details of Manchester City Esports, player Levi DeWeerd, with match stats, team pictures, and related content.

Role

Product Designer

Year: 2022

Credits

Senior designer:

Erick Reguera

UXR:

Elena Marinelli