Choose Your Own Model
AR (Augmented Reality) based
iOS, Android, mWeb, dWeb
Personalization of the product photos using static 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 the apparel product pages on the Walmart site and app, these AR simulations are created 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 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 on a model that does not look like them.
Proposed solution
By allowing customers to personalize the model they see on all product pages according to their size, height, skin tone, and other parameters we can bridge the gap of online shopping while also creating a much more diverse range of models we can feature.
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
User Flow
Design
Entry Point
Introducing a new button to the Walmart product page with a cleare future facing vision, this button with the phrasing "Try it on" will be used as an entry point for all future AR tools.
Later update:
We merged the two AR apparel experiences into one CTA to not overload the product page.
by clicking the new CTA "Try it on", users reveal two options:
Try the clothes on Yourself
Try the clothes on a Model
In case you are unsure of your exact size
Design
Enter your measurements
To kick off the personalization we ask users to input their measurements, simple and commonly known information by a majority of online apparel shoppers, Size and Height.
Exchange units between Europeans and Americans
Design
Models Carrousel
Starting with over 120 models we knew we needed to create a clear intuitive design to help users browse quickly and reach a decision on which model will represent them moving forward.
Design
Back to Item Page
After selecting a model users will return to the product page and see their personalized model virtually dressed in the garment of their choice, they can swipe to see other angles and details or dive deeper and see the full model measurements.
In order to allow for a quick edit of their selection the original CTA will change to "Edit model".
Users who have already selected a model
First-time users \ after deleting the chosen model
Clicking on "Edit model" will take users to a screen in which they can change their chosen model, go back to seeing just the original model, or even take a photo of themselves to become their own model.
Design
Edit 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 many changes.
Users struggle with online apparel sizes.
79%
Have troubles online
Users felt the tool would help find an accurate fit.
98%
Like it
Would be interested in using this before purchasing
93%
Need it
Users who prefer to see the unpersonalized model.
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 instead 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
