Bloomberg

Bloomberg Politics

When The Verge co-founder Joshua Topolsky joined Bloomberg in July 2014 to help expand the breadth and reach of its media properties, he immediately saw an “opportunity to build a 21st-century media company to scale” under Bloomberg’s new direction guided by Bloomberg Media CEO Justin B. Smith.

Just four months later, the first part of the plan was realized. In October, Bloomberg’s entirely new generation of digital-first, multi-platform media properties was born: Bloomberg Politics

Here’s the story of how we worked with the Bloomberg Digital team to build an entirely new brand, product, and multi-platform reporting model in just six weeks:

bloomberg

1

A Blank Slate

Bloomberg Politics was to be a completely original take on political coverage. From the content strategy, to the cadence, to the visual presentation of long-form, short-form, and video content—everything would be different.


The goal was to build a politics site for the user of the future.

The company hired heavyweight political journalists Mark Halperin and John Heilemann to set the tone for the new media property, which would also serve as the launching pad for what would be the new television show, With All Due Respect.

Establishing the content, editorial team, and the site all happened in tandem. Decisions in one area informed decisions in another, and vice versa.

Acting as one unit, our teams worked side-by-side for six weeks to build the entire site from scratch.

2

The Design Challenges and Opportunities

There were three unique challenges in establishing the visual language of Bloomberg Politics:

(1) As the site would be the first in a series of vertical-specific launches spanning business to luxury news, the team needed to ensure that the systematic elements of the visual language would be able to traverse any site in the ecosystem.

(2) The design had to build upon and enhance the visual system established by Bloomberg Businessweek, one of the company’s flagship properties.

(3) Lastly, as the politics unit was a new entity in the company, the launch day site experience would need to scale over time as the editorial team built out its library of content and increased the frequency and volume of content they produced.

3

Let the Content Determine the Layout

The fresh visual presentation and consumption experience was built on a design system that gave the editorial team enormous flexibility to publish and package any type of content.

Connecting the Dots

One unique aspect of political coverage is the prevalence of longer-term story arcs and threaded stories. We took great care to ensure flexibility on both the homepage and article pages to allow reporters to package up content in ways that would be useful to readers. On the article page, for instance, we accounted for all types of content formats—from long-form pieces, to feature stories, to in-depth reporting, to quick news bites.

bloomberg

Cross-Media Storytelling

As a modern publisher with a history in television, Bloomberg placed a heavy emphasis on video and cross-media storytelling. We worked together to map the daily programming cycle of With All Due Respect into the content experience, with summaries and catch-ups in the morning, and pre-show builds in the afternoon. Additionally, users would be able to watch the show live on the site every day at 5pm. The flexible and modular system we created empowered the editorial team to map out their storytelling and daily news coverage around the show’s linear programming cycle.

Cc54a2289c9d5ccde36c4608cd397ef5d0a28c11

4

Innovative Ad Integration

Our page designs established an entirely new monetization strategy built around how advertiser content was integrated into the editorial.

We decided to leverage elements of the design system to create completely integrated ad experiences for Bloomberg’s high-profile advertisers like BP and Goldman Sachs. Relying heavily on motion and animation-based interactions, we collaborated with Bloomberg on a new toolkit of custom and unobtrusive ad integrations that they could expand on over time.

bloomberg

5

THE RESULTS

The morning after launch, the new Bloomberg Politics awoke to acclaim from pundits, readers and competitors.

Praised for its “bold” and “excellent” site design that was “beautifully Bloomberg,” and recognized for its addicting and “seamless” reading experience, the new site immediately drew attention in media, business and political circles.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Tipicoheaderimageborders
Tipico

Succeeding on a Mission to Win Ohio

AOR leading an integrated campaign to capitalize on the moment and bring Tipico to market.

Read More
  • Challenging category conventions to create a differentiated connection with audiences
  • Speaking with Ohio sports fans the same way they speak to each other
  • Working in an Integrated Agency team to connect through all media channels, including the app

Evolving e-Commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

CASE CARD Blowout Top Image Size Image of 7680 432
Allspring

Speed To Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

Transforming Education's Forefront

Defining the future of digital experiences in education.

Pfizer World| Shaping A Platform Into A Beacon For New Priorities And Ways Of Work

Pfizer World

<p>Pfizer World</p>

Transforming a platform into a meaningful beacon to set new priorities and ways of working

Read More
Galleri| Introducing A Revolutionary Medical Feat To The Market

Galleri

<p>Galleri</p>

Creating the first B2C campaign and user experience for a first-of-its-kind cancer detection test

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Award WebbyW3 0031Ad Age 0023

Recognition

  • Code and Theory

    Webby Awards

    2022 Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    2021 Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    2020 Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

PRNewswire | Code and Theory Network Agency Kettle Promotes Lauren Kushner to CEO

News — 

PRNewswire | Stagwell's Code and Theory Network Expands Its Digital Transformation and Engineering Globally with Addition of YML

News — 

Ad Age | Top 5 Diversity, Equality, and Inclusion Efforts To Know About Right Now

News — 

PRNewswire | Stagwell (STGW) Digital-First Creative Agency Code and Theory Launches Industry's First Holistic Inclusive Design and Marketing Strategy Discipline

News — 

Ad Age | Marketing In The Metaverse —What Science Fiction Can Teach Brands About Web3

News — 

Code and Theory’s Dan Gardner named Campaign US 40 Over 40 honoree

News — 

Muse by Clio | Don't Talk to Me About NFTs and the Metaverse

News — 

AIGA Eye on Design | The Era of Rebellious Web Design Is Here