Trying E-commerce on for size –
Mirror Clothing

Overview

Background

Mirror was (fictionally) founded in 1994 as a clothing store targeting a budget-minded audience who looked for low-cost clothing for every occasion.They believe clothing doesn’t have to be expensive and we should be able to change styles as we need and please. Mirror is very successful offline, offering over 400 stores around the world in 32 countries. Customers have been asking for an online shop for years, and Mirror is finally committed to to achieve this.

Challenges

How can we differentiate Mirror from its competitors, while keeping the experience easy and familiar in the user’s point of view?

Objectives

Design a responsive website that allows a diverse group of users to easily find and purchase clothing for all occasions. Site and logo should feel clean, modern, and neutral.

Meeting my audience and their expectations

Understanding user Needs

For user research, I spoke with 7 individuals ages 20-29 that varied from shopping exclusively online, to rarely ever doing so.

  • Users expect to be able to quickly and easily find what they are looking for with the option to browse when they have the time
  • Users want to see a reflection of themselves whether that is in the models wearing the products, or in the reviews
  • They want to make the right decision the first time when making a purchase
Understanding online shoppers

Learning Motivating Factors

  • Busy professional with minimal free time
  • Trouble finding their size or style preferences when shopping in-person
  • Appreciate seeing models that reflect themselves, along with measurement guides or true to it scales

Composing our User’s Story

  • Busy professional juggling her small business and raising young children
  • Needs to stay on top of style trends
  • Does not have the time or energy to frequent the mall on a regular basis
Defining the Product

Beginning the Design Process

The site map and task flows were used as reference to determine which screens to create.

Bringing Ideas to Life

Setting the Tone

Mirror described their brand message as:

  • Clean and clear
  • Modern and fresh
  • Neutral

Bringing It All Together

After completion of the UI kit, I applied colors, branding, and images to the mid-fidelity wireframes to bring Mirror to life.

Reflecting on the Process

Conclusion

In conclusion, my prototype was a success. All participants were able to complete all tasks without hesitation. Users knew where to look for items, and were delighted to see features that had been mentioned during the research phase. Participants noted that the site felt trustworthy and encapsulated a modern, carefree lifestyle.

Future Considerations

This project was completed with limited time and resources. In the future, I would love to be able to conduct research and testing with a larger, more diverse group of individuals. User testing could be more in depth,  allowing for testing of more features and tasks. With more testing, further versions of the project could be completed and continuous iteration could be utilized.

Mirror is a fictional brand created for the purpose of this personal project.