Responsive Website & Dedicated Mobile App
Case Study - The Tailor Shop
This project is for demonstration purposes only. It was originally completed as part of the requirements for the Google UX Design Professional Certificate
My Role
My role in this project was that of lead UX designer designing a dedicated mobile app and responsive website for a tailor shop from conception to delivery. My responsibilities included conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
The Goal
Most customers have busy schedules and ordering offline takes too much time and effort. I wanted to create an experience that increases the orders of custom-tailored suits and the frequency of repeat purchases per customer.
The Users
Young professionals who don’t have the time to purchase a tailored suit through the traditional process.
The Research
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was young professionals who don’t have the time to purchase a tailored suit.
This user group confirmed initial assumptions about suit customers, but research also revealed that convenience was not the only factor limiting users from purchasing a tailored suit.
Other user problems included order flow, taking measurements, and digitally displaying suits.
Wireframes (or sketches)
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on the suit ordering process & adding measurements.
User testing details
Based on the insights from the usability studies, I applied design changes like providing clear call-to-action buttons and give users the ability to visually see the images of products they are included in the bundle.
Prototypes
I refined the design by creating mockups, prototypes, and applying accessibility considerations
Lo-FI Prototype
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was ordering a suit, so the prototype could be used in a usability study.
View the low-fidelity prototype
Hi-FI Prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Final polished designs - Responsive website
The final designs included screens for the home page, shop page, and order flow.
Final polished designs - Dedicated Mobile app
Based on the insights from the usability studies, I applied design changes like adding unique images to better represent the different suit options available. Also updated the form elements for improved accessibility
Results and Outcomes
The impact is that the website makes ordering a tailored suit online, simple and fun. The result is more tailored suits sold more often to the same client. One quote from peer feedback: “I love the measurement handling feature”
While designing the tailor shop app, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback positively influenced each iteration of the app’s designs and will continue to do so.