Published in

2020

Overtime Heroics. New era of North American sports media platform.

Partnership

2+ years

Partnership

2+ years

Services

Editorial Design

UX Design

UI Design

Product Redesign

Usability Testing

Data Visualization

Deliverables

Information Architecture Map

Design System

Component Library

Design Tokens

Sales Deck

Engagement

Overtime Heroics is a North American sports media platform.

We redesigned it as a North American sports media platform, modernising the editorial experience and content structure. The platform needed that update without damaging SEO-driven traffic or reader habits – and usability testing confirmed the new structure held up for returning readers.

Modernised Visual Direction for Sport Verticals

A shared colour and icon system spans Baseball, Football, Basketball, Hockey, World Football, Combat, and Motorsport. A menu breaks Football into NFL, NFL Draft, NCAAF, XFL, Fantasy Football, and podcasts, one click from any section.

Sports media navigation menu and colour system across seven league verticals

Category-Based Homepage for Sports Media

The homepage for this sports media platform leads with a hero story and sponsor bar, then splits into Baseball, Football, and Basketball modules – the output of a full Product Rebuild & Redesign.

Sports media homepage with hero story, sponsor bar, and Baseball category article grid

Football and Basketball category modules with lead story, sub-navigation tabs, and article grids

Sportsbook offers banner above a Hockey category section with league sub-navigation and article grid

Top Authors module with writer avatars above a World Football category section and league sub-tabs

Top Leagues module for NBA, Premier League, MLB, and NFL above a Combat category article grid

Motorsport category section with Recently Viewed module and sports media site footer navigation

Mobile homepage hero story for a sports media platform with category tabs and sportsbook banner

Mobile Baseball category page with dark theme, sub-navigation tabs, and byline-credited article list

Collapsible Navigation for Sports Content

On mobile and tablet, the same seven sport categories collapse into an accordion menu so readers can drill from Football into NFL Draft sub-sections like Big Board, Mock Drafts, and Scouting Reports without leaving the page.

Football category dropdown with league sub-links and Hot News sidebar for a sports media platform

Mobile hamburger menu with seven collapsed sport category tabs for a sports media platform

Mobile Football submenu expanded into NFL Draft sub-sections: Big Board, Mock Drafts, Scouting Reports

Desktop menu with Football expanded into NFL Draft sub-items and a Hot News sidebar

League Landing Page for Football Content

Each league gets its own landing template – a Product & Interface Design deliverable – with NFL, NFL Draft, and NCAAF grids beneath a Latest News sidebar and a sportsbook banner row.

Football category page with sub-league tabs, lead story, NFL article grid, and sportsbook offers banner

NCAAF article grid and embedded video section below a Hot Podcasts sidebar module

XFL and Fantasy Football sub-league grids with a featured Derek Carr story module

Football Podcasts grid with host bylines above a Recently Viewed module

Mobile Football category page with league sub-navigation tabs and a lead article story

Mobile Football article page with byline and a related-headlines list below

Editorial Article Template with Affiliate Modules

The article template pairs breaking news, a sportsbook comparison table, and a most-discussed list in a fixed sidebar. Inline quizzes and pull quotes break up long articles.

Sports article page with sidebar breaking news, sportsbook rankings, and an inline reader quiz

Article section with pull quote, Super Bowl stats table, and NFL free agency ranking list

Sportsbook comparison table with ratings and CTAs above a reader poll and image slider

Article footer with author bio, share bar, threaded comments, and related articles grid

Mobile article page with league sub-navigation, headline, byline, and opening paragraph

Mobile article page with inline quiz results and a pull quote below the short overview

Comment thread module with reply input field and nested reader replies

Poll widget showing default, hover, selected, and voted answer states

Author Profile Page with Category Filters

Each writer gets a bio page with social links and post counts split by Baseball, Football, and Basketball tabs, reinforcing byline credibility for a content-heavy site. Pagination and a recently viewed module carry readers into more articles.

Author bio page with category-filtered tabs, article grid, pagination, and Recently Viewed module

Mobile author bio page with social links and category tabs above a Football article card

Mobile article feed with Basketball and Football category tags and article thumbnails

About Page Built for Reader Trust

The About page for Overtime Heroics pairs a mission statement with a team grid crediting writers, editors, and leadership by role. A contributor stats block and a recently viewed module keep the page tied back into the wider site.

About Overtime Heroics page with mission statement, CEO quote, and editorial team photo grid

Contributor stats module showing articles, sports covered, writers, and subscribers above Recently Viewed

Mobile About Us page with mission statement and a pull quote from the CEO

Mobile team section titled The Faces Behind The Stories with editorial staff photo grid

Contact and Feedback Page for Readers

A short contact form lets readers reach the team by name, email, topic, and message, alongside a direct support email and social links. Footer copy also notes the site does not endorse illegal gambling.

Archive page with category filter tabs and a mixed-sport article grid for a sports media platform

Search results page showing filtered football articles for a Super Bowl query

Mobile contact page with support email, social links, and the start of a contact form

Mobile archive page with category filter tabs and a Football and stadium article grid

Redesigning a content platform where SEO traffic pays the bills is a different discipline from redesigning an app – rankings and reader habits both have to survive. Ours did. Ask how.

Ready to start your own project?