Aug - dec 2020
|
remote

Guest Checkout

About kiva

Kiva is a non-profit organization that aims to expand financial inclusivity for underserved communities through loans.

my role + team

Product Designer
+ Product Manager
+ Engineering
+ Marketing
+ Copywriter

Project overview

Building a new guest checkout solution that allows people to checkout without having to create an account.

Device formats

Desktop & Mobile Web

Problem

When analyzing the checkout funnel, we observed there was an opportunity to increase conversion by optimizing the checkout stage.

Hypothesis

Some first-time users may not be completing checkout because account creation is a prerequisite for checkout.

Before
The initial checkout flow required people to create an account in order to check out. 
After
Final designs of the new guest checkout removes the account creation barrier, making it easier for people to lend to those in need.
How we got there

Success metrics

  1. What's the conversion rate for unregistered users?
  2. What % of guest checkout users are converting to account holders?
  3. What's the lifetime value of unregistered users by session?

Project goals

  1. Allow people to check out without creating an account.
  2. Design an MVP of the new Guest Checkout experience.
  3. Encourage users to create an account after checking out as a guest.

Research

I gathered insights from external research studies on cart abandonment and conducted competitive research on 12 companies to compare how guest checkout was used.

Test the hypothesis

We ran a quick test to assess the validity of our hypothesis by changing the button copy from “Login to continue” to “Continue” (inspired by “The $300 Million Button”). From that small copy change, we saw an increase in conversion which validated our hypothesis and allowed us to move forward in creating the guest checkout flow.

Exploring design treatments

I started off by wireframing and eased my way up to high fidelity after rounds of feedback from the design, product, and engineering teams.
review & Payment
The key requirements for this part of the checkout flow was to design a way for users to go through the guest checkout flow and to obtain their email before they finish payment.

First attempts were inspired by common UI patterns found on most retail sites -- displaying the options to either sign in or continue as a guest. 
Thanks
Since one of our success metrics was to get guest checkout users to create an account, the thinking here was to surface a way for users to quickly create an account right after payment by asking for minimal personal info and stating some of our value props.

The challenge here was information hierarchy and working with the product and engineering teams on the account creation UX flow -- brainstorming different ways on how this could be done while notating any technical constraints.

*Note: the account creation flow is not shown for security purposes.
Final design
Team feedback: However, it did not meet some of the accessibility requirements and the conjoined design created engineering complications which is why in the final design, I detached the 3 left options from the right and instead, used states to visually communicate the correlation between each option.
confirmation email
I worked with marketing on the email content and strategy along with our visual designer, Eunsoo Lee, who led the brand style and created the illustrations.

Our strategy was to construct an order confirmation email that not only shows order details, but to treat this as a second opportunity to get users to create an account (if they didn’t already at the end of checkout).

Spec & Handoff

Finally, I used Figma to spec and present the V1 Guest Checkout flow to our engineering team.

Learnings

  1. Broadening my understanding of how designs and emails are interconnected, far beyond the screen-by-screen I was used to in other projects.
  2. I made the mistake of designing for desktop first to cater to Kiva's primary audience, but learned to design for mobile first -- helping to expand Kiva's reach to mobile.
  3. Thankful to our senior designer who pushed me to think about accessibility (thank you, Nathan!).
  4. Figma was an amazing tool to use during this remote internship. It gave me the ability to present work for feedback, collaborate with stakeholders, and document everything in one spot so that future designers can grasp the project context and learn about the important design decisions made.