sur mesure - Shopping App

2020

sur mesure is a mobile app I designed as a part of a design course to enhance the online clothing shopping experience by accurately calculating users' clothing sizes.

What problem are we trying to solve?

Online shopping has become the preferred method of shopping for the modern consumer, and that includes shopping for clothes. However, this presents the problem of finding clothes that properly fit without the ability to try them on. Clothes that don’t fit usually lead to shoppers wasting money on returns and clothing waste in many other instances.

Proposed solution

A mobile app that helps users get accurate clothing sizes by using their smartphone camera to measure without a tape measure.

Ideation

I started by brainstorming the different functionalities this application could have to help a variety of users. Some of my goals included:

  1. Creating a valuable and engaging app for fashion enthusiasts and shoppers.
  2. Building users' confidence in their clothing purchases by helping them find an ideal fit.
  3. Creating a space where users can shop for made-to-order pieces by independent designers in efforts to help reduce mass production waste, support independent designers, and invest in high-quality clothing.
  4. Helping reduce the fashion industry's environmental impact by lowering clothing waste. In the United States alone, clothing waste contributed to about 11.3 tons of municipal solid waste(MSW) or 7.7 percent of all MSW landfilled* in 2018.

*United States Environmental Protection Agency (EPA) - Facts and Figures about Materials, Waste and Recycling - Textiles: Material-Specific Data

Scope and constraints

The scope of this project was to develop a mobile application designed to address a real-world problem. The solution needed to incorporate four specific functions related to the issue I aimed to solve. Since this was a solo project for a design course I completed, I faced constraints in terms of time and limited resources for research and testing.

Research
Competitive research

MTailor is a shopping app that acts as a tailor for users, allowing them to measure themselves within the app and order custom clothing. The app is mainly targeted towards men looking for suits that fit them well.

MTailor uses machine learning algorithms in conjunction with the user’s camera on their smartphone to get an accurate measure.

Source

The Nike app includes a feature where users can scan their feet with their smartphone to find their correct shoe size.

Source

Drest is a luxury fashion styling game that uses Augmented Reality(AR) that allows users to create fashion looks on 3D fashion models. However, doesn't allow for users to use their measurements.

One of the features is allowing users to try clothing pieces out on size-inclusive Drest Fit Model avatars to encourage savvy purchases.

Source

Through competitive research, I found examples of applications that can use the smartphone camera to measure its users accurately. Users being able to view clothing pieces on someone their size could encourage them to make confident decisions when it comes to purchasing clothes online. I took my findings and created categories within the app:

SHOP

Users can search for specific clothing items from popular brands and get suggestions for sizing.

EXPLORE

Users can create or browse fashion styling posts to inspire or get inspired by others.

TAILORED

Users can shop for made-to-order clothing pieces by independent designers for high-quality pieces.

PROFILE

Users can update any personal information, including their personal information and measurements.

User survey

To better understand what people would think of an app like this, I created a survey with questions related to their online clothes shopping experience. The answers from this survey will help gauge what is most important to users.

The questions explored what individuals like and dislike about the online shopping process and their experiences when returning items.

The biggest concern when shopping online is sizing.

Most respondents noted that the size of the clothing piece and the price were the most important aspects of their decision to purchase. When returning clothing items that don't fit, 75% have said they ship them back by mail, which can be costly and time-consuming. Over 54% don't end up purchasing what they assume would be their correct size the second time around, noting:

It no longer holds my attention.
It's usually a hassle and I'm already disappointed.
It just no longer seems appealing.
Hybrid card sort

To get a sense of how users would categorize different tasks, I created a hybrid card sort activity online where there were four main categories respondents could place tasks into. They could also make a new category if they felt there was a better fit elsewhere.

Overall findings

All participants placed account-related actions, such as changing a password on an account, under the PROFILE tab. However, there was more variety on the placement when it came to finding clothing inspiration and searching for tailored pieces.

While everyone agreed checking the status of a tailored order would be under the TAILORED tab, finding a designer to purchase a piece from was not only in the Tailored tab for most people, it could also be under EXPLORE and SHOP for others.

The naming of the Explore tab gave users the impression that not only could they find fashion inspiration, but they would also be able to explore different brands from which they could shop. I decided to change the name of the Explore tab to STYLING, which would be better suited for its purpose.

Redesign
Wireframes
Designs
In retrospect...

Considering the limited time I had to complete this project, sur mesure offered a lot of functionality. However, there is still room for improvement to enhance the overall user experience of the app. Here are some of my ideas and feedback I've received from users who interacted with the final mockup:

  1. Although users can browse various brands, it would be more efficient if they could do all their shopping within the app, having a cart where they can add multiple items and checkout all at once.
  2. A wishlist! When we think of most shopping applications, there is some form of a wishlist for users to save pieces they wish to purchase.
  3. Underneath the product details, there could be fashion posts from others wearing that same piece so that the user could get an idea of what it would look like on different bodies.
  4. The Styling tab could be even more tailored to the user, creating a section with other users of similar sizes.
  5. There is potential for users to follow others underneath the styling tab to support their favorite accounts. Along with following others, users could also follow "tags" to stay updated with the latest posts associated with the tags they are interested in.