WB TV

Design System
2023-Present

REPORT

Overview:
In 2023, Warner Bros. Discovery launched WB TV, a free, ad-supported television (FAST) service, amid a growing demand for cost-effective streaming alternatives. As consumers become more price-sensitive, FAST services offer a valuable solution: free, ad-supported content on-demand. By 2024, the global FAST market is expected to generate $9.68 billion in revenue.

To capitalize on this growing market, it was crucial for WB TV to establish a strong, recognizable, and consistent visual brand presence.
PROJECT SPECS
THE CHALLENGE
My goal for the FAST project was to help WB TV go-to-market as quickly as possible by delivering a high volume of assets and to update those designs based on user-data and stakeholder feedback. Initially, WB TV launched 14 channels across 3 FAST partners—Roku, Freevee, and Tubi—requiring me to deliver 1,100 individual channel imagery and logo files. Now, WB TV offers 56 channels on 10 networks, requiring delivery of over 4,000 assets, with more partners and channels expected to join in the near future.
SOLUTION
To manage scale, meet tight deadlines, and efficiently on-board other designers, I developed a comprehensive design system that ensured brand consistency across all streaming platforms. This required meticulous attention to detail, extreme organization, and thorough documentation. By creating a collection of reusable templates with clearly defined guidelines for use, I was able to successfully standardize design and achieve a consistent visual identity at scale. Utilizing a comprehensive design system ultimately reduced the time required to create elements for new channels and partners, as well as allow for quick and efficient iteration as the result of FAST partner and user feedback.
PROCESS
CREATING THE DESIGN BRIEF
The first step in this project was to consult internal stakeholders. I needed to identify a few key variables before concepting could begin:
1. What were the brand requirements for WB TV
2. What competitor FAST channels did stakeholders perceive to have
successful branding
3. What brand creative performed well for other WBD properties previously

Through this process, I was able to identify the major design elements needed:
1. The WB TV logo, uniform in color and relative-size across all deliverables to
ensure brand integrity
2. A unique channel logo representative of the channel contents
3. A visual reference to the Warner Brother’s shield, as homage to the WBD parent brand
4. Imagery that was recognizable and resonated with fans
SCOPE + DELIVERY
In scoping out the project I decided to create the following project management documents to help delivery run smoothly and set realistic expectations around timelines and work requests:
Master Specs Document
I compiled all relevant specs for all partners' deliverables into one document, including only what was necessary for design (asset type, size, color requirements, file type, naming conventions,
etc.).This document served as an easily accessible, quickly scannable one-stop shop for specs and guidelines.
Master WB TV Channel Table
I created a table featuring all partners and the channels they licensed. Each partner licenses a selection of channels (not all of them). Referencing which channel was live on a partner helped to identify which deliverables the channel needed and ensured that we didn’t waste time producing extra assets.
Presentation Template
To streamline the review and approval process,I created a presentation format template that displayed assets side by side and made it easy to evaluate brand consistency.
Partner Platform Mock-Ups
I also created a variety of “in-situ” mocks to help pressure-test deliverables. Viewing assets in a variety of environments and at different scales helped to adjust expectations around revisions.
SYSTEM DESIGN
I audited the initial FAST partner's specs (Roku, Pluto, Freevee, and Tubi) to identify what the common deliverables were. I discovered that each platform required a 1:1 logo, a 16:9 horizontal image, and a 2:3 vertical image; those assets became the templates for concepting. I then combined each partner’s safety requirements to identify the optimal “live area.” While this live area was occasionally much smaller than some specs allowed, it helped to define guidelines for logo placement and size, and informed best practices for image selection. The outcome was the presentation of concepts that could be translated into an iterative design system.
KEY TAKEAWAYS
My key takeaways from the WB TV FAST design project were the critical role of organization and documentation in project management and the value of creating an iterative design system.

This project provided a valuable opportunity to hone my project management skills. My clear and accessible documentation was an essential tool for clarity, accountability, progress reporting, and accuracy. Thanks to my Master Specs Document and Master WB TV Channel Table, I was able to delegate resources, set expectations, and clearly communicate progress to stakeholders and designers alike. Additionally, my Presentation Template and Partner Platform Mock-Ups were key tools in evaluating brand consistency and accuracy.

Creating an iterative design system allowed for continuous improvement and refinement throughout the design and delivery process. I believe design systems are the unsung heroes of branding; by defining, standardizing, and templatizing key visual elements, I ensured that every piece of creative was brand-safe and that hand-offs between designers were seamless. My design system streamlined the WB TV workflow, making tight deadlines manageable with fewer resources.

If I were to redo this project from the beginning , I would incorporate a formal review round for the Master Specs Document prior to beginning asset production, ensuring it is shared with both internal stakeholders and external FAST partners for approval. This would have caught incorrect spec documents sooner, held external partners accountable earlier, and prevented the creation of unnecessary assets while setting clearer expectations around design limitations.
CREATIVE UPDATES
About 8 months after the initial launch of WB TV, we collected both user and partner feedback to help define how the creative should be adjusted to help better drive viewer traffic to the channels.  

FINDINGS
Partner Feedback
The use of a large WB TV logo attribution on top of the channel logos does not allow for optimal use of space in the platforms.
The use of a large WB TV logo attribution on top of the channel logos does not allow for optimal use of space in the platforms.
User Feedback
The branded shield takes up too much space on the channel posters and users find it difficult to identify the IP in such limited space.
SOLUTIONS
New Logo System
The channel logotype should fill the artboard safe space either vertically or horizontally (whichever comes first), maintaining the templated padding to the WBTV byline. The full channel lockup should be centered both vertically and horizontally in space. The byline, now 43% the size of the original attribution, should never change.
Obvious Hero IP 
Channel Imagery
The branded shield takes up too much space on the channel posters and users find it difficult to identify the IP in such limited space.
CHANNEL LOGO BEFORE
CHANNEL LOGO AFTER
CHANNEL IMAGERY BEFORE
CHANNEL IMAGERY AFTER
IN-USE
SPECIALTY CAMPAIGNS
To drive viewership to certain WB TV channels across select partners, Brand Marketing implements "Stunts" that tie into a certain theme and supported via a marathon of associated programming. For these campaigns, we rewrap the standard channel assets with something "celebratory" to catch the eye and drive viewership.
How To: BBQ Marathon
Role: Designer + Art Director
Memorial Day BBQ Pit Masters Marathon
Alt Designs
FINAL DESIGN
Welcome home: Beach Week
Role: Art Director
Alt Designs
FINAL DESIGN
On ROKU, hours watched for the week increased by +57% vs. previous 7 Days. On Amazon, minutes streamed rose by +42% vs. previous 7 Days.
CARTOON REWIND + GHOSTS ARE REAL: 
BEETLEJUICE BINGE
Role: Designer, Art Director
Beetlejuice the cartoon marathon
Alt Designs
FINAL DESIGN
Ghosts Are Real (Plex) saw a significant viewership increase (+350%). Cartoon Rewind (Freevee) saw an increase of +72% vs. prior 3 weeks.