Jewelry E-commerce
App

Read Time - 5 min
Figma Logo
Date
June 2024
My Role
UX/UI Designer
Mila's phone mockups

Overview

Mila’s is a fictional e-commerce jewelry brand with a growing mobile user base. However, many customers—particularly new ones—feel hesitant about purchasing jewelry through an app. Concerns centered around product fit, item quality, and delivery trustworthiness. The business challenge: How might we design an experience that builds customer confidence and reduces friction in the buying process?

Key Objectives

The design solution needed to address three key areas:

  1. Visual Trust: Help customers clearly understand how the jewelry would look and fit by using high-quality product images, model previews, and multi-angle views.
  2. Purchase Accuracy: Ensure users could confidently choose the right size, especially for rings, through intuitive size guides and fitting tools.
  3. Post-Purchase Reassurance: Simplify the checkout process and provide strong delivery transparency with shipment tracking and secure payment options.

Research and
Insights

To validate assumptions and guide the design, I conducted qualitative user research through informal interviews and surveys with 8 online jewelry shoppers. Key insights included:

  • Users wanted social proof (like reviews and photos) to trust quality
  • Many had concerns about size accuracy, especially for rings
  • There was high anxiety around shipping transparency, particularly for high-value items.

Starting the
Design

Paper wireframes Digital wireframes

Design Solutions

Based on these insights, I designed the following features to address user pain points:

  • Enhanced Product Display:High-resolution images with model previews and 360° views were added to better communicate the look and scale of each item
  • Virtual Try-On Tool:Users can simulate wearing rings, earrings, or necklaces using AR. This increased confidence in appearance and fit.
  • Size Assurance Tools:A dedicated sizing assistant provides multiple ways to determine the correct ring size, including an in-app measurement walkthrough.
  • Trust-Building Product Reviews:Customers can view and submit reviews with photos, helping new buyers feel assured by real-world use cases.
  • Streamlined Checkout + Delivery Tracking:The checkout flow was redesigned for clarity, and real-time delivery tracking was added post-purchase to reduce uncertainty.
  • Flexible Payment Methods:Multiple payment options were included, including Apple Pay, gift card, and credit/debit cards, to suit a broader range of users

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

Outcome

Although this was a concept project, I treated it with the same process and discipline as a real-world engagement. The result is a design that solves clear user pain points, builds trust in high-touch e-commerce, and presents a refined, branded experience tailored for mobile.

Key Takeaways

  • Confidence is critical in e-commerce, especially for personal items like jewelry.
  • AR and personalization tools can meaningfully reduce uncertainty for online shoppers.
  • Trust is built in the small details—from clear sizing help to transparent delivery info.
  • Even in conceptual projects, structured research and iterative design drive stronger outcomes.
OverviewDesignsSolutionsOutcome