March_Madness_logo.svg

Real-Time Design Systems for March Madness

This project demonstrates how adaptable design systems can meet the fast pace of live sports coverage while maintaining visual consistency and engagement.

Project OVerview

Team: Bleacher Report Real-Time Design

Timeline: February 2024 - April 2024

Created at: Warner Bros. Discovery

What I Worked On

Brand Identity & Refresh

Design Templates

Live Tournament Graphics

MM_Clinched_24NCState_ACCCMM24_OnThisDay_4x5PaulMM_NaismithAward_24_ZachEdey_2MM_4Up_24MascotMM_Advance_24_Content_MemememememememememeMM_Clinched_24NCState_ACCCMM24_OnThisDay_4x5PaulMM_NaismithAward_24_ZachEdey_2MM_4Up_24MascotMM_Advance_24_Content_MemememememememememeMM_Clinched_24NCState_ACCCMM24_OnThisDay_4x5PaulMM_NaismithAward_24_ZachEdey_2MM_4Up_24MascotMM_Advance_24_Content_Memememememememememe

Task

March Madness is the annual single-elimination tournament for D1 Men's Basketball hosted by the NCAA since 1939. There is a total of 67 games within 3 weeks.

How can we create various live content during a fast-paced tournament?

MM24_Bracket_MostPopularChampionPicks
MM24_Bracket_MostPopularChampionPicksR2
MM24_SeedList_Centered
MM_Bracket4x5

Approach

Build as a System:
Modular elements are designed across various content types. Scalable, simple, and consistent.

Room for Customization:
Team stickers and marker lines made each content feel tailored and unique.

Automation Tools:
We explored ways to automate selected designs to speed production and allow more time for special requests.

MM_Advanced_24Grambling
MM_Advanced_24ColoradoSt
MM_Matchup_24_Familty Ties
MM_FirstEver_24_UConn
MM_PercentBrackets_24_Clemson
MM_PercentBrackets_24_Houston
MM_TweetOverlay_24_Zoom
MM_Quote_24DonteJackson
MM_Gameday_24_3.24_2
MM_AndyKatzPR_24_F
MM_RoundOf_24_Dancin
MM_ConferenceRecords_24_2ndRound
Youtube_MM24
MM24_PlayerHighlights_TerrenceShannonJr
NCState_Marquette_3840x2160
MM24_NaismithoftheYear_191x1_Coach
MM_NaismithAward_24_ZachEdey_2
MM_MOP_24_Tristen
MM_NationalChamps_24_UCONN2
HBOMax_MM24
March_Madness_logo.svg

More projects

2025 NBA All-StarVisual Design

NBA Draft 2024Visual Design

B/R Summer OlympicsVisual Design

March Madness 2024Visual Design

BeReal RedesignVisual & UX Design

HackDavis 2022Visual & UX Design

T-Mobile MarketingVisual & UX Design

Mental Health AppUser Experience & Research

ANDY K. DO ©2025

View