Case study · Toronto Football Club
Toronto Football Club
Web design for Toronto FC's All For One campaign hub: a home for episodes, bonus content and clips telling the stories of the club's players.
01 — Context
A home for All For One
Toronto FC's All For One series followed the club through its seasons with short episodes and clips: mini stories about the players, behind-the-scenes moments and the journey of the team. The club needed a new web presence to showcase the campaign, a single place where fans could watch the latest episode, catch up on earlier ones and dig into bonus content and player details.
Our part was the Toronto FC All For One web design. The brief was straightforward but the content was deep, with full episodes, uncut extras and dozens of clips, so the page had to feel like the club while staying easy to browse.
02 — The design
Gritty, red and video first
Football is physical, and the campaign's name is about collective effort, so our website design leaned into texture. The page sits on a distressed grey background with ink splatters and sweeping lines, with "Unite. Support. Belong." running vertically down the side. Three players appear in a desaturated, red-tinted header beside the club crest.
Below the club's main navigation, a stencilled ALL FOR ONE title leads straight into a large video player for the newest episode. Everything beneath it is organized for easy browsing: a numbered list of full episodes with bold red number blocks, a bonus content carousel for extras like uncut interviews, and a grid of short clips labelled by episode. A dark footer holds the club's links.
Video sites can easily become a wall of thumbnails. Structuring this one as episodes, extras and clips lets fans follow the series as a story, which is the idea behind storytelling through web design. For another sports web project, see our site for Olympian Perdita Felicien.
What we delivered
Design for a video-led campaign page.
