Condé Nast

A directories template to be used across the Condé Nast’s range of fashion and lifestyle publication websites. The aim was to help readers find professional services and retailers. I handled all UX and design.

CLIENT: Condé Nast
Time frame: 3 weeks
Role: UI, UX, Design

Project Goals

  • The new template was to be developed using a Bootstrap framework
  • It needed improved search functionality and filtering
  • It needed a simplified user journey and improved user experience for readers and clients
  • Ideally it would increase client sign up
  • The sign up process for new clients was particularly daunting and was in need of simplification and improvement

Initial sketches

Moodboard

Wireframes

The List is directory of home improvement services. The homepage features an up-front search fields for maximum ease of use, featured designer section and other services divided by category. The design is in keeping with the House & Gardens website style guide.

Initial wireframes

Search & Filter flow

Client sign up

Final designs

The List

The List is directory of home improvement services. The homepage features an up-front search fields for maximum ease of use, featured designer section and other services divided by category. The design is in keeping with the House & Gardens website style guide.

Listings

The category listing has a sorting function and gives priority to clients with higher tiers of membership.

Profile

The profile pages give a luxurious feel to each client, featuring contact details, large images and video and are in keeping with the House & Gardens style.

Client sign up

A lot of attention was given to the new client sign up form in an effort to greatly improve clarity and ease of use. The form is broken into six sections and uses a progress bar for better user experience.

The Address Book

The Tatler Address Book is a directory of health and beauty specialists. The homepage features an up-front search fields for maximum ease of use, featured designer section and other services divided by category. The design is in keeping with the Tatler website style guide.

Profile

The profile pages give a luxurious feel to each client, featuring contact details, large images and video and are in keeping with the Tatler style.