All work

InPlay Labs · Leagues & live match game · 2022

FanClash

A leagues system and a live in-game screen for a football prediction game.

FanClash cover
Client
InPlay Labs
Role
UI/UX Design
Timeline
9 Months
Team
2 UI/UX Designer, 1 Developer, 1 Product Manager

The work

FanClash players pick three footballers before a match and score points live as it plays. I designed the leagues system, so friends and creator communities can compete in their own tables, and the in-game screen, where the live leaderboard and match chat sit behind one tab switch so fans never leave the game.

I also designed power-ups, the player stats view and the premium upsell, working lo-fi to hi-fi and handing off annotated specs to the developer.

Tools

  • Figma
  • Protopie
  • Adobe Suite

Game screen · Lo-fi to hi-fi

Leaderboard and chat, side by side

The in-game screen from lo-fi to hi-fi: the live leaderboard and match chat sit behind one tab switch, so fans never leave the game.

Leagues · Hi-fi

Find your league

From fixtures to the leagues drawer to a private league table: creator communities and friends' leagues are one tap from the match list.

Power-ups · Lo-fi to hi-fi

Power-ups that pop

The power-up sheet from lo-fi to hi-fi: pick a multiplier, see it light up, activate it.

Player stats · Lo-fi to hi-fi

Stats fans can read

The player stats screen from a long lo-fi list to a focused hi-fi view of form, points distribution and live match events.

Premium · Hi-fi

The Baller Club upsell

Premium appears when a fan tries to create their own league, then a clear offer and a one-tap subscribe.

FanClash design detail
FanClash final screens
Next project Visa Go Visa · 2022