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