Variety Magazine

Variety Magazine

Variety is synonymous with show business; but despite being the premier source of entertainment industry coverage for over 100 years, variety.com did not demonstrate the true value of the century-old brand. In 2013, Code and Theory was tasked with rebuilding Variety’s online experience to identify and capitalize on the publication’s most successful print products and translate them seamlessly into a digital, multi-platform experience.

Understanding Variety’s complete product offering and the problems experienced by its readers was essential to mapping out areas of opportunity for improvement. Our key insight: the article page needed to be reimagined as the epicenter of the experience—easily accessible and a doorway to further exploration.

0d4a4a7275e9a6490a56615cef03b6f779e355e6

To reach an article page, variety.com users were required to navigate through a labyrinth of landing pages, section fronts and redundant content. When a desired page was reached, it was a virtual dead end that finished the user’s experience. Shallow promotion of content from Variety’s unrivaled archives gave users little opportunity for engagement and left few paths available other than an exit.

We developed four strategic initiatives to change that.

1. Simplifying Choices

A classification was created of clear categories with consistent tags and filters to eliminate redundancy of content across the site, to remove the burden of browsing from the user and to showcase relevant content across all devices.

2. Increasing Engagement

The article page was built as a viable entry point—one that encourages sharing on social media and exploring throughout the website—by leveraging the breadth of Variety’s archival content, multimedia packages and special event coverage.

3. Visualizing Data

Variety’s data-driven features, such as box office figures, were highlighted and contextualized with visual content (photos & videos) to make them more engaging, actionable and sponsorable.

4. Expanding Ad Opportunities

A grid framework was created to maximize ad impressions and integrate ads cleanly with editorial content.

In order to rebuild the article pages effectively, we developed the groundwork upon which all components of variety.com were built: A site hierarchy was created of Variety’s coverage priorities (Movies, TV, Digital, etc.); format types such as photos and videos became easily accessible in all verticals; a responsive framework was made to ensure design integrity across digital devices; and visual guidelines were established to harmonize Variety’s digital brand identity with the respected print news source that’s vital to the entertainment industry.

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