Banner image for About NPR

Photo by Steve Voss

Design & Build

About NPR

Behind everything you hear on NPR, there's a larger tale about the organization itself. It's teeming with passionate people who care about rigorous reporting and great storytelling. We helped them turn the microphone around and tell their own story.

Upstatement designed and built a brand new about section that exemplifies NPR’s values through the people who work there and the stories they tell. Inspired by NPR's work, we were determined to tell a great story and make it accessible to everyone.

Strategy Meets Storytelling

The site works on several levels. Readers can quickly skim the surface and learn about NPR through expansive images and memorable soundbites. Hear Lourdes Garcia-Navarro relive dodging bullets in Baghdad. Now watch Macklemore bring an arena-filling performance to a tiny desk at NPR headquarters.

You can dig deeper, too. The site offers a taste of sprawling special projects such as reports on Fracking or Megafires, stories you can spend hours exploring. NPR has captured incredible moments over the years, and it was a privilege to showcase some of their favorites.

Responsible Development

Behind every responsive design comes a responsive build. One codebase needs to support old Android handsets on 3G cellular networks as well as fiber-connected workstations with 30-inch monitors.

We created a light single-page application that featured a responsive image system to ensure the right screen gets the right image at the right time. Larger viewports received a richer experience with scrolling effects, animations, and more nuanced layouts.

“I Love NPR”

The project was shaped by frequent, tight iterations. We created a content plan, then kept it fast-and-loose with preliminary designs that writers, editors, and photographers used to guide their storytelling. Their feedback helped us spec the work mid-stride, and when the site was almost finished, we showed it to people for bouts of ad-hoc user testing. One tester's outburst captured our sentiments exactly. They stopped mid-scroll, turned, and said, “I love NPR”.

Harvard Law Review

Harvard Law Review

Embedly

Embedly

Bikes Fight Cancer

Bikes Fight Cancer

NPR Code Switch

NPR Code Switch

Global News

Global News

Random House

Random House

Kellogg Insight

Kellogg Insight

Cato Institute

Cato Institute

Scratch 2.0

Scratch 2.0

Generation Stuck

Generation Stuck

The Boston Globe

The Boston Globe

Squared Away

Squared Away

Spark Camp

Spark Camp

Salesforce

Salesforce

The Holocaust Museum

The Holocaust Museum

The Daily Orange

The Daily Orange

Weekly Dig

Weekly Dig

Glyphosaurus

Glyphosaurus

Ted Kennedy

Ted Kennedy

Power My Learning

Power My Learning

One Laptop Per Child

One Laptop Per Child