The Background： Every piece of jewelry has a story. 

“Try before you buy” is exactly what it sounds like. Who buys a $2,000 ring without trying it on first? Think about a scenario when you want to try a piece of fancy C****er jewelry, but due to COVID-19, you are not able to go to the store to try it on in person because of the safety issue, how frustrating is that! 

C****er is aiming to help its customers ease the concerns and make shopping using its WeChat store a tad more intuitive by adding a virtual try-on feature.

Defining the Why? Why Virtual Try-on?

Clients’ Goal 

• Have a virtual try-on feature to help customers make quick buying decisions which increase business conversion rate in the future through these disconnected times and transform online luxury shopping experience to be reliable, efficient and personalized.
• Have a virtual try-on feature which provides users to increase brand awareness. 
• Customers can use this virtual try-on tool as in store & online shopping references.

"I am just browsing"

Because my research has told me:

I created user scenarios which helped me to better understand who my target users are and allowed me to think from their perspectives while designing. 

How might we preserve Cartier's intent of maintaining exclusivity while enabling customers to make memorable and satisfying try-on experiences online?

‍

Turning ideas tangible

The ideas we generated came directly from our research insights. These areas included addressing pain points. The idea behind was to build a virtual try-on feature that makes people’s try-on experience more informative and more interactive.

Our team utilized rapid ideation - where we individually brainstormed on what our user flow and process of creating a virtual try-on feature should follow. Coming back together, we consolidated our ideas into an intricate yet simple sketch that we all agreed upon to begin prototyping with. By aligning our goals and decisions regarding features to focus on when we start working independently, we reduce any chances of miscommunication as our PRD serves as our source of truth. 

I focused on iterating the main try-on screen since users would most frequently interact and make important decisions here.

Design Explores

I made some try-on screens and ran four testings. The goal was to get feedback on the concept.

💡Insights

• More intuitive CTA for changing the material is needed. Users can associate with the color palette, but what if the current product only has one color？
• Feature of "share" seems disconnected. Most users did not realize how they are able to share the picture after trying it on.
• Users are expecting to try on more products via an effortless action.
• How to better represent the metal material by using colors?

From defining problems -> Crafting solutions

According to the feedback, I decided to use #02 to iterate on the design, which introduced a clear CTA to preview a product in different material and with a notable share & save options.

Quick navigation: The user can automatically adjust the position. There are three specific functions: Save, Edit, and Share.

Final Design

Achievements

• We have fulfilled all the clients' requirements.
• We have exceeded clients' expectations with a more intuitive and efficient design.
• We have provided the entire workflow and prototype to our clients. And they are under testing on our solution now.
• We proposed new potentials for future research.

Takeaways

Reflect as a designer

I learned how important it is to ideate, test, and reject ideas as quickly as possible in order to ensure that the end-product is viable for the end-user. At the end of our project, we gather as a team to do a reflection together. We discussed what worked well and what did not work well enough. There are still many things that we can improve as designers and a team. Thanks to my amazing team who offered me so much support and trust.

I would love to discover how to make online shoppers more satisfied thru this virtual try-on feature. So my next step is to do more research about how to measure sizes online to provide a friendly user experience building on top of the virtual try-on feature. Stay tuned for it later!

‍