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.


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.

View the High-fidelity prototype]

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.