Mitalla Thumbnail

Mitalla

My role

UX/UI Designer

Tools

Figma

Figma

ProtoPie

ProtoPie

Duration

3 weeks

Project Type

Personal Project

Context

Everything started when my mom bought a dress that didn't fit her

This is a personal project that I wanted to develop in order to find a solution for a problem my social circle, and a lot of people, has had in the last months due to the way we have to acquire clothes nowadays.

The Problem

People who buy clothes online need to know their correct size because receiving something that doesn't fit them is frustrating

COVID-19 changed the way we used to do a lot of things, buying clothes is one of them. Physical stores had to close for so long and people had to buy clothes online. Unfortunately, some people had a bad experience buying something that didn't fit them, even though they tried everything to select the right one.

Buying clothes online

User Interviews

I conducted 8 interviews with people who recently have returned what they bought online

From the people I interviewed, 2 of them had never bought online, the rest of them were people who have already bought online and had their first or second bad experience.

What went wrong?

  • The website didn't have a size chart, or it wasn't visible.
  • Their measures were between two sizes, so they weren't sure which size should they buy.
  • They've bought clothes of the brand before, but the size they selected didn't fit the same as the clothes they had.
  • They followed the size chart, but they received an item that didn't follow the specifications.
  • The customer support of the store never answered their questions or didn't help as they wished.
  • They didn't like how it looked on them.

Competitor Analysis

What's the solution the stores have on their websites?... A size chart

Almost everyone tried to solve the problem with a size chart, which isn't the best solution at all, as their clothes may vary in their actual sizes. People can go to the comments and read what other people experienced, but comments are sorted by their rating, which implies that the ones from people who had the best experiences are at the top, so the ones that might help with this situation tend to get lost.

Competitor Analysis

Journey Map

Let's analyze the current process to find your right size

My mom wants to buy a dress on dresses.com, she's been looking for it for weeks, and today it has a fantastic discount. It's the first time that she buys in this store, but she has experience buying in similar ones.

Journey Map

Pain Points

What can be improved?

Clock
Time

People have to measure themselves every time they want to buy clothes in a new store.

Measure Tape
Materials

Some people don't have a sewing
tape to measure themselves.

Question
Clarity

The process of measuring your body
can be confusing for some people.

Eye
Visibility

Some websites don't even have a
size chart or it isn't visible.

The Solution

An app that tells people their correct size based on their measures and the item they want to buy

The app is based on the information people give about the clothes they've bought, letting us know how it fit them and its real measures.

People introduce all the information possible about its body measures (height, weight, chest, waist, etc.) and, with the database generated with the information obtained, we'll give them the size that best fits them in the item they want to buy.

Mitalla App

User Flow

There are two main actions that a user can do in the app

The first one is trying to find your size of an item you want to buy, and the second one is to add an item to the app in order to help people to find the best size that fits them.

User Flow

Wireframes

I designed the wireframes and did the first test

Wireframes

What were the results of the test?

I tested the wireframes with 3 people, overall they didn't have problems with the navigation, but I noticed some aspects that needed to be improved.

  • At first glance, they didn't understand at all the purpose of the app, so I think that I should add and onboarding.
  • They didn't notice the help icon.

Style Guide

An app for everyone

This app will be used by men and women, the blue color is the most popular color for both, and it builds trust, something I want to accomplish.

Almost all the e-commerce websites use a sans serif font, I decided to keep this trend using Lato, as their strong structure provides stability and seriousness.

Style Guide

The First Design

I designed the first version and did the second test

Register

  • The function of the help icon isn't clear.
  • It isn't clear that not all the fields are obligatory.
Log In
Home

Home

  • The scan icon causes confusion.
  • There's no way to explore the items by price, brand, etc.

Add Item

  • It's not possible to cancel or check all the information users wrote.
  • It isn't clear that not all the fields are obligatory.
Single Place

The Final Design

Never return an item again

Finding you right size hasn't been easier

In my first test, I noticed that the users didn't get, at first glance, what was the purpose of the app. The onboarding shows the purpose of it and what you can do.

Just introduce your data and the app will do the rest

The register form is separated into four steps, as this process is long. Each step is focused on one goal, not all the fields are required, but the app will give better recommendations with the more information it has.

Explore all the options we have for you

The home section allows you to see your personal information, search the size of an item you want to buy, and get recommendations.

The recommendations are based on the information the app has about you, and this is going to be the feature that will help to get funds in order to keep alive this project.

Find the clothes you love

The search has to be quick and really effective in order to improve the process of buying an item. I decided to add two ways to search, by photo (to agile tho process) and by typing the name.

You don't need to type anymore, search with your camera

Searching by photo is a feature I've seen in other apps, and I think it can improve the way of finding an item, as it reduces as much as possible the time of searching an item.

See your information and change it ianytime

The profile section will display your measures, allowing you to update all this information.

Buy the clothes you were looking for without worrying about the size

This is the section that accomplishes the main goal of the app. The recommendation is obtained by calculating the average of all the measures users provided about each size and comparing the results with your measures.

See what other people have experienced

Comments will help you to know the experience other people had with the item, the ones at the top are from people with similar bodies, and you can view their profile if you want to know in which aspects you have similarities.

Help others to find their right size

This section is the heart of the app, everything depends on what people do in this section, and while more information we get, better recommendations could be given.

The form is divided into three steps, the first one is to know general information about the item, the second one is to know the real measures of the size, and the last one to know the experience users had.

Test

Testing one more time

Once I finished the final design and the prototype, I did a final test with 3 people. I tested the main actions in the app and realize that even though the results were pretty good, the app needed some improvements, for instance, the forms were too long and some people only filled the obligatory fields.

Testing Form

What I learned

Taking a real-life problem and ideating a solution

  • I need to improve my forms. The forms in the app took me so much time, and I know that I can do it better.
  • Testing early is awesome. I had the chance to do a test with the wireframes, and it made me realize some things that could be solved before the next test, and avoid these problems again.
  • Being close with the target users is so important. Fortunately, I had some target users close to me, so it was easier understanding their needs and problems.