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.

Defining the Route of Fashion

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

Gawker 2
Bustle Digital Group - Gawker

Gawker | Don't call it a comeback.

An entertaining and engaging experience, all while still bringing a touch of class and sophistication.

Read More

Evolving the Financial Services Model

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

Spotify Feature
Spotify

Artists don't just make art. They make money too.

Building a bigger funnel to help artists grow on Spotify.

Read More
College Board| Positioning the College Board as an Integrated Partner for Students

Transfiguring an integrated student, parent and educator experience

<p><strong>Transfiguring an integrated</strong> student, parent and educator experience</p>

Transfiguring an integrated student, parent and educator experience.

Read More
Rally| Elevating The Site Experience For a Crypto Pioneer

Elevating The Site Experience For a Crypto Pioneer

<p><strong>Elevating The Site Experience</strong> For a Crypto Pioneer</p>

Elevating the site experience for a crypto pioneer.

Read More
Coned Additional
ConEd

Building a future vision for Clean Energy in New York

ConEd tapped us as AOR to lead an integrated, purpose-driven marketing partnership to educate a multitude of audiences

Read More
  • A new brand strategy that ties ConEd’s clean energy vision to its purpose
  • An integrated creative campaign to showcase ConEd’s clean energy vision to its customers
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

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions

Says a Lot —

Latest

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 — 

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

News — 

Webby Awards | Code and Theory Named Webby Winner in 26th Annual Webby Awards

News — 

The Drum | Adland's reaction to Musk's $44bn Twitter deal: 'a major disruption to its ad business'

News — 

ESPN | Washington Commanders: Inside the NFL franchise's search for a new nickname and logo

News — 

The Washington Post | Becoming the Commanders: How Washington's NFL team found its new name

News — 

Ad Age | Washington Football Team Becomes the Washington Commanders

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions