The Outline

The First Modern Mutation in Digital Publishing

The dominant story about modern media is that the publishing industry is dying. Rapidly decreasing ad rates are influencing the imagination of the industry itself; rather than producing journalism and great experiences, digital publications are rushing to generate the most revenue possible.

This dynamic has produced the design and content conventions that define present-day publishing: under-written posts composed to chase the maximum random audience about trending topics, blasted endlessly on all social channels, and consumed somewhere else, like Facebook. This system is unsustainable. It redirects creative ambition to churn out the least interesting advertising or social media gimmick.

Founding editor and publisher, Joshua Topolsky saw an opportunity in this chaotic, unpredictable media landscape. The core insight was that quality matters more than quantity. Quality storytelling, quality design and interface, quality ads, quality audience. The Outline is the anti-Buzzfeed. The only thing it's scaling up is its creative ambition.

Cad7def4957d6b19095b6c6b087b76c7d6c1e892

1

The Challenge

The conventional world of digital media was founded on desktop design principles. In that world, the article body is the most fundamental element. As a result, every post has to be an article in order for it to be told. It is almost too obvious a point to make without sounding pedantic; nevertheless, a new platform offers that paradigm a meaningful challenge. There are some stories best told in new formats: like outline bullet points; short videos, and other snapshots of information. These posts do not fundamentally require a page format that automatically includes a byline, dateline, lead art, side-rail, and ad unit. The Outline established a system that puts the story at the center of the post. In other words - the story determines the format; not the other way around.

It is impossible to create a differentiated digital publication through visual design alone.

Outline

2

The Insight

A Sea of Homogenized Content

Something historic happened around 2012 that changed the digital publishing industry that set the stage for The Outline. The whole notion of responsive design is that design and technology accomplishment can combat an existential threat to publishing. This accomplishment created new industry standards and conventions that made it relatively easy to redesign old publications. Cash-strapped publications devoted limited resources to upgrading their designs to maintain visual standards. As a result, a visual pattern emerged that made it much more difficult to distinguish a publishing brand through aesthetics alone.

Additionally, the volume of content required to maintain audience growth effectively homogenized the editorial content across most mainstream publishing brands. This happened because there were not enough editorial resources and time to produce truly differentiated voices and formats. The credit for all of this goes to the iPhone and the digital design community. It was a quiet revolution that has yet to be acknowledged.

Intuition-Led Digital Experience

The Outline is the deliberate alternative to the conventions of digital publishing.

It starts with the platform itself; Code and Theory knows that the majority of readers quickly consume material on smartphones, that quick consumption means scanning headlines and occasionally reading articles. Quickly scanning through things is a common and fundamental aspect of the most popular apps like Snapchat and Tinder. The Outline borrows those conventions to create a native digital experience. It is user-experience design that is so intuitive that it appears almost invisible. In this vein, The Outline is not inventive as much as it is resourceful; it answers the question of what Tinder would look like if it replaced profile pictures with premium headline cards.

Df0fdf573bd149bc2dfc182591b45d4e0278d068

3

The Solution

Pioneers On the Digital Frontier

The Outline is built on an entirely new kind of publishing platform. All previously held conventions about publishing design and formats have been challenged and modified.

For example, headlines on The Outline are a completely expanded component of every piece. Every post on the site is given a fully art-directed digital card that offers a variety of formats. Headlines might be bullet-pointed arguments, evocative phrases, interactive visuals, data visualizations, or pull quotes. Some headlines are designed to tell a complete story; some are used to frame a long-form essay.

The Outline understands that the digital era should make it possible to tell more stories in many more ways and that the details matter. The only way to make that kind of thinking possible is to redesign the entire platform and to start experimenting.

Curated For The Few

Design conventions are not the only source of change and experimentation. The industry standards that define audience and advertising successes are also getting re-designed at The Outline. The unique visitor is going to evolve into the engaged fan of the brand; “The Outline isn’t for every body, it’s for you.” The target audience is a specified set of trend-setting consumers who are looking for quality content and interested in authentic cultural experiences. The display ad is going to evolve into a story-telling package; the audience that follows The Outline will also appreciate and take seriously the stories that partner brands will want to tell. This type of relationship is at the heart of how The Outline generates and derives value for all partners.

A Unique Experience With Each Swipe

By constantly offering unexpected experiences, the app will condition the user to consistently swipe ahead. The Outline is built up like a web-version of Snapchat Discover. Each post fills up the screen with a bespoke visual message. Sometimes the message is contained by the screen itself; other times it tries to get the user to scroll into and read the post. Each type of post is represented by an exponentially varied visual system that allows each it to have its own identity.

The Invisible Path

The difference between posts on The Outline is more than visual. There are posts that offer interactions that replace a traditional article text.

For example, there are voting cards that ask the user to select one answer over another (that answer determines what other posts get served). There will be video game cards that are actual interactive video game experiences. There will be videos to watch. There will be ads to see that use the visual and interactive language of cards to let brand partners tell their own story to The Outline audience.

This entire experience - the action of swiping from post to post, card to card, is called “The Path.” The Path is the invisible feature of the whole site. It is a perpetual feed that offers something that no other platform or experience can provide. It is the reason that The Outline is the first digital mutation that actually solves the problems that digital publications are trying to overcome.

D32ab2565a80ab137681cb7bfc72c1ced71ca1b4

4

The Conclusion

The fact that this site exists is a testament to the power and clarity of the original vision. This project kicked off in mid July. It was conceived, defined, designed, developed (with a custom CMS and ad platform) in 5 months. This means that the team operated with a clear direction and total cohesion.

In the span of time it can take other publications to launch an email newsletter via a 3rd party application, Code and Theory and The Outline produced the future of digital publishing.

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

    Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    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