THE ESSENTIAL

MEMBERSHIP FLOW

Redesigning the entire checkout flow, creating multiple entry points to convert window shoppers to Essential members.

BECOME AN ESSENTIAL MEMBER

Project Lead
Lead Designer

Role

Year

2022

Intro

UX/UI
Visual Direction
Graphic Design

Disciplines

Anyone can shop at TheEssential.com but in order to checkout, membership is needed which can be daunting to a new customer once they see the $95 membership fee in cart. This led to a deep drop-off and hurt overall conversion especially because there was no communication of any membership requirements in any point in the website.

In order to improve membership conversion, we decided to redesign the entire checkout flow creating multiple entry points to indicate that membership is needed.

I was the project lead and in charge of designing the membership flow - designing the pages, and working with team members on providing feedback.

CHALLENGES

01

How can we communicate that membership is needed to new prospects?

02

How can we build trust through our tone of voice & visual style for a new prospects to sign on to be a member for an entire year?

03

How can we isolate existing members from seeing the non-member checkout flow?

04

Clearly communicate the value of becoming a membership before prospects join.

THE BROKEN FLOW

A flow that took customers on a multiple click journey to finally become a member

  • Step 1

    For new customers who are not logged in, the membership is automatically added to cart.

  • Step 1.5

    If they try to remove the membership, the whole cart deletes which leads to a steep drop off in signing up.

  • Step 2

    When hitting the check out button, new customers are led to a log in page and sees the “Become a member” CTA in small text at the bottom.

  • Step 3

    Customers are taken to a standard sign up page where they can create their account.

  • Step 4

    Once they hit join, new customers are taken to a intermediary page where they can see the member benefits of signing up.

  • Step 5

    After hitting join again, the next flow takes the new member to a log in page.

  • Step 6

    Finally, at step 6, the customer can check out. The next page takes them to filling out the billing and credit card information.

THE BROKEN FLOW METRICS

3.5%

Conversion Rate

8.6k

Essential Members

SKETCHING A NEW PATH

Creating a new flow path for members and non-members to make signing up to be simple and easy.

A NEW MEMBERSHIP FLOW

Created enticing custom pages that is simple in design and linear in experience to ensure a new member conversion.

MEMBERS VS NON MEMBERS

Created 2 versions of the website where non-members (logged out) see CTA’s and paths to enter the membership flow, and members (logged in) don’t see any of that.

Created a function where membership is automatically added to cart when non-members shop the store.

Removed the ability to remove the membership product in cart.

MEMBERSHIP IN CART

MEMBERSHIP PITCH

Created a new landing page where non members can see the benefits of the membership.

Created enticing custom pages that is simple in design and linear in experience to ensure a new member conversion.

A NEW FLOW

  • Step 1

    For new prospects who are not logged in, they will see an orange CTA in the menu or a pop up that says become a member.

  • Step 2

    The second flow leads them to a pitch page where prospects can see the benefits of joining. To move on to the next step, an email address is required.

  • Step 3

    The next flow will lead to creating a password. The email address from the previous flow will be automatically filled in this step.

  • Step 4

    The last step will be the Shopify checkout and payment page with the membership in cart. Once the prospect is finished checking out, they will receive confirmation and sent back to home logged into their account.

  • Step 5

    As a member logged into theessential.com, they do not see the “Become a Member” CTA anymore and can now shop the website freely.

THE NEW MEMBERSHIP FLOW METRICS

What difference was made?

8.2%

Conversion Rate

+4.7% Increase

14.2k

Essential Members

+5.6k Increase

The previous flow was broken where if an interested customer entered, they would have to repeat filling in new account information or paths would lead to empty/error 404 pages.

With this new flow, it helps transition the customer smoothly by giving them earlier signs on membership as well as provide a softer landing into purchasing a membership through guiding them to the membership pitch page.

Through this improvement, we were able to increase conversion rate by 4.7% and gain new members by 5.6k.

Conclusion