This project is the first focus of Designlab’s UX Academy course. Mirror is a fictional clothing retailer and I was challenged to research, strategize, and design an e-commerce for their business.
Mirror has been a successful clothing store since 1994, with over 400 stores in 32 countries. They sell affordable clothing for everyone in any style and for any occasion. With their massive success, Mirror has finally decided to include an online shopping experience for their customers. They’ve recognized the benefits of e-commerce for both the business and their customers.Customers would save a lot of time with the ability to shop conveniently and efficiently while Mirror can save warehouse space and gain higher profits by selling the rest of their inventory easily. Mirror realizes that this trend is rapidly becoming more favorable as many other businesses provide an e-commerce option.
Paper and Pen
OUT WITH THE OLD, IN WITH THE NEW
Mirror wanted to update their current brand style with some new and refreshing ideas. A modern and neutral style that appeals to everyone. Along with a new updated brand look, their utmost goal is to provide a responsive online store with outstanding user experience that will help customers shop online with ease on all devices, anytime and anywhere.
As the product designer, I am to provide strategies based on the analysis of tangible data I collect from my research. With these strategies, it will help with the development of creative pieces built with utmost attention to details to develop a captivating brand, a stimulating and practical visual presence, and a meaningful user experience.
Responsive UI Design
ITERATION AND IMPLEMENTATION
The storyboard allowed us to place our persona in context on how Mirror might solve their problem. The story focused on the persona facing a problem and how Mirror moved her and motivated a change in her routine.
I conducted a card sorting workshop to help me organize Mirror’s web content in a way logical to our users. The results helped create the most effective sitemap for Mirror.
With the contents organized and structured in the most optimal positions, the responsive wireframes were designed then prototyped in InvisionApp.
The user interface design processes included collecting inspiration in a Pinterest moodboard, designing icons set to supplement communication between the webpages and users, redesigning Mirror’s brand logo, and a brand style tile to showcase Mirror’s new design elements.
From what I gathered in the research, it’s important for Mirror to be accessible across all devices. The users shop online due to its convenience in the comfort of their home. My design decisions made sure Mirror offers this ease in design for optimal user experience.
The layout is mostly dominated by clean white space and a vibrant range of colors for clarity, friendliness, and practicality.
Participants expressed overall satisfaction with the user experience. They concluded that the product has a straightforward flow which both experienced online shoppers and first-timers can easily follow effortlessly. Although there were no issues during the shopping process, the product was not perfect and the participants had given some suggestions for improvements. I’ve mapped their responses in an affinity map focusing on the successes, struggles, discoveries, confusing, and refinement categories. After adjustments were made, I did further usability iteration and changes until the project reached its goals.