CROSS-BRAND CMS

Condé Nast Editorial System

 

Condé Nast is the global media company that produces massive world’s leading media brands, including Vogue, GQ, The New Yorker, Vanity Fair, Wired, Condé Nast Traveler and Glamour, among others.

To embrace the digitalization of the entire print media industry, Condé Nast innovated the new technology platform that empowers brands and editorial management across different brands. This initiative allows editorial team freely to share and reuse content within Condé Nast portfolio, and the centralized technology platform can rapidly launch new online redesign based on the shared code base.

 
Screen+Shot+2020-05-24+at+1.13.07+PM.jpg
 
 

UX Strategy


TEMPLATES

5 Major Editorial Templates

  • Index: Channel, Sub-channel

  • Article: normal, social blog, long-form article

  • Slideshow: image-driven, text-driven

  • Listicle: ranking page

  • Contributor

autopilot_background.png
 

SYSTEM LOGICS

Brand < > Platform < > Batabase

  • Front-side: brands websites & apps

    • responsive sites

    • each brand selects templates from Conde Nast system editorial shared templates

  • CMS: Autopilot platform

    • standardized editorial UX based on templates

    • curated UI based on brands’ voice

  • Back-end: Copilot database

    • API

    • editorial content data

 

MODULE RULES

Responsive UX

  • aach template includes responsive rules adapting to mobile, tablet and desktop

 

MODULE BREAKDOWN

Example: Multi-unit Modules

  • 1-unit: Hero

  • 2-unit: List-regular

  • 2-unit: List-highlight

  • 3-unit: List-trio

  • 4-unit: List-grid

  • 5-unit: List-quint

 
 

Live Module Examples

 
 

- More Related Projects -

Conde Nast Traveler Redesign

Conde Nast Traveler Redesign

Epicurious Login, Profile, Recipe Box User Flow

Epicurious Login, Profile, Recipe Box User Flow

Glamour Event Hub Page

Glamour Event Hub Page