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.

Continue toThe Things We MakeProject

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

Continue toSays a LotThe Things We Make

Says a Lot —

Latest

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

News — 

The Washington Post | The Washington Football Team's 18-month rebrand was extensive. Now the hard part begins.

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