Sale Funnel Redesign


 

Because market

A sale funnel to sale underwear and personal care product to senior (50+) people.

Role: Design Lead (actually the only designer)
Teammate:
PM, Engineers, Data Analyst
Duration:
February 2020 - Present

Tools: Figma, Adobe Photoshop, Adobe Illustrator, Mixpanel, Atlassian, Google Doc.

 

Because market

A sale funnel to sale underwear and personal care product to senior (50+) people.

Role: Design Lead (actually the only designer)
Teammate:
PM, Engineers, Data Analyst
Duration:
February 2020 - Present

Tools: Figma, Adobe Photoshop, Adobe Illustrator, Mixpanel, Atlassian, Google Doc.

Because market

A sale funnel to sale underwear and personal care product to senior (50+) people.

Role: Design Lead (actually the only designer)
Teammate:
PM, Engineers, Data Analyst
Duration:
February 2020 - Present

Tools: Figma, Adobe Photoshop, Adobe Illustrator, Mixpanel, Atlassian, Google Doc.

 

The process.

 

1. D E F I N I N G T H E P R O B L E M

Challenges


 

We started by deep diving into the current flow, and below is the end-to-end experience for customer onboarding.

Problem statement

Low conversion rate, current is 2%. we see a huge drop off rate in the Quiz section.

Goal

For users: Try this product for free, potentially subscription.

For business: Higher Conversion rate, engaging with more target users.

To narrow down the problems, we breakdown the whole Free trial experience to 3 sections: QUIZ. BUY NOW. PAY NOW.

1. D E F I N I N G T H E P R O B L E M

Current Flow Analysis


 

We started by deep diving into the current flow, and below is the end-to-end experience for customer onboarding.

Key finding on Mixpanel, we saw 74% drop off on the Quiz part, so we spend more time on Quiz to see what’s not working and what could be improve.

After User interview, we list high medium and low UX/business impact.

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

1. R E S E A R C H

Competitors


 

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

1. R E S E A R C H

Wireframe

 

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

Wireframe

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

Previous landing page:

We see a huge drop off rate here, after user interview, we found there is no reference for this is “Free trial box“ builder.

Wireframe 1:

  1. Add “Free Trial“

  2. Add stepper

  3. Add phone number

  4. increase the button text size

Wireframe 2:

  1. Add “Free Trial“

  2. Add simplified stepper

  3. Add phone icon

  4. Increase the button text size

 

Previous landing page:

We see a huge drop off rate here, after user interview, we found there is no reference for this is “Free trial box“ builder.

Wireframe 1:

  1. Add “Free Trial“

  2. Add stepper

  3. Add phone number

  4. increase the button text size

Wireframe 2:

  1. Add “Free Trial“

  2. Add simplified stepper

  3. Add phone icon

  4. Increase the button text size

 

Previous landing page:

We see a huge drop off rate here, after user interview, we found there is no reference for this is “Free trial box“ builder.

Wireframe 1:

  1. Add “Free Trial“

  2. Add stepper

  3. Add phone number

  4. increase the button text size

Wireframe 2:

  1. Add “Free Trial“

  2. Add simplified stepper

  3. Add phone icon

  4. Increase the button text size

 

Previous landing page:

We see a huge drop off rate here, after user interview, we found there is no reference for this is “Free trial box“ builder.

Wireframe 1:

  1. Add “Free Trial“

  2. Add stepper

  3. Add phone number

  4. increase the button text size

Wireframe 2:

  1. Add “Free Trial“

  2. Add simplified stepper

  3. Add phone icon

  4. Increase the button text size

 

Prototype

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

Previous landing page:

We see a huge drop off rate here, after user interview, we found there is no reference for this is “Free trial box“ builder.

Wireframe 1:

  1. Add “Free Trial“

  2. Add stepper

  3. Add phone number

  4. increase the button text size

Wireframe 2:

  1. Add “Free Trial“

  2. Add simplified stepper

  3. Add phone icon

  4. Increase the button text size

 

Final Design

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

Add “Free Trial“

Add “Free Trial“

  1. Add “Free Trial“

  1. Add “Free Trial“

  1. Add “Free Trial“

  1. Add “Free Trial“

1. R E S E A R C H

Retros

 

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

1. R E S E A R C H

Results & Metrics

 

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

1. R E S E A R C H

Next Steps

 

In addition to Key finding on Mixpanel and User interview, I started to see how competitors do and other subscription funnels.

Overview

After users complete purchase, this page displays the specifics of the order, delivery date and length of trial period. This page explains next steps for this order.

My Role

Interaction design

Visual Design

Prototypes

Tools

Figma

Adobe illustrator

Problems for Users/shoppers


 

Low transparency

Merchants don’t have visibility into the uploading process. The current uploading modal only shows a spinner when the customer data is being imported, but doesn’t give insight into the progress or how many rows are being uploaded.

Limited merchant control and low tolerance for errors

Merchants cannot cancel the job during the uploading process when they get stuck (e.g. when the file is too big) or upload the wrong file. Currently, the only way to cancel these items is to call customer support to file a ticket that cancels everything in the uploading process, which can be frustrating for merchants.

Extra steps for replacing the file

If merchants want to replace the CSV file, they need to delete it first and go back to the initial modal, select and add the new file to be uploaded. Whenever merchants click on the delete button (the trashcan icon), they will always be directed to the initial modal for adding the file. They cannot replace the file directly when the added file has errors or they simply want to upload another file.

OpenTable Block
Enter a valid ID for your restaurant to allow customers to make reservations through your site.

DEFINING THE PROBLEM & GOAL

Problems for business


 

Decrease in trust

Customer importing feature is very important for the merchants, especially for those who migrate from other e-commerce platform and retail stores. Any user friction due to lower transparency will lead to a decrease in trust for our platform, and low trust battery will cause a higher churn rate, which will impact the company revenue.

OpenTable Block
Enter a valid ID for your restaurant to allow customers to make reservations through your site.

DEFINING THE PROBLEM & GOAL

Goal


 

After doing a heuristic evaluation with team members and gathering context from Product Support Network (PSN) which keeps track of all merchant frustration based on their communication with the customer service. I listed all opportunity areas and proposed the possible design changes, and validated them with developers as Product Managers based on value proposition, business value and technical feasibility. Therefore, we further narrow down the problem scope:

OpenTable Block
Enter a valid ID for your restaurant to allow customers to make reservations through your site.