Bloomberg

A High-Impact Ad Strategy for Bloomberg Media

In July 2014, Bloomberg challenged Code and Theory to design and build the experience for its entirely new generation of digitally-led media properties. It was a challenge that required a robust systems design approach—a holistic, macro strategy that encompassed ethos, process, and the end product.

The result—which debuted in October 2014 with the launch of Bloomberg Politics, and carried through to the launch of the new Bloomberg.com in January 2015—was a sophisticated system that went beyond ad maps and page templates. It was a scalable, modular platform that could accommodate any current or future sites in the Bloomberg ecosystem.

From day one, Bloomberg and Code and Theory envisioned a beautiful, holistic reading experience for the new platform—one where both standard and premium ads were seamlessly woven into the editorial itself. We worked to create a system where ads were not designed and integrated as an afterthought, but as an essential part of the aesthetic experience.

52981adffd55668b19b28a33f0e1ed399a4c5bf5


Working together, Bloomberg and Code and Theory turned that vision into reality.

The new ad strategy was three-pronged. The first component: a new suite of completely customizable interactive ad units that were as visually interesting and engaging as the editorial content itself. Second: an unobtrusive, beautiful new way for readers to experience standard IAB display ads as they scrolled through the site. And finally, a new modular design system that allowed for a variety of new custom content integrations and sponsored content.

It was an entirely new strategy and spectrum of offerings that didn’t only meet advertiser requirements—it exceeded expectations.

1

Prioritizing Visibility

For years, users have trained themselves to divert their attention away from the right side of a web page.

To battle this “right rail blindness,” Code and Theory and Bloomberg considered the natural ways that users consume content online. They swipe, click, and increasingly use multi-touch gestures, with the scroll remaining paramount.

With a renewed emphasis on ad viewability—which has become the primary success metric for advertisers—Bloomberg challenged Code and Theory to drastically improve the chances that every ad on the new site was actually seen.

So, rather than attempt to catch the corner of a reader’s eye, the team made sure that each ad—even standard units—responded to user behaviors in surprising ways.

For example:

BloombergAds

01

Reacting to the Scroll

Bloomberg’s new suite of customizable ad units was built on a framework where certain elements of an ad reacted to the user’s scroll. Elements would move up, down, left and right at different speeds, while other elements stayed fixed in place.

“There’s something interesting that happens when the user is involved in initiating the ad without realizing it,” says Christopher Hall, associate creative strategy director at Code and Theory.

Take, for instance, this BP ad. At first, the ad appears to be stationary, almost like you’re peering through a window. As the user scrolls, various elements within the ad—like the trucks and airplane—come to life.

BloombergAds

02

Embracing the Scroll

Another key strategy to increase ad viewability on Bloomberg.com was the concept of “locking” standard IAB ad placements. As a user moves down the page, standard display ads on the left and right of the page hold steady as the news headlines race by. By locking the ad inventory under the vertical header, the site increases viewability for each ad impression.

The effect for readers? The ad is pretty hard to miss.

2

Encouraging Creativity with a Modular, Flexible System

Code and Theory’s vision for Bloomberg’s new custom ad units was to make them a design system within themselves. Rigid, template-based, one-off solutions were not an option.

Like the design of the site itself, the ad toolkit was designed as a modular framework, where each core element of the ad could bend and flex to accommodate different advertisers and creative executions. For example:

B1fdc85888b31ce894c8faf364901223b6b506fa

01

Leveraging Visual Design Elements

Here is an example of a custom ad execution leveraging the visual design elements of the grid that appears on each section front of bloomberg.com.

BloombergAds

02

Interactions that Surprise and Delight

Here is an example of a custom ad execution that leverages various design elements of the Bloomberg Politics homepage design.

3

Design Today for Tomorrow's Challenges

With the power to unify rich and varied media identities, design is more than arranging elements.

Key to Code and Theory’s philosophy of modular design is the idea that a site should empower its operators to anticipate shifting economic, technical, and demographic conditions. Guided by that principle, we built Bloomberg a website that can expand, grow, and evolve with the company, its readership, and the devices they use to interact.

Aesthetically and editorially, that means the new Bloomberg is better equipped to draw readers into their exceptional content. And for advertisers looking to impact a diverse readership, Bloomberg is more appealing than ever.

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.

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 — 

Ringier | Leading International Media Company Ringier Appoints Stagwell’s (STGW) Code and Theory to Transform the Blick Brand

News — 

Code and Theory Takes the Stage at Web Summit Rio

News — 

PRNewswire | Code and Theory, a Stagwell (STGW) Network Company, is Building New Artificial Intelligence Capabilities with Oracle Cloud Infrastructure

News — 

PRNewswire | Stagwell (STGW) Marketing Cloud Taps Former Microsoft Chief Data Analytics Officer John Kahan, Code and Theory Chairman Dan Gardner as Advisors

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