LàjàLet's talk ↗
Sports / Entertainment TechDesign Team Lead2024

ProFootball Webapp

Turning passive fans into active participants.

Client
ProFootball
Duration
Not disclosed
Role
Design Team Lead
The problem

Football fans engage passionately offline. The platform had no mechanism to capture that energy digitally.

ProFootball needed to solve two problems simultaneously: gamify football engagement to bring passive fans into an active digital experience, and build a credible trivia system where football knowledge could be demonstrated, competed, and potentially rewarded. The challenge was designing motivation loops that worked for both the casual supporter and the deep knowledge-holder.

The process
01

Gamification architecture

Designed the points, badges, and leaderboard system, the scaffolding that makes returning to the platform feel rewarding. The architecture is tiered: casual engagement has visible progress, competitive engagement has ranked status.

02

Trivia system design

Built the trivia UX from the question surface outward: how questions are timed, revealed, scored, and fed back to the user. The pacing is deliberate: fast enough to create tension, slow enough to feel fair.

03

Motivation loops

Mapped what brings a football fan back daily and weekly. Designed streak mechanics, challenge invitations, and social proof surfaces (who in your network just answered this correctly?), engineered for habit, not novelty.

04

Webapp UI: sports energy, not gaming garish

The visual direction had to read as premium sports media, not a mobile game. Energy without loudness. Confident type, restrained colour, high contrast where the action is.

Visual work
ProFootball desktop home — gamified feed
Desktop homeSports energy without gaming clutter. Confident type, restrained colour, high contrast where the action is.
Desktop screens
ProFootball leaderboard — ranked competitive system
Leaderboards
Ranked status for committed fans. Tiered: casual visible progress, competitive ranked standing.
ProFootball trivia system
Trivia system
Questions timed for tension, not anxiety. Fast enough to create stakes, slow enough to feel fair.
ProFootball channels — content feed
Channels
Curated football content alongside the engagement mechanics.
Mobile screens
ProFootball mobile home — feed, scores, trivia
Home
ProFootball mobile home — scrolled state
Home (scrolled)
ProFootball mobile trivia — categories and active contests
Trivia
ProFootball mobile trivia — question in progress
Trivia · Active
ProFootball mobile leaderboard — ranked standings
Leaderboard
ProFootball mobile channels — curated football content
Channels
Results
0
gamification systems designed: points engine + trivia
0
design system built from scratch for the platform