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.
Role: User experience / concept / design direction / strategy / front-end development
The new simplified and responsive homepage highlighted new collections and editorial looks for men and women.
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.
Category and product pages take advantage of your browser’s viewing space by losing left-hand navigation. Creative banners went from horizontal to vertical—pulling up more product above the fold. Four products now span a row which are all available to quickshop and browse—without losing your place.
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.
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.