A Smoother Ordering & Payment Experience

D2C | E-commerce | Healthy Lifestyle | Usability | Launched

Role

Project Owner

Timeline

May β€” Sept. 2024

Collaborators

Yinqiu Xiong (UX Designer)
Cindy Nan (CFO)
Jiaxue Fei (Front-end Developer)

Methods

Usability Tests
Heuristic Evaluation
System Usability Scale
Data Analysis
Competitive Analysis
Affinity Mapping
RICE
A/B Testing
Product Management

Tools

Figma
Lark

Overview

01

About LemonBox

LemonBox bridges the gap of traditional health product purchasing experience: almost no one knows what products are suitable for them and which brands can be trusted; almost no merchants provide sufficient and transparent information to help users choose.

Therefore, LemonBox hope to simplify your health journey with scientifically pure products and world-leading customized services, accompanying your daily wellness journey. By 2024, LemonBox has supported over 5 million customers in their nutrition journey.

Problem

How might we make the ordering and payment process more smooth to minimize the roadblocks of purchasing and increase conversion rate?

Solution

😣

Before

  • Messy & confusing price information

  • Hard to find needed information

  • Vague convey of brand strength

  • Hard to trust the brand

πŸ˜„

After

  • Redesigned 40+ pages and flows

  • Improved SUS score from 59.17 to 82.50‍

  • Increased conversion rate by 1.1x‍

Define the Problem Scope

02

Research Process

Event tracking data on relevant pages over the last month (June 19-July 19, 2024) were analyzed to further provide insights regarding the existing features.

Synthesis:
Affinity Mapping + RICE

We used Affinity Mapping to categorize the collected insights based on the feature involved, and rated their priority using RICE: Reach, Impact, Confidence, and Efforts. Based on RICE results, the major challenges were labeled accordingly as Must-do, Should-do, Could-do, and Won't-do.

Here we would elaborate on one core group of challenges which focuses on prices. "How can I pay for it when I can’t even figure out what these prices mean?" As the major roadblock users meet when making purchase choices, the challenge could be broken down into three aspects: messy price system, confusing price comparison, and inconsistent information.

Core Challenge

How might we...

  1. present the price system in a easy-to-understand way while nudging users to purchase more facilitate easier

  2. keep information consistent in content, visual style, and structure

to improve usability and consequently increase conversion rate?

Highlighted Solutions

03

Price System:
A/B Testing

How does keeping versus removing a fixed discount rate of 25% affect overall sales performance?

The complexity of the price system was mainly attributed to a "fixed shop discount of 25% off," a promotional method that was separate from the coupon causing users confusion of price logic. To weigh the effects of keeping vs removing the discount on sales performance, we launched a 25-day A/B test for all users.

Why keep the fixed discount?

Why remove the fixed discount?

Provide greater deals, which can make users feel they're saving money and improve sales

Provide a simpler, more transparent price system, which help users understand and develop trust, facilitating purchase choices

As the new version without the fixed 25% discount generally outperformed the original version, we decided to remove the fixed discount, presenting users with a simpler, more transparent price system.

Price System Redesign

Consistency

Building components with only necessary variants to tackle the inconsistency in content, visual style, and structure

#1 Address

#2 Product & Specification

#3 Vitamins

#4 Gift

#5 Price, Discounts, Lemon points

Evaluate the Impact

04

SUS: 2nd Round

We tested the redesign prototype on 5 participants, achieving an SUS score of 82.5: a significant increase from the previous score 59.17.

Conversion

Takeaways

05

01

Take all edge cases into consideration and build an organized system

In this project, I realized the heavy inconsistency problem resulted from absence of a clear system that structurally listed every edge case--in some situations, it took me much longer to figure out how the existing system works than designing a new one. Real-world problems can be very complex. In e-commerce settings, all the combinations of purchase options, order status and market strategies would be a great challenge, and our job is to make sure our design has taken every case into consideration.

02

Make fully-informed design decisions

Design decisions cannot be based on the UX designer's "intuition" on what would be good for the users. Our hypotheses should be supported by solid evidence, which includes drawing insightful conclusion from in-depth analysis of data, user's feedback, etc. As a D2C company, our strength is having direct access with users' data and feedbacks, which allows us to make sure we are spending our limited resources on the right thing.

03

Communicate with stakeholders using data, business impact

We can't always agree with each other in the process, but we can get on the same page using recognized tools. When we were defining the scope of design, the RICE model were helpful in combining every one's opinion from different aspects (cost, business impact, confidence in success), and giving us a final score that the team would accept. The key in communication with stakeholders or teammates is similar: embrace broad perspectives, and decide by recognized evaluation.

Thank you for visiting my portfolio.

Let's connect!