What's This?: Design Sprint with Shopify, 1st Place
Role: Designer, Team of 4
Project Year: 2020
Project Timeline: 1 week
Tools Used: Figma, Adobe Illustrator, Adobe Photoshop
As ecommerce apparel businesses expand year over year, especially during the world's collective periods of pandemic quarantine, there are opportunities to bring more sensory experiences online and into people's homes with the aide of digital technology.
One big experience that is lacking is having feedback on the fit or feel of a garment from a screen. It's hard to appraise how a fabric stretches or looks without assessing it in person. Often times, it could be too late, leading to costly returns and customer dissatisfaction cutting into the bottom line.
With our initial research, hypothesis, and assumptions in mind, we created the proto-persona of Peter to test our ideas. As a young male student living in Toronto, Peter is just beginning his fashion journey. He might not know what's the right size for him at clothing stores, and likes not having to worry about the hassle of returning or testing out multiple sizes.
We then mapped out Peter's experience of shopping for a new jacket on his phone, and identified the product comparison step in Peter's journey as a pain point - where he's not quite sure what size is right for him, or how the fit of the clothing is. Although Peter wants to buy the jacket now, not knowing his size detracted him from the purchase, causing him to leave the sales flow.
In terms of existing solutions out there for testing size and fit, there are a few options. However, these methods all involve self-measuring with a tailor tape measure, and comparing it to a chart with measurements that may or may not be measured with the same methodology. This flow therefore, can contain large margins of error, especially for people inexperienced with assessing clothing fit.
The first iteration of Syze was as a plug-in that looked at ways to quickly input size measurements on an apparel listing.
The biggest positive aspect of this design was that it was integrated directly onto the product pages, allowing shoppers to use their measurements across multiple products.
Negative aspects of this design was that it still required manual entry and taking measurements beforehand, as well as requiring multiple flows and pages to capture all the related and unrelated measurements required for all clothing items.
The second iteration of Syze took another approach and looked to leverage emerging technologies for solutions. In this approach, we envisioned using Apple's new LiDAR scanner functionality built into their latest range of iPhones as a way to obtain sizing measurments quickly and accurately.
The positive impacts of this approach was that 3D LiDAR can provide various measurements on a human body much more quickly than self-measuring with a tailor tape measure, and the wealth of data can be stored for use with many apparel items.
The negative aspects of this design was that a standalone application and lack of native web integration would provide another layer of interaction for shoppers looking for quick sizing recommendations. Furthermore, due to its reliance on LiDAR technology, the functionality and accuracy would be limited to newer iPhones at this time.
The third iteration of Syze looked to integrate the positive aspects of the previous designs, while minimizing the negatives where possible. Our plugin-first approach to LiDAR scanning allowed measurements to happen during the purchase flow, and the scanning process itself was trimmed down to its most crucial elements where possible.
The scanned measurements can provide accurate sizing based on personal tailored measurements, and could be compared against saved product measurements fast and accurately. This simple flow can reduce customer uncertainty, especially when purchasing a garment from a new brand or product line. Lastly, any LiDAR measurements can be securely saved and exported out afterwards for use on other sites that support the plugin.
Click on the button below to view the final prototype from this Design Sprint.