Case Study · UX & Web Design

A sponsorship site for PBS National Sales

Designing how brands discover and buy corporate sponsorship across PBS — turning an intangible offering into a clear, credible, lead-generating website. Taken from hand sketch through annotated, developer-ready wireframes, designed to fit the brand direction set by the agency.

Client

PBS National Sales

My role

UX design & wireframing

Deliverables

IA · annotated wireframes

Overview

Selling something you can't put in a cart.

PBS National Sales connects brands with sponsorship and underwriting opportunities across PBS's broadcast, digital, and PBS Kids platforms. Unlike a product site, there's nothing to add to a cart — the job of the site is to build trust and generate qualified leads from marketers evaluating where to put their sponsorship dollars.

Working with the agency W. Bradford, I led the experience design — mapping the information architecture and wireframing the page system into an annotated, developer-ready set — all designed to fit the brand direction W. Bradford set.

Approach

Sketch, structure, style.

01

Sketch

Fast paper layouts to fix the page's story and rhythm before any pixels.

02

Wireframe

Annotated, developer-ready wireframes for the home and cross-platform pages.

03

Brand fit

Designing to W. Bradford's style direction — color, type, imagery — so wireframes matched the intended look.

From Napkin to Structure

The whole page, decided on paper first.

A single hand sketch set the narrative: a geometric header, a "Stories Start Here" hero, proof through counter stats, then four value blocks — Reach, Align, Explore, Sponsor — closing on a large "evaluate your sponsorship" call to action. The wireframe is that sketch made real.

Hand sketch
Hand-drawn wireframe sketch of the PBS home page layout.
The original paper layout.
Home wireframe
Annotated home-page wireframe for PBS Sponsorship.
Home desktop — annotated UI wireframe.
Information Architecture

Two page types, one clear pitch.

The home page makes the broad case for sponsoring PBS; a cross-platform page drills into Broadcast, Digital, and PBS Kids sponsorship with creative guidelines. Both funnel toward the same goal — a marketer filling out the lead form with their objectives.

Home desktop
PBS home page wireframe with hero, value blocks, and lead form.
“Stories Start Here” → Reach / Align / Explore / Sponsor → lead form.
Cross-platform desktop
PBS cross-platform sponsorship wireframe.
“Spread Wonder With PBS” → Broadcast / Digital / PBS Kids.

The full set carried the system across every page type a sponsor would touch — from broadcast detail to individual programs to packaged offers.

Broadcast sponsorship wireframe.
Broadcast
Programs listing wireframe.
Programs
Sponsorship packages wireframe.
Packages
Brand Direction · by W. Bradford

Designing to a defined look.

The visual direction — PBS's confident blue, a warm signal-yellow accent, black-and-white portraiture with geometric color-block overlays, and a clean primary typeface — was set by W. Bradford in the style tile below. My wireframes and layouts were built to fit it; the four brand words kept every decision honest.

PBS brand style tile with color palette, imagery, and typography — by W. Bradford.
Brand style tile — by W. Bradford (shown for context; not my work).
CulturalConnectedIntellectualInfluential
PBS Blue#263FB6
Signal Yellow#FFC83D
Ink#1B1B1F
Cool Grey#C9CCD6
PBS National Sales site header with logo and navigation.
Site header — using the “PBS Explorer” web font from W. Bradford's brand direction.
Outcome

An intangible offering, made navigable.

From a paper sketch to a full set of annotated wireframes, the project gave PBS National Sales a clear, credible structure for turning brand interest into sponsorship conversations — every page pointed at the same next step.

Next

Have a complex offering
that needs clarity?

Start a project ← Back to all work