NUME CRYPTO ~ B2C ~ 2022

Increasing clarity of Numepay checkout, a crytocurrency shopping experience

Overview

Nume Crypto, a startup team of 6, makes cryptocurrency payments more affordable & accessible by covering transaction fees. Customers use NumePay wallet, a mobile app, to shop for everyday goods.

My Role

I designed the v0 NumePay desktop checkout experience to be more intuitive, collaborating closely with cofounders and engineers to enable customers to view all cryptocurrencies in their wallet and highlight those accepted for payment.

results

In Feb 2023, customers used NumePay to buy food & drinks at a conference through a partnership with 5 local businesses. Feedback from the event contributed to Nume’s pivot towards a payment protocol with better product-market fit.

Timeline

2 weeks, July 2022

team

Courtney L, Product Designer

Madhu H, CEO & Cofounder

Nivi H, CPO & Cofounder

Ashish P, Anurag K, Vikram V; engineers

NUME CRYPTO ~ B2C ~ 2022

Increasing clarity of Numepay checkout, a crytocurrency shopping experience

overview

Nume Crypto, a startup team of 6, makes cryptocurrency payments more affordable & accessible by covering transaction fees. Customers use NumePay wallet, a mobile app, to shop for everyday goods.

My role

I designed the v0 NumePay desktop checkout experience to be more intuitive, collaborating closely with cofounders and engineers to enable customers to view all cryptocurrencies in their wallet and highlight those accepted for payment.

results

In Feb 2023, customers used NumePay to buy food & drinks at a conference through a partnership with 5 local businesses. Feedback from the event contributed to Nume’s pivot towards a payment protocol with better product-market fit.

Timeline

2 weeks, July 2022

Team

Courtney L, Product Designer

Madhu H, CEO & Cofounder

Nivi H, CPO & Cofounder

Ashish P, Anurag K, Vikram V; engineers

Before we go shopping...

Download app

Create an account

Add crypto funds

Download app

Create an account

Add crypto funds

Context

Paying with crypto is like using Paypal

Checking out with NumePay is just like using any other third party payment like Paypal. It’s 4 simple steps:

Paying with crypto is like using Paypal

Checking out with NumePay is just like using any other third party payment like Paypal. It’s 4 simple steps:

Select payment

Login to crypto funds

Select token to pay with

Payment confirmed

Problem

Customers don't know which payment options they can use

Similar to stores that choose to accept select credit cards, businesses can also choose which cryptocurrencies they want to accept.

Our investors pointed out how ambiguous the payment selection screen is. They brought up questions such as:

What crypto tokens does this store accept?

Do I have the right crypto tokens accepted by this store?

Do I need to load more funds into my account to pay?

Before testing this experience out with users, we needed to find a way to provide more context for customers as they are selecting payment.

Customers don't know which payment options they can use

Similar to stores that choose to accept select credit cards, businesses can also choose which cryptocurrencies they want to accept.

Our investors pointed out how ambiguous the payment selection screen is. They brought up questions such as:

What crypto tokens does this store accept?

Do I have the right crypto tokens accepted by this store?

Do I need to load more funds into my account to pay?

Before testing this experience out with users, we needed to find a way to provide more context for customers as they are selecting payment.

Design goal

Increase clarity on payment options to ensure customers complete checkout

For each cryptocurrency token in a customer's wallet, classify them as:

Available for payment

Token is accepted by business & there are enough funds to complete purchase

More funds needed

Token is accepted by the business, but there isn’t enough to complete purchase

Not accepted

Token is not accepted by the business & cannot be used for purchase

Available for payment

Token is accepted by business & there are enough funds to complete purchase

More funds needed

Token is accepted by the business, but there isn’t enough to complete purchase

Not accepted

Token is not accepted by the business & cannot be used for purchase

Explorations

dropdown chevron pointed to the right

See the solution in action – time to go shopping! 🛍️

Step 1

Select NumePay & sign into account

Let’s say you’re making an online purchase at Target.  You select NumePay at checkout & sign into your NumePay wallet.

Select NumePay & sign into account

Let’s say you’re making an online purchase at Target.  You select NumePay at checkout & sign into your NumePay wallet.

Step 2

Select a token to pay with

Now you can see all your cryptocurrency tokens in your wallet and choose one to pay with.

Select a token to pay with

Now you can see all your cryptocurrency tokens in your wallet and choose one to pay with.

Tokens are labeled for more context

Cryptocurrencies that cannot be selected are noted with either insufficient funds or not accepted. It’s important to show you (the customer) that the tokens are in their wallets, they just cannot be used for this purchase.

Tokens are labeled for more context

Some cryptocurrencies may have insufficient funds or are not accepted. Insufficient funds are listed first, followed by not accepted.

Step 3

Confirm payment

Before confirming payment, you are shown the new balance of the cryptocurrency once you complete your purchase.

Confirm payment

Before confirming payment, users are shown the new balance of the cryptocurrency once they complete their purchase.

Payment confirmed by Nume & store

Once the payment is processed successfully, you are brought back to the store page, showing that your order has been confirmed.

Payment confirmed by Nume & store

Once the payment is processed successfully, the user is brought back to the store page, showing their order has been confirmed.

Impact

Real customers paid with NumePay in Feb 2023

At a web3 conference in Feb 2023, Nume partnered with 5 local businesses to accept cryptocurrency payments from real customers. An attendee tweeted about the low transaction fees compared to credit cards, completing the payment directly in the NumePay app.

My desktop-based design work provided a comprehensive view of the end-to-end checkout experience, enabling the team to replicate it later for the app.

While specific results are proprietary, the launch advanced Nume’s progress toward product market fit, aligning with its mission to make payments more affordable and accessible using Web3 technology.