GAP 3D+Fit UX Casestudy
My Role
UX Workflows, prototyping, 3d asset optimizating, testing.
Timeline
Project took 1 year to launch with
several ietrations.
Team
PM, Senior Devs,
3D Artists, Product designers.
Company
GAP INC. ( Gap and OldNavy )
part of Drapr Team
Overview
The 3D Fit Finder tool on the Gap Inc website revolutionizes online shopping by providing an innovative way to find the perfect size and fit for clothing items. Using advanced technology, this tool enables users to create a personalized avatar based on their body measurements and preferences.
By virtually trying on different garments and visualizing how they would look and fit, customers can make more informed decisions, reducing the likelihood of returns and ensuring a satisfying shopping experience. The 3D Fit Finder tool redefines convenience and accuracy in the world of online fashion retail, enhancing customer satisfaction and confidence in their purchases.
Impact across devices
XX.3% increase in visits
2X % online return reduced
X5% sales increased
100 Million online shoppers
120 + Million interactions
XX% rise in click rates
Remember last time when your jeans did'nt fit, you had to do all that hussle. Guess what for a company its also a big headache. Through 3D Fit at GAP Inc. I solved that problem which impacted in 2X % reduced returned and more than 120 M Interactions.
crafted with sweat and tears.
Why this problem and why is this needed ?
Studies show that inconsistencies in sizing across brands lead to customer dissatisfaction, with 85% of consumers expressing frustration over varying fit between clothing items of the same size.
Studies show that inconsistencies in sizing across brands lead to customer dissatisfaction, with 85% of consumers expressing frustration over varying fit between clothing items of the same size.
Fit and sizing remain significant challenges in the fashion industry, with an estimated 40% of online apparel purchases being returned due to sizing issues.
Final product shipped and Live
Studies show that inconsistencies in sizing across brands lead to customer dissatisfaction, with 85% of consumers expressing frustration over varying fit between clothing items of the same size.
Studies show that inconsistencies in sizing across brands lead to customer dissatisfaction, with 85% of consumers expressing frustration over varying fit between clothing items of the same size.
Key Highlights
Create 3D digital twin by
answering 6 basic
questions.
Featured in Forbes, Vogue Italia, Mercedes Benz Fashion week.
Users can try numerous
garments and also buy for
someone else
Featured in Forbes, Vogue Italia, Mercedes Benz Fashion week.
Physics based GenAI
Simulation with Millions
of body parameters.
Featured in Forbes, Vogue Italia, Mercedes Benz Fashion week.
My Contributions
UX Worklows
Streamlined design processes to enhance user interactions and reduce friction for seamless 3D fitting experiences.
3D asset optimization
Optimized 3D assets for faster load times and efficient rendering, ensuring high-quality visuals without compromising performance.
Qualitative Research
Conducted user-centered research to gain insights into user behaviors and preferences for an intuitive virtual fitting experience.
Visual Design
Crafted visually appealing interfaces that align with brand aesthetics, enhancing the overall look and feel of the 3D fit tool.
3D Modelling
Developed accurate and realistic 3D models to provide users with a reliable virtual try-on experience, improving their confidence in fit.
Strategic Design
Implemented strategic design decisions that align with business goals and user needs, driving engagement and customer satisfaction.
Design process and UX Methodology
Figuring out
Converse-Diverse
User feedback- iteration
Final product
Several techniques were employed according to the needs for the execution of design alterations. Task analysis, conversing with users, constructing wireframes, creating storyboards, conducting A/B tests, developing personas, and performing affinity diagramming were used in the product's design.
Understanfding Men's and Women's Fit
UX Optimization through 3D Models
Iteration and adjusting to user feedback
Iteration and adjusting to user feedback
Managing Time contsraints and deadlines
Managing Time contsraints and deadlines
Roadblocks
The design procedure incorporated numerous rounds of revisions, constantly drawing on the input of various stakeholders. It required interpreting techpacks from the fashion industry, transforming them into 3D simulated clothing assets, then integrating these into the 3D content management system.
Post this, it underwent AI simulation and was optimized for 3D fitting on a web-based platform used by Gap and Old Navy. The development of the process entailed multiple stages until reaching a state of efficiency.
For iterative process and detailed process please click below. Due to NDA obligations, can't publish it.
Click here
Having been the founding team recruited from India in 2021, we were tasked with executing some complex tasks in 3D simulated fashion asset creation using CLO3D, texture development via Substance3D, and asset export optimisation. Over time, I switched to research and development operations, collaborating with various partners to design plugins, enhancing UX, and focusing on achieving accurately fitting 3D models by using the physics-based simulation GenAI. This experience taught me how to perform efficiently in an environment that involved multiple disciplines and how to handle anticipations.
