Overview

COMPANY DESCRIPTION 

Massimo Dutti is clothing producer and retailer. The company sales products in-stores as well as online.

Massimo Dutti has a good app, but a quick usability testing reveals that users are struggling with some issues while using it.

MD Logo.jpg

GOAL

Improve navigation and simplify check-out flow. This is an independent case study; I don’t work for or represent Massimo Dutti.

SCOPE

  • Research

  • Data analysis

  • Design lo-fi wireframe

  • Designed hi-fi mockup

  • Clickable prototype

  • Validation

 

results

resaltsXXX.png
Green Men XXX.png

Process

The challenge was to understand user’s response to the current Massimo Dutti mobile app, discover pain points and propose a solution to improve their experiences. I started the process with guerrilla usability testing to understand current problems. During the following phases, I used affinity mapping to determine priorities and created prototypes to validate the redesign. 

Process.png

RESEARCH

By thinking deeply about usual user needs, I created two tasks for my usability test:

1. Choose one sweater and pants by your size, review and edit your Shopping Cart (delete the first item and change the quantity of the second one). Check-out.

2. Check the status of the returned item, see whether money refunded.  

GUERRILLA USABILITY TESTING

Massimo-2.jpg
 

I conducted 8 guerrilla usability tests in coffee shops in San Francisco to uncover common pain points while using the IOS app.

SYNTHESIZE

AFFINITY MAP

After all the pain points were gathered, I noted the insights on sticky notes and grouped them by user. Then, I used affinity mapping to organize related pain points into categories so I could identify common themes.

Screen Shot 2018-10-03 at 2.51.59 PM.png
Screen Shot 2018-10-03 at 2.50.25 PM.png

SYNTHESIS

The sorting process surfaced that 4 main pain points are connected with checkout flow:

Red MenXXX.png

Because checkout flow is very important for business as well as for customers, I decided to focus on these pain points.

IDEATE

LO-FI SKETCHES

Based on the established pain points, I sketched multiple options to test and see how by initiating minimal changes to optimize the user experience. During the process of redesign, I continued referring to the target audience, company mission, revenue model and my goal to focus on how to improve the user experience rather than making design changes. After a few rounds of iterations, I came to a good place with the solutions.

PROTOTYPE

HI-FI PROTOTYPE

Moving forward with the process, I turned my Lo-Fi sketches into Hi-Fi prototypes. Below are the screen comparison showing before and after side by side.

resaltsXXX.png

VALIDATE

CONCLUSION

After two weeks of user research, analysis and redesign, I was able to validate the assumptions and changes I had made. I did this by testing my clickable prototype with 8 new users. The results are:

Green Men XXX.png

CLICKABLE PROTOTYPE

To demonstrate the proposed flow when users checking-out, I generated a clickable prototype.