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.

Screenshot 2023 09 29 at 3 51 52 PM
The Ritz-Carlton

Redefining the Legacy of Luxury for a Powerhouse in Hospitality

The hotel giant partnered with Code and Theory to bring its hotel's luxury into every element of its digital experience.

Read More
  • Built a scalable design system for both The Ritz-Carlton and The Ritz-Carlton Reserve.
  • Created a guest-centric site structure to facilitate booking, content exploration and discovery.
  • Strategy, design and launch in under one year.

Driving B2B Growth

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

Tipico Featured Module
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.

Untitled design
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
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign

News — 

YETI Wins Fast Company Innovation By Design Award for Marketing