FROM TRAVEL TO LIFESTYLE

Conde Nast Traveler Redesign

  • Webby Awards 2015 Best Websites Travel Nominee

 

Condé Nast Traveler, which principle is "Truth in Travel," is one of the most influential travel magazines all around the world. Cntravel.com reaches 2.6 million audiences, and it provides them rich, unique and truthful travel inspirations.

Inspired by Condé Nast Traveler magazine redesign, the new cntravel.com is more than just re-skinning based on the magazine visual style guides. It tries to bring the key concept of the new Condé Nast Traveler brand, which is moving beyond travel to lifestyles in a high-end, sophisticated and also truthful way.

  

 

Date: 2014

Team:

Art Director: Aaron Braun

UX+Visual Designer: Yanwen Hu

Homepage Designer: Ho-mui, Wong

Press:

Luxury Daily "Condé Nast Traveler Web site redesign shows full lifestyle approach"

Digiday "Why Condé Nast Traveler is taking the platform approach"



 

Design Concepts

 

Bringing context to the content

Travel is also about lifestyle. When reading an article or searching for a destination, users are expecting more than what they need.

  • Content Recirculation Strategy: instead of showing 'the most popular' module across the whole site, the new strategy is to serve the customized related content based on what users are reading

  • Search Experience: when users are searching on the site, the results will be filtered under different categories: articles, hotels, restaurants, activities and shopping

 

Embracing photography

Conde Nast Traveler's photography differentiate the brand from others. The redesigned site also features those beautiful images. 

  • Provide big visual placements for the featured stories on homepage and index pages

  • Create the special visual storytelling templates, the long-form article and the featured slideshow

 

PROCESS

 

Project Team: Art Director + 2 Designers

My Role: As a designer in a small team, participated in the whole process of cntravel.com redesign.

UX: created wireframes for search, archive and other pages

UI: worked on visual design for multiple templates with Art Director

Dev: closely collaborated with the dev team for visual Q&A

 
 

1. User Scenarios Wireframes

  • Analyzed CN Traveler user needs on search scenario, and summarized them into four different use cases

  • Created user flows and wireframes for the search experience


2. Visual Design Responsive

  • Closely working with Art Director, created responsive design for multiple the templates (24 columns grid)

  • Mocked up prototypes for reviews and internal testings


3. Design Specs

4. Visual Q&A

  • Delivered spec sheets of templates to the development team

  • Worked closely with the developers on visual Q&A process

 

- More Related Projects -

CNT_search_thumbnail.jpg

CNT Search

Lipstick.com  Beauty  Hair  Makeup  and Nail Trends2.png

Lipstick.com

Glamour_thumbnail.png

Glamour Oscar