Vanity Fair

An Event Site Fit for Vanity Fair

Most websites dedicated to events are fairly static. They’re designed to be updated a few times at most and primarily serve as online billboards.

Vanity Fair—the iconic Condé Nast-owned magazine—wanted to take a different approach.

In advance of its second annual New Establishment Summit, Code and Theory collaborated with Vanity Fair to transform its Summit site into a more responsive and flexible destination.

It's an elegant design that mirrors the prestige and power of what the New Establishment Summit stands for.
Mike Hogan | Digital Director, Vanity Fair

1

Taking a Different Approach

The New Establishment Summit is the physical embodiment of Vanity Fair’s annual list of society’s tastemakers who are “shifting and shaping the global conversation” in the intersecting worlds of technology, media, entertainment, politics, and beyond.

In 2014, speakers included Apple design chief Jony Ive, Tesla Motors CEO and SpaceX CEO and CTO Elon Musk, Snapchat founder Evan Spiegel, and Spotify CEO Daniel Ek.

Abe913a50d2d481ce4eb19becf057ea0ef7bd603

Since this event generates so much news, Vanity Fair needed more than just a beautiful website. They needed a content management system that could flex and adapt to various moments in the event cycle, providing the magazine with a powerful multimedia and editorial platform that could easily cover the 2015 event, as well as future events.

2

Room for Improvement

Interviews with stakeholders revealed that there was room for improvement from the previous Summit website.

For one, the process of buying tickets needed to be simplified, and additional features—like allowing paid attendees the option to transfer their tickets to another person—needed to be integrated. Enabling attendees to share content on social, and to more quickly access and browse the schedule and additional content on mobile, was also a major focus of the redesign.

The biggest tweak, though, concerned the process of adding and updating content. Because of the nature of a live event, Summit organizers needed a simple tool that would allow them to update content on the fly, and easily leverage Vanity Fair’s editorial event coverage without having to re-create it for the site.

We decided on an easy-to-use, flexible, modular-based CMS that can continue to grow with the event in subsequent years.

Part of our strategy centered around how to help site editors leverage all the great content leading up to, during, and following the event. And of course, surface it at the right time for visitors.
Pamela Castillo | Senior Creative Strategist, Code and Theory

3

Covering Key Moments

The overarching strategy was to find ways to transform the Summit site into more of an editorial entity than just a traditional events site.

In addition to the editorial goals, The New Establishment Summit site needed to accommodate five key moments or “chapters” in the events cycle, including:

(1) The initial call for attendees

(2) The announcement of the speaker lineup

(3) The unveiling of the final speaker list and agenda

(4) Key moments during event

(5) Event recaps, photos, and videos following the event

The new site enables editors to create and curate information relevant to each chapter, and highlight it at different points in time. Thanks to the flexible, modular design, most pages on the site have the ability to be modified and customized.

4

Elegant and Powerful

The new site, which was unveiled in June 2015, complemented the elegant look and feel of the Vanity Fair brand, and provided all Summit stakeholders a more powerful tool to promote and cover the October 2015 event and beyond.

And with a 2015 speaker lineup that included Facebook C.E.O. Mark Zuckerberg, co-C.O.O. of 21st Century Fox James Murdoch, and Vanity Fair contributing photographer Annie Leibovitz, there was major buzz leading up to, during, and following the Summit.

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