Jewelry E-commerce
App

Read Time - 5 min
Figma Logo
Date
2023
My Role
UX an UI Designer
Mila's phone mockups

Who is
Mila's ?

Mila’s is an e-commerce jewelry store. Their biggest problem was that new customers were not very comfortable purchasing jewelry from an app. Existing customers would not purchase certain items as they were unsure about how the item would fit.

How do we
Improve Sales?

In order to make customers comfortable with their purchase, we needed to ensure 3 things. Firstly, it was important that images of the product were clear, showed the fit on a model, and to have multiple images from different angles.

Secondly, it was important to assure the customer of the quality of their purchase by listing all details necessary in the description but also when it came to sizes, rings specifically, that the customer was afforded different methods to assure they purchase the correct size.

Thirdly, not only did the checkout have to be simple and straight forward, it also needed to assure the customer that the item would be safely delivered and that they were able to track their purchase.Our challenge was to simplify GreatSoft’s very complex software. Their software tailors to their client, so how may we create an application that would fit all its users needs. We began by focusing on core features.

Added
Features

After completing qualitative research I discovered the most impactful features for the application:Issues with the old design:

  • A product review section was added so that users were assured of the quality of the product when shopping in the app
  • Virtual try on feature was added to allow the user to visualize how the item would look on them. This helped the user feel more confident in their expectations of the product.
  • A tracking feature was added to reduce any anxiety around product expected arrival, or fear of products not arriving at all.
  • Multiple and varied payments are made available to the user to ensure a complete checkout process

Starting the
Design

Paper wireframes Digital wireframes

Refining the
Design

mila's design colours
Before and after screens

Home page items and navigation bar icons where given labels to improve user accessibility

Before and after screens

Multiple images, and a favorite product option to improve conversion rates.

screenshots of AI try on feature, ring measurement, and customer review

Augmented reality feature, product review, and a sizing chart are added to make the user feel more confident about sizing.

Final
Designs