SEO & UX/UI DESIGN BLOG

Seorita

User Research Project

Researching Online Shopping Behaviour

Online Shopping Store: MANGO

mango homepage

Project Overview

  • My role: UX/UI design­er 
  • Project dura­tion: 15 days 
  • Method­ol­o­gy: Analy­sis, User Inter­views 
  • Tools: Fig­Jam, Zoom

Challenge

The MANGO online shop­ping store is fac­ing a high­er user drop-off rate, as a por­tion of users add items to the shop­ping cart and aban­don it with­out final­is­ing the pur­chase. The brand seeks to under­stand the caus­es behind the shop­ping cart drop-off.

Project Goal

Iden­ti­fy the rea­sons behind the high­er user drop-off rate from the MANGO shop­ping cart and pro­pose design solu­tions to reduce it.

BACKGROUND

MANGO is one of the biggest cloth­ing brands in Spain. Well-known across the world, MANGO stands out as a good-qual­i­ty and afford­able brand.

Like many oth­ers, it is not immune to fast-fash­ion draw­backs; how­ev­er, what its cus­tomers val­ue most is its empha­sis on nat­ur­al mate­ri­als, vari­ety of styles, and low­er cost.

mango mockup

User Research

The research was focused on under­stand­ing MANGO users and their shop­ping behav­iour, includ­ing their moti­va­tions and the main aspects they val­ue in the shop­ping process. It was impor­tant to under­stand the user jour­ney and explore the key pain points and frus­tra­tions users face dur­ing the shop­ping process, as well as iden­ti­fy the exact moment they decide to leave the online store with­out final­is­ing the pur­chase

Objectives

📌 Learn about user expe­ri­ences and expec­ta­tions when shop­ping online

📌 Under­stand user moti­va­tions when adding items to the cart

📌 Iden­ti­fy com­mon fric­tion points in the shop­ping expe­ri­ence

📌 Under­stand why users aban­don the shop­ping cart and decide not to com­plete the pur­chase.

User Interviews

Qual­i­ta­tive research in the form of inter­views with a rel­e­vant sam­ple of users was con­duct­ed.

Par­tic­i­pant Selec­tion Cri­te­ria: The pri­ma­ry con­di­tion for user selec­tion was that par­tic­i­pants had vis­it­ed and nav­i­gat­ed through MANGO’s online store at least once.

Participants

👥 6 female par­tic­i­pants, aged 25–45

👥 All had pre­vi­ous­ly inter­act­ed with MANGO’s online store

👥 Recruit­ed through per­son­al and pro­fes­sion­al net­works

Methods

🔍 1‑on‑1 struc­tured inter­views via Zoom (30–45 min­utes each)

🔍 Map­ping in Fig­Jam to ana­lyze behav­iors and out­line insights

🔍 User per­sona syn­the­sis to rep­re­sent key user arche­types

Main User Personas

Based on the pat­terns and the insights from the research, I have devel­oped three user per­sonas. Each one of them is quite unique and has a very dis­tinc­tive shop­ping behav­iour. Under­stand­ing each one of them is essen­tial in order to pro­pose solu­tions that would reduce the shop­ping cart drop out. How­ev­er, iden­ti­fy­ing pat­terns in their online shop­ping behav­iour is equal­ly impor­tant, and enabled me to pro­pose spe­cif­ic design solu­tions.

“Some­times I only use the shop­ping cart to com­pare the final price with the oth­er brands.”

Ana

“I think I would real­ly appre­ci­ate fotos of real peo­ple wear­ing the fash­ion items and cloth­ing. It would give bet­ter pic­ture of how an item would look in real life.”

Fran­ci

“It hap­pened to me that I have saved items in the shop­ping cart and then total­ly for­got about it.”

Natal­ie

Key Learnings & Insights

Inter­views with users helped me under­stand that they desire their online shop­ping expe­ri­ence to mir­ror real-life inter­ac­tions in a store. This also reflect on the way they use the shop­ping cart (not every vis­it to a store ends up with a pur­chase). I learned how much users val­ue trans­paren­cy and clear infor­ma­tion. Trans­paren­cy and clear infor­ma­tion makes users feel safe when mak­ing online pur­chas­es.

Shop­ping Cart is Mis­used

Users treat the cart like a wish­list or book­mark­ing tool—not just a place for ready-to-buy items.

Immer­sive Online Shop­ping

Users crave an online shop­ping expe­ri­ence that close­ly mir­rors real-life inter­ac­tions.

Trans­paren­cy is High­ly Val­ued

Users val­ue trans­par­ent prod­uct infor­ma­tion, and cus­tomer sup­port when buy­ing items online.

Unclear prod­uct and shop­ping infor­ma­tion

Solu­tion: trans­par­ent infor­ma­tion about the prod­ucts and the ship­ping times.

Incor­rect prod­uct avail­abil­i­ty details

Solu­tion: high­light­ing that the prod­uct is out of stock and they can save it for lat­er 

Lack of ship­ping cost trans­paren­cy

Solu­tion: Include trans­par­ent infor­ma­tion about the ship­ping costs

Design Solutions

Fea­tures Ensur­ing a Good Online Shop­ping Expe­ri­ence

🔍 THE SHOPPING CART IS SOMETIMES USED AS A WISHLIST

✅ Solu­tion: Dif­fer­en­ti­ate “Add to cart” CTA but­ton from the “Wish­list”.

✅ Solu­tion: Enable the “Save to Wish­list” option for both, reg­is­tered and unreg­is­tered users.

This way, the users will be sav­ing the items to the Wish­list, which will reduce the mis­use of the shop­ping cart. Reduced mis­use of the shop­ping cart will have a pos­i­tive impact on the aban­don rate.

mango product page
Man­go prod­uct page
  • CUSTOMER REVIEWS sup­port­ing dif­fer­ent cloth­ing items make the users feel safer when mak­ing a deci­sion on mak­ing a pur­chase.
  • USEFUL, STRAIGHTFORWARD PRODUCT DESCRIPTIONS to sat­is­fy user needs and offer all the nec­es­sary infor­ma­tion, and this way cre­ate more real-life kind of shop­ping expe­ri­ence.
  • WELL ORGANISED PRODUCT CATALOGUE & FUNCTIONAL FILTERS stream­line the brows­ing process, mak­ing it easy for the users to find what they need.
  • DETAILED SIZE GUIDELINES AND SIMULATORS are very help­ful in sup­port­ing the users when mak­ing deci­sion on pur­chas­ing items online. These tools ensure a more inter­ac­tive shop­ping expe­ri­ence, increase con­ver­sions, and reduce return rates.
mango-online-store-mobile
user-research-image
  • REALISTIC PHOTOS (accu­rate colour rep­re­sen­ta­tion, diverse, relat­able mod­els) bring the online shop­ping expe­ri­ence more clos­er to real­i­ty by pro­vid­ing cus­tomers with a clear­er and more accu­rate rep­re­sen­ta­tion of prod­ucts.
  • LIVE CHAT SUPPORT for real-time assis­tance brings online shop­ping clos­er to real-life expe­ri­ence and increas­es trust.
  • FABRIC CARE INSTRUCTIONS set the brand as knowl­edgable and car­ing about qual­i­ty and how to pre­serve the items.
  • NON MANDATORY ACCOUNT CREATION (abil­i­ty to pur­chase or save items as favourites with­out reg­is­tra­tion).
  • FAST-LOADING SITE with a quick, secure check­out process.
  • IN-HOUSE SECOND-HAND MARKETPLACE to enable the users resell sec­ond hand cloth­ing items they pur­chased from your brand. This way attract the users that are envi­ron­men­tal­ly friend­ly and sup­port cir­cu­lar econ­o­my.

Project Reflection

The project rein­forced the impor­tance of lis­ten­ing deeply to users to real­ly under­stand the why behind their behav­iors. What may look like inde­ci­sion or drop-off can actu­al­ly be a sign of strate­gic shop­ping.

Next Steps

👋 Col­lab­o­rate with design­ers to incor­po­rate the pro­posed design solu­tions and build high-fideli­ty pro­to­types

👋 Con­duct usabil­i­ty test­ing to assess and val­i­date the pro­posed solu­tions and user inter­ac­tions.

👋 Bench­mark & ana­lyze busi­ness impact using the estab­lished con­ver­sion met­rics

.

Related projects

Improv­ing the User Jour­ney

Case Study: User Jour­ney Assess­ment & UI Design