A DesignLab project that challenged me to create a responsive website and branding for a global clothing retailer.
Goals and motivations
Based on the persona created above, an Empathy Map was constructed to visualize user needs and inform product strategy.
An open card sort was hosted among 4 participants to organize products into categories that make sense to them. Results of this exercise were used to guide information architecture of the product categories.
A sitemap was constructed to outline the relationship between the content on the Mirror website, and to give us an idea of the pages needed on the site. The task flow was created to show the sequence of steps a user takes to purchase a product, as well as a user flow to show the various paths a user can take while interacting with the Mirror website.
Responsive wireframes for the Home Page.
Home page, Category Page, Product Page, Shopping Bag, Checkout
BRANDING & UI
Mirror is all about having clothing accessible for everyone with good prices and a variety of styles. The following brand attributes were considered when designing Mirror’s visual language:
The refreshed visual identity for Mirror features a modern logo, muted color palette and a font library.
RESPONSIVE UI DESIGN
Branding elements were applied to responsive wireframes to yield a high-fidelity prototype for testing.
Back to projects