Vogue

A New Vogue.com

In Our Ever-Changing Digital Landscape, Vogue.com Needed a New Look

Just a few years after its last redesign, the world’s most influential fashion magazine was ready to take its digital experience to the next level. The mission? Create a more responsive, real-time experience for its legion of devoted readers.

After the success of Vogue's previous redesign, the magazine approached Code and Theory once again. The challenges this time around were new: not only did the new Vogue.com have to perform effectively with a much higher volume of content, it also had to remain elegant and sophisticated without sacrificing performance.

Workflow was also critical, as one of the goals was to give the Vogue.com team near-limitless creative freedom to better respond to user and advertiser needs.

The result was a smarter, lighter, more fluid and fully-responsive site that benefits every kind of Vogue.com reader.

Establishing a very clear collaboration system right from the start was what made this project so successful.
Ben Berentson | Site Director, Vogue.com

From the initial pitch to final deployment one week before the start of New York Fashion Week — the project was a true collaboration from start to finish.

Process

Multi-disciplinary work sessions, editorial scenario planning, cross-company development teams, integrated content migration and publishing teams, broad stakeholder and department involvement, and almost daily prioritization calls were part of the ongoing collaborative process we established early on. Additionally, creating an equally-weighted and staffed core team on both the agency and client side ensured the project proceeded at an efficient clip, and that communication was always transparent and exhaustive.

Strategy

Working closely with the editorial team and Vogue’s site director Ben Berentson, we re-examined everything: the role Vogue.com plays in the lives of its readers, shifts in the digital news landscape, the rise of social as a primary traffic driver, changes in content consumption behaviors, the ubiquity of mobile, and the editorial and sales team’s current workflow and content strategy.

vogue

Design

The design challenge was clear: the new look and feel had to be unmistakably Vogue, but also convey a sense of freshness and urgency that readers have come to expect from its website. Design Directors from both sides were paired up and worked side-by-side, designing in real time to define a new visual language for the brand in digital. From new typography and iconography, to article and section page designs, every element was vigorously examined through the Vogue lens.

Technology

We developed the site using WordPress and collaborated closely with Condé Nast’s DevOps and platform teams throughout the project to ensure a successful handoff. Technology was integrated throughout the entire process, assessing every decision with the goals of speed, high performance, and SEO in mind—not to mention thorough planning for migrating over 17,000+ articles and galleries into the new platform. The result was a fast-performing site across every viewport, with a vast archive of beautiful content.

vogue

The redesigned Vogue.com brings a new speed and freshness to the Vogue experience in digital.

Highly-customizable content modules allow for variety in visual browsing and enable the editorial team to better articulate its stories.

Optimized article pages and photo galleries address an array of consumption behaviors, from passive browsing and “snacking” on content, to digging deep into the Vogue archives.

Overall, it’s a design system that encourages editorial creativity, and allows the content—not the template—to determine the layout of a page.

The redesign was a huge success right off the bat, with high conversion rates, massive increases in SEO traffic, impressive engagement and viewability metrics on advertising units that attracted interest from all prospective advertisers. Not to mention, Vogue.com's readers loved the beautiful new design.

Continue toThe Things We MakeProject

A Bold Vision for Healthcare

From patient-centric products to back-end systems for providers, we’re reimagining how healthcare is experienced.

Cultivating Community in Government & Education

We’re strengthening some of the most influential institutions through digital-first platforms and communications tools.

Pool
CNN

Reimagining the CNN Magic Wall

Midterm elections 2018

Read More
  • One of the most critical, hotly contested, and highly watched midterm elections ever
  • Modernized a 10-year-old product with a new look & feel and enhanced core feature set
  • Rebuilt the technology from the ground up, focusing on data security and performance

Hours of on-air use for 2018 Midterms

13

Evolving the Financial Services Model

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

Disrupting the Digital Sports Landscape

We do it for the love of the game—pioneering forward-thinking experiences for sports fans of every stripe.

Promoting Travel & Hospitality

From staycation to spontaneous getaway, we help clients make the journey more exciting and efficient.

Recognition

Code and Theory

DIGIDAY

2019 Creative Agency of the Year
Award Digiday

Code and Theory

Ad Age

2020 Agency A-List
Award Adage

Code and Theory

Ad Age

2020 Best Places to Work
Award Adage

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 —

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
,,