Georgia Public Broadcasting

Lullabot conducted rapid research, hearing from GPB's audience and the various editors, journalists, designers, and developers. These led to three main goals:

1. Improve wayfinding: Make it easier for a diverse audience to find what they’re looking for quickly. We would focus on  improved site organization and user tools (e.g., search, navigation, list filtration, etc.)
2. Create better CMS layout tools: Empower site editors and content creators with greater flexibility to create more engaging layouts, especially for key landing pages.
3. Create a better, more consistent design: Our work together involved combining two sites (GPB.org and GPBnews.org) into a one-stop digital shop for GPB's content. We needed to improve the visual representation of the GPB brand digitally and create greater design consistency across all sections of the website.

Helping Varied Audiences Find What They're Looking For

GPB provides news in various formats (video, podcasts, articles), digital learning tools and content for classrooms, and broadcasts of high school sports for the state of Georgia. Varied content with varied audiences. To create a better, unified experience around all this content, we leveraged the voice of GPB's actual users, creating rapid prototypes informed by usability tests and content audits.

This iterative design approach solved the content findability problem. We stopped hearing about how hard things were to find and started hearing users asking when they could start using the new solution.

On the old site, I think ‘oh no, where do I go?’ I love this change. I can see my options.

You made it so simple, it’s so user-friendly … Wonderful … I love this!

- GPB users from usability studies

Creating a GPB Design System for the Future

With dozens of content types published across several distinct sections (e.g., News, TV, Radio, Education, Sports) on multiple sites and hundreds of thousands of pages, GPB had a challenge maintaining consistency. Many unique, one-off pages had accumulated over the years, looking dated as the GPB style had evolved.

After identifying the various bespoke pages and reusable templates that would need to be migrated to the new system, we designed in an iterative manner using a combination of rapid wireframing, static mocks, and prototypes of pages and components within the CMS itself.

In the end, we produced a design system that ensures the GPB brand remains consistent, beautiful, and accessible across the entire site. The system is implemented in a maintainable pattern library, built on PatternLab.

Migrating Multiple Sources Into One New Hub

GPB’s content library of more than a hundred thousand pieces of content lived across two different sites, and much of the content came from external sources like PBS and NPR. Our team analyzed the entire content library and developed a strategy that combined bespoke migrations and API integrations to bring everything into the new, unified site.

GPB's education content also lacked the structure needed to create a better user experience for educators and students. We created a new content model with structured use cases, pouring the education content into this new framework to utilize the new design system. As a result, everything is more predictable, maintainable, and reusable.

A phased launch strategy enabled the GPB team to roll out key parts of the new site within a timeline that worked and allowed us to progressively migrate other content, like sports, in time for the new season.