INDUSTRY
Fashion, Product Design
TOOLS
Figma, Notion
ROLE
End-to-end designer from discovery to visual design
BRIEF
Apparel not fitting how the user wants when receiving their online order, fashion waste due to returns or exchanges
WHAT I DID
Researched how fashion companies display their sizing section on their websites, interviewed target users to understand their experiences, and designed a function to be used on a company's website.
RESULT
I designed a "What's My Size?" function displayed as a button. The function includes 2-3 screens for users to input their measurements and a fourth screen that results in a 3D image of their body with their chosen garment placed on the 3D figure. Additionally, it would provide their ideal size.
Bodyfit
ROLE: End-to-end designer from discovery to visual design
INDUSTRY: Fashion, Product Design
TOOLS: Figma, Notion
CLIENT
The William and Mary Institute for Integrative Conservation
INDUSTRY
Fashion
TOOLS
Figma, Notion
ROLE
End-to-end designer from discovery to visual design
Bodyfit
Problem
With an interest in the fashion industry and sustainability, I began brainstorming some of the issues in the industry and came across inconsistent sizing; specifically in online shopping. After conducting a competitive analysis, I found that many were doing very little if at all about it.
Approach
Leading with a human-centred lens, conducting secondary research about how companies were addressing the problem and completing interviews with people who buy clothing online furthered my knowledge about the issue. This would help inform my final designs.
Process
After doing some initial research, I found that companies like Zara and Tommy Hilfiger have incorporated a tool that uses user-generated information to determine the best size/fit. The image below is an example of a size calculator has Zara implemented. After answering the questions and getting my result, I found that the questions they ask are not in-depth enough to provide a correct size.
Problem
With an interest in the fashion industry and sustainability, I began brainstorming some of the issues in the industry and came across inconsistent sizing; specifically in online shopping. After conducting a competitive analysis, I found that many were doing very little if at all about it.
Approach
Leading with a human-centred lens, conducting secondary research about how companies were addressing the problem and completing interviews with people who buy clothing online furthered my knowledge about the issue. This would help inform my final designs.
Process
After doing some initial research, I found that companies like Zara and Tommy Hilfiger have incorporated a tool that uses user-generated information to determine the best size/fit. The image below is an example of a size calculator has Zara implemented. After answering the questions and getting my result, I found that the questions they ask are not in-depth enough to provide a correct size.
The company that developed the tool Tommy Hilfiger integrates onto their website is called Fit Finder. Upon conducting a competitive analysis of a few companies that developed similar tools, I discovered that the products were not accurate enough in analyzing the right size and fit.
To be thorough in my research and conclusion, I used one of the tools and ordered a clothing item from Zara. After receiving the item, it turned out to be ill-fitting and too large. Seeing how this turned out to be a disappointing experience, I set out to make an alternative.
I conducted interviews to empathize and observe how people online shopped, and how they felt after receiving their item(s). The individuals I spoke to found it frustrating and were constantly disappointed after receiving their orders either being too small or too large. Interestingly, almost all the individuals I interviewed had never noticed the “size finder” tool on some of the retail websites I mentioned. Many looked at photos and reviews to confirm their purchase. With the information I gathered from my interviews, I created a customer experience map to further understand the problem. This clarified the project and helped me understand what direction to design in.
Result
I decided to enhance and add to the tools on the market like Fit Finder. Including my additions, the design would be similar, but have more in-depth measurements and would allow customers to visualize the clothing they have chosen on a 3D version of themselves.
Some individuals told me that they did not notice the “size finder” tool on some websites so I decided to make the button larger so it is easily visible to the customer. To use the tool, an individual would click on the “What’s my size?” button. This would bring up a pop-up window that would guide users on how to navigate the next few screens.
Upon advancing to the next step, people would input their measurements in the system with as much accuracy as possible. When entering all the information initially, it may seem like a lot of work, however, it is only entered once. The system will be able to save it for future use. At the end, the tool will recommend the best size and will create a 3D image of the user’s body with the clothing they have chosen on it. The user can then decide whether they will buy the item or not. There will also be a rotating arrow at the bottom of the model so the user can rotate it 360˚.
The screens below show an overview of some screens. To see the full potential of the design, click on the Figma link below.
Next Steps
Outlining how AI can be used to generate final 3D rendered image could be further explored.
Let's Talk