Choose Your Own Model
AR (Augmented Reality) based
iOS, Android, mWeb, dWeb
Personalize the model to your measurements using virtual try-on technology
About Walmart
Walmart is a Fortune 500 American corporation that owns and operates a vast number of super-centers across the US and around the world, alongside a large online presence as a retailer and marketplace.
About Choose Your Own model
Choose Your Own Model is a feature that allows customers to customize the model they see on Walmart using virtual try on technology.
UX designer
Leena khwaj
Content design
Caitline Brown
UX director
Joe Grinbaum
UX reasercher
Stephanie Gannon
Product
Shivang Patel
Dev team lead
Gireesha Shieony
Overview
Problem and solution
Customer problem
When shopping for apparel, shoes & accessories online, it is difficult for customers to replicate the in-store experience of trying something on to see how it fits and what it will look like on them; they are limited to a picture of the item or the item on a model that does not look like them.
Proposed solution
Choose Your Own Model is a feature that allows customers to customize the model they see on Walmart using virtual try on technology.
Overview
Market target
280M
Daily online shoppers
in the US in 2023
37M
Daily Walmart customers
12.4M
Daily Walmart apparel customers
20% of global online customers
From online customers
Walmart daily market size
Design
Full User Flow
Design
Entry Point
We merged the two ar fashion experiences into one button so as not to overload the product page.
Let there be a quick and easy transition between the two experiences.
By clicking on the "try it on" button, you have two options:
Try the clothes on yourself
Try the clothes on a model
In case you are unsure of your exact size
Design
Choose your measurements
Here you can select the size that matches your measurements so we can display only the models that fit you.
Exchange units between Europeans and Americans
Design
Models Carrousel
We have a wide variety of models with various sizes and skin tones.
Based on the user's choices, we present the five models closest to their measurements.
Design
Back to Item Page
More photos of the selected model can be found on the product page.
The model's dimensions can also be viewed by clicking on ״more info" button.
Design
Edit model
From this screen user can see the model they have chosen, replace it, or reset their choice back to the original model.
Users who have already selected a model
First-time users \ after deleting the chosen model
Design
Desktop
Launch
Marketing assets
Launch
In the Press
Launch
User testing
Overall, the user testing results were excellent; most users enjoyed the experience and found it simple and understandable, not requiring any changes.
Users have a challenging time sizing apparel online
79%
Have troubles online
All users felt the tool would help find a more accurate fit
98%
Like it
Would be interested in using this before purchasing
93%
Need it
Users prefer to see the model chosen by the company
7%
Won't use it
Post-Launch
Quotes from users
Post-Launch
Business impact and stats
Customers engaging with Apparel VTO experience compared to those who do not.
X2
Add to cart
6%
Average Order Value lift
21%
GMV lift
2.4%
Reduction in return rate
“Totally recommended”
It may reduce the amount of returns if I can better self-select out of buying certain items that won't look good on me.
Catbyter
-
24
-
Female
-
$30,000 - $59,999
-
United States
“Loved this”
I think you do not want to overload the customer with a ton of options here. What you have is sufficient for most people. Do not make it too complicated.
Andy Smith
32
Female
$60,000 - $89,999
United States
“Great experience”
I think the features are great. I would not like to change anything about the 'choose my model' feature.
holygaga
18
Female
$20,000 - $39,999
United States
Design
Style guide
Primary & accent colors
Walmart app Primary action color
#0071DC
#fffffff
Background Color
Drop down
General screen
Tab
#F8F8F8
#fffffff
#E3E4E5
Typography color
Primary
On dark
#2E2F32
#fffffff
Typography color warning
Warning
error
Success Text
Success BG
Warning Text
Warning BG
#662B0D
#9B1419
#2A8703
#EAF3E6
#FFE190
#FFF9E9
Detection & scan lines
Layout grid
#FFF200
#DE1C24
#fffffff
Typography
Shadow