Guardian Labs - Site Asset - Header
Projects

The Guardian Labs

A tailor-made platform for one of the world's most popular publishers

The Guardian Labs, the branded content wing of British national daily The Guardian, dedicates itself to delivering exceptional branded content across devices. With a team of over 130 content specialists, The Guardian Labs reaches 131 million unique browsers every month worldwide.

Guardian Labs - Education - Laptop

01 The Business Problem

Expensive, Inefficient, and Un-Scalable 

The Guardian Labs—The Guardian’s branded content wing—was burdened with an inadequate story framework, system, and content strategy. The existing framework failed to provide advertisers with the tools to tell compelling stories that matched The Guardian’s rigorous, tailor-made editorial standard. Like many publishers, The Guardian found the integration of tailor-made native content expensive, inefficient, and un-scalable.

The Questions

How can The Guardian Labs deliver engaging branded content that readers will value as much as The Guardian’s editorial content?

How can we build a system that allows repeated and expanded creation with each new advertiser?

02 The Experience Strategy

Treat branded content like editorial content

Readers will accept—and even enjoy—sponsored content only if it's thoughtful and compelling. We needed to give The Guardian’s advertisers the means to tell the stories that readers cared about, regardless of being sponsored.

With that in mind, advertiser integrations needed to be treated with the same level of care, experience design, interaction design, design presentation, and engagement as editorially created feature stories.

Guardian Labs - Video Thumbnail
Responsive to a reader's scroll, movement encourages further exploration

03 The Solution

ITERATE TO INNOVATE

Using the production of the first article to define a set of rules and modules, we incrementally grew the number of components. With each consecutive article came a new set of learnings, which we then fed back into refining the library of useful modules.

Building a flexible, individually-shareable component framework that accommodated infographics, interactive animations, videos, pull quotes, and audio quotes, we updated the formats used within long form feature stories around The Guardian Labs’ observed editorial behaviors.

Guardian Labs - Mobile Mock Up Trio

THE STORY GOES ON

Complex stories transcend single articles. We crafted narrative arcs to engage readers, providing them with the opportunity to enhance their experience with further exploration. At the end of each story, a package provides an overview of upcoming articles so readers can keep exploring—a technique we’ve implemented to great success for publishers like Mashable and Bloomberg.

04 The Results

With our framework and CMS, Code and Theory has empowered The Guardian Labs to create complex interactive series for future branded partnerships—with ease, elegance, and clarity

  • The first five interactive articles created with our new platform and CMS circulated widely, with more than 105,000 shares.
  • Cisco, the first advertiser to use our new framework, was the top performing native advertiser in The Guardian’s history.
Features
|
Selected Clients
|
Recent Launches
|
project
Maybelline Global Website Maybelline Global Website
project
Yonder Music Yonder Music
project
BBC Newstream BBC Newstream
project
The Guardian Labs The Guardian Labs
Code and Theory