top of page

AUGUST 2021

Stephanie Men Fashion Web Design
Responsive Website User Experience 2021
UX CASE STUDY
CLOTHING STORE WEB DESIGN
Clothing Web Design Case Study
.png)

Project Overview :
Stephanie’s Men Fashion is a clothing store that offers affordable pricing options. The typical user is between 19-30 years old, and most users are college students or early career professionals. Stephanie’s Men Fashion goal is to make shopping fun, fast, and easy for all types of users.
Project Duration :
August 2021 to September 2021
The Problem :
Available online shopping websites have cluttered designs, inefficient systems for browsing through products, and confusing checkout processes.
The Goal :
Design a Stephanie’s Men Fashion website to be user friendly by providing clear navigation and offering a fast checkout process.
My Role :
UX designer leading the Stephanie’s Men Fashion website design
Responsibilities :
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
User Research Summary :
I conducted user interviews, which I then turned into empathy maps to better understand the target user and their needs. I discovered that many target users treat online shopping as a fun and relaxing activity when they need a break from school or work. However, many shopping websites are overwhelming and confusing to navigate, which frustrated many target users. This caused a normally enjoyable experience to become challenging for them, defeating the purpose of relaxation.
User Pain Points :
Navigation
Shopping website designs are often busy, which results in confusing navigation.
Interaction
Small buttons on shopping websites make item selection difficult, which sometimes leads users to make mistakes
Experience
Online shopping websites don’t provide an engaging browsing experience
Persona : Mahalia

Problem Statement :
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
User Journey Map :

I created a user journey map of Mahalia’s experience using the site to help identify possible pain points and improvement opportunities.
Paper Wireframes :

.jpeg)
.jpeg)

Paper Wireframe Screen Size Variations :

Digital Wireframe :



