Mirror Clothing

ROLE

UX Designer // UX Researcher

CHALLENGE

Design a modern and neutral logo for the company.

Design a responsive e-commerce website that is easy to use.

USER INTERVIEWS

COMPETITIVE ANALYSIS

DATE

Jul 2022 - Sept 2022 (80hours)

BACKGROUND

Mirror is a big clothing store chain for both kids and adults. Currently, they only have a very outdated informational website that only lists locations, promotions, and a bit of background about the company. For now, they want to start with a new logo and an e-commerce responsive website where they can sell their products online.

Mirror started back in 1994 as a clothing store targeting a budget-minded audience who looked for low-cost clothing for any occasion. The quality is pretty good and the prices are rather low. Their main goal is to make any type of clothing accessible to everyone.


Research

USER INTERVIEWS // COMPETITIVE ANALYSIS // USER PERSONA

RESEARCH GOALS

To learn:

  • How users interact with online shopping apps or websites

  • About their pain points and frustrations when it comes to online shopping.

  • What motivates our target users to purchase from our competitors

Synthesising the research…

USER PERSONA

Information Architecture

CARD SORT // SITE MAP

CARD SORT EXERCISE

This card sort exercise aims to understand how users would typically associate or group products. This information would allow us to know which items to group together later on in our site map.

In conclusion, I found that participants tend to name a category of items based on what occasion it’s suitable for.

SITE MAP

Brand & Identity

MOODBOARD // BRAND LOGO // STYLE TILE

V2

VERSION 2

VERSION 1

LOGO EXPLORATION

MOODBOARD

Interaction Design

TASK FLOW // USER FLOW // WIREFRAMES
// RESPONSIVE WIREFRAMES // PROTOTYPE

TASK FLOW

USER FLOW

WIREFRAMES

HI-FI PROTOTYPE

Iteration & Implementation

USABILITY TESTING // AFFINITY MAP

USABILITY TESTING

Test Objectives

  1. Test the overall quality and ease of use regarding the navigation and flow of the design.

  2. Test​ ​how​ ​users​ ​prefer​ ​to​ ​search​ ​for​ ​their​ clothes ​and​ ​if​ ​they​ ​are​ ​able​ ​to​ ​complete​ ​their intended​ ​goals​ ​without​ ​difficulty.

  3. Test​ ​how​ ​easily​ ​the​ ​user​ ​can​ ​find​ ​items and finish the checkout process.

  4. Observe any areas of hesitation, confusion, difficulty, etc.

Test Subject

Mid-Fidelity prototype for Mirror desktop website

Methodology

  • In Person: I​ ​will​ have my participants go through my prototype through Figma

  • Remote (if necessary): I will have the user share their screen through a video call while going through my Figma prototype.

Participants

  • Number of Participants : 4-6

  • Age Demographic : 18-50 Years of Age

  • Habits: Regularly shops online

  • Techsavy and knows how to use a computer

  • English speaking

AFFINITY MAP