Madewell
Madewell Creative Concepts
Ux design • Web design • Concept Design
In June 2017, Madewell partnered with SapientRazorfish for one month of creative ideation. Together we identified key business areas, held collaborative workshops, and brainstormed. This is a collection of ideas and concepts that showcases the future of Madewell.com.
We held numerous workshops with stakeholders and
potential users to identify priority needs for the web experience.
Below are some examples of creative solutions that our team has
designed by categories through out the web experience.
Top Nav
Mega-nav! Many images within the nav affords opportunities to show her something new, or expose her to content she might not otherwise see.
Top Nav
Top nav offers an uncluttered browsing experience, containing all filter and sort options in one place, that is easily accessible when needed. This frees up the overall screen real estate to place more focus on the products, but also may restrict the number of filter options within the limited horizontal space it is in.
Left Nav
The most common placement of filters with a large vertical space for its options. Although common, the left filter is often combined with category navigation directly above it, pushing the filters lower on the page where she is less likely to notice.
Fluid Grid
The fluid grid gives the user the freedom to browse through
the grid of products the way they desire to. The users have the option to browse through products in more detail or skim through many quickly.
Hover Lover
A cool way to interact with each denim category. On hover, the images and descriptions dynamically change and allow her to focus in on one category’s selection of fits at a time.
Category Preview
Display the categories horizontally as an overview, which the user can then expand.
Instagram Fit
Universally accessible fit gallery, tapping our users for images. A powerful opportunity to help our customer understand fit visually, by seeing how clothing fits on bodies like hers.
Perfet Pair
Using simple interactions and clear language, we’ll help her understand fit.
