Premier League / Stockport FC

How do you give football fans one clear place to follow their club?

End-to-end product design for a football fan app: IA, interaction design, a design system, and research and testing that turn scattered club content into one clear place to follow the game.

Project frame: Premier League × Stockport FC: one clear home for football fans

Role: Product Designer (UX strategy, information architecture, interaction design, design system, research and testing)
Year: 2022
Platform: iOS · Android

structure first

Fixtures, results, news, and club content only work when the information architecture makes them findable.

Tested

with fans

Research and usability testing steered the structure and interactions, not internal opinion.

01 · Context

The problem

Football clubs spread fans across fixtures, live match context, news, tickets, rewards, and commercial content, often in disconnected places. The job was one clear home where fans get what they came for in seconds, built on solid information architecture and a design system that scales.

02 · Evidence

What shaped the direction

Fans want a few things, fast

When's the next game, what happened, what's new: the IA has to surface those instantly.

Consistency at scale

A design system keeps fixtures, news, and club sections coherent as content and seasons accumulate.

03 · Process

How it came together

The brief

Following a football club shouldn't mean hunting across half a dozen places. The brief was one clear home for fixtures, results, live match context, tickets, rewards, and club content, where fans get what they came for in seconds.

Starting with the structure

I started with information architecture. Fans want the same few things fast: the next game, last result, live match state, tickets, and what's new. The structure had to make those surfaces visible without turning the app into a menu maze.

Stockport County app home screen with season pass hero, news stories, and match schedule — Home

Stockport County matches screen with a live score card and upcoming fixtures — Matches

Live match detail screen with timeline, stats, fan posts, and squad tabs — Live match

Match timeline showing a fan question, goal, yellow card, miss, halftime, and event cards — Timeline

Match statistics screen comparing score, scorers, possession, shots, passing, cards, offsides, and corners — Stats

Fan posts screen showing a grid of supporter stadium photos — Fan posts

Squad screen showing manager Dave Challinor and player lists by position — Squad

Account access and trust

The account and verification steps needed to feel clear and contained. Login, document verification, and ID selection are presented as simple single-purpose screens, so fans know exactly what is being asked before they get into the club experience.

Stockport FC login screen with email, password, create account, forgot password, terms, privacy, and skip options — Login

Onboarding trust platform screen explaining document scan, selfie, and results steps — Verification steps

Choose ID verification screen with passport and driving licence options — ID selection

A design system for the long season

A design system kept the platform consistent across fixtures, news, ticketing, rewards, and commercial sections, so quality holds as content and seasons accumulate.

My Tickets screen with QR scan action and an upcoming Stockport County versus Sutton United ticket card — Tickets

Ticket detail screen with match countdown, stadium address, row and seat details, and view tickets action — Ticket detail

Purchase tickets seat map with available, occupied, and chosen seat legend — Seat map

Purchase tickets seat map with row E seat 42 selected and a continue panel — Seat selected

Rewards earn

Rewards redeem screen showing available coupons for home tickets and VIP access — Rewards redeem

Premium club membership screen with hero player image, benefits copy, and purchase button — Membership

04 · Craft

Decision trail

01Started with information architecture, since the platform only works if fixtures, results, and news are instantly findable.
02Validated structure and interactions with real fans through research and usability testing, not internal debate.
03Built a design system so matchday, ticketing, rewards, and membership surfaces stay consistent as content and seasons pile up.

05 · Delivery

What shipped

IA-ledstructure first

Design systembuilt to scale

Next case study →Eurovision Sports: live European sport in one clean stream