Club Monaco
Club Monaco was founded around the idea of “better basics”—creating classic, effortless pieces.
Art Direction, Brand Guidelines, Product Management, Product Design, Strategy, User ExperienceWith the relaunch of their flagship store on 5th Ave in New York, a new digital home was created for the international lifestyle brand of affordable luxury with a modern sensibility at clubmonaco.com.
Navigation
Club Monaco’s navigation was completely re-designed to allow users to find and purchase product in fewer clicks. Implementing a sticky top navigation provides easy access to all categories and editorial features.
The site’s heirarchy was revamped and cleaned up—displaying a user’s cart and account information more prominately at the top left. Product categories were also organized and absorbed into a drop-down menu within the top nav.
Home Page
The new simplified and responsive homepage highlighted new collections and editorial looks for men and women.
Landing Pages
The women’s and men’s landing pages were broken out into modular units that refresh on a weekly basis—highlighting marketing and business needs. The pages feature new editorial-based content, featured categories and the latest campaign—all of which are quickshoppable.
Editorial Features
Editorial features have now taken on a life of their own. Once as small slideshows above category pages—these aspirational features have gone full-screen.
See the true textures and fine details—up close and personal. All features utilize live type and responsive imagery to fit every screen. Dynamic feeds allow looks to be quickshoppable with the latest up-to-date data. Each feature links back to related product categories to ensure a cohesive loop between shopping and browsing.
Category Pages
Category and product pages take advantage of your browser’s viewing space by losing left-hand navigation.
Creative banners went from horizontal to vertical—a natural proportion to highlight the human body, while pulling up more product above the fold. Four products now span a row and are all available to quickshop and browse—without losing your place.
Product Pages
The heirarchy of product pages have been simplified—grouping related content and surfacing important purchase information. Images, buttons and text are enlarged to provide compatibility for touch devices.
Social sharing has been implemented and quickshoppable cross-sells are made prominenet—highlighting complete looks. Additionally, relevant editorial content is exposed for users to explore, be inspired and shop.