Skip to content

Work

PBS NewsHour

Reinventing the broadcast stalwart for the digital age

PBS NewsHour is one of the mainstays of America's political press. Since its inception as the MacNeil/Lehrer Report during the Watergate hearings in 1975, it’s delivered some of the best news, analysis and insight into Washington politics. Millions of Americans tune in each day to its unique non-commercial format. In a media landscape characterized by mistrust and division, PBS NewsHour stands out as a standard bearer of quality, accuracy and fairness. We worked with the NewsHour’s team over several months to re-build and re-imagine their platform and build a new digital home.

Most recently, NewsHour and Upstatement worked together to develop graphics for the 2020 election season. We set out to:

  • Design clear, informative graphics that work everywhere NewsHour audiences might encounter them (on the broadcast, the web, and social media).
  • Replace a laborious and error-prone workflow of manual edits with automated, always-up-to-date components.
  • Build a centralized app and easy workflow that empowers the NewsHour for future election seasons.

The suite of components includes race results tables, “winner called” graphics, maps that let users explore county-by-county results, and visualizations of voter survey responses. All of these are populated in real time by a data feed from the Associated Press. Editors access a dashboard where they can power broadcast graphics, download perfectly-sized social images, and copy small code snippets to use the live-updated graphics anywhere on the web. Read more about our web component approach .

We also helped visualize the 2018 midterm election results. The graphics were used on the site during election night and in the live broadcast coverage. We emphasized the shifting Balance of Power , giving NewsHour users and viewers a live look at how the makeup of Congress was shifting with each race.

Hillary Clinton giving an interview.
Scientist's rendering of neutron star collision.
President Trump shows his signature on an executive order while a group of politicians clap behind him.
Senate Democrats during a press conference.
A woman takes a picture on her phone during in Puerto Rico during Hurricane Maria.
Jeff Sessions testifies before Congress.

The challenge for the NewsHour website (our first project together, before the elections work) was to upgrade its overall aesthetic without scrapping the character that viewers have come to know and trust. The site features compelling displays of NewsHour’s daily journalism as well as collections of in-depth reporting, from their recent “America Addicted” series on the opioid crisis to long-term coverage of the “Desperate Journey” refugees and migrants are facing in Europe and Africa.

Our work with PBS NewsHour won a Webby People's Voice award for News and Politics.

We created new formats that clearly separate news from opinion and commentary, and make it easier to find the PBS NewsHour stories from the broadcast. We worked to package content in more meaningful ways and help users gain a deeper understanding of the issue and make connections between news stories.

Video is vital to the NewsHour. The site now features a new live video collection , site-wide notifications and an always-present live video status driven by a steady stream of speeches, news briefings, Congressional hearings while making NewsHour’s nightly broadcast easily accessible from every page.

The US Capitol building with a light blue wash of color over it.
A headline from the PBS NewsHour site.
Trending topics from the PBS NewsHour site.
Audio player from the PBS NewsHour site.
NewsHour episode page from the PBS NewsHour site.

Akkurat

The word 'Broadcast' written in the Akkurat typeface.

Sans-serif

Lineto

Publico

The word 'Journalism' written in the Publico typeface.

Serif

Commercial Type

Broadcast page on the PBS newshour site.
Section of the PBS NewsHour site that prompts to watch news live.

What We Did

  1. Research
  2. Information Architecture
  3. Content Strategy
  4. UX Design
  5. Front-End Development
  6. CMS Development