MyGuava Payment

I designed a customizable checkout that brings different brands and payment methods into one consistent experience.

  • RoleLead Product Designer
  • Period2022–2025
MyGuava Payment checkout on desktop: saved cards and the order summary
MyGuava Payment checkout on mobile

Challenge

Let merchants adapt checkout to their brand while keeping payments simple.

Solution

I designed a modular checkout with flexible styling and a consistent payment flow.

Outcome

Over time, we refined the checkout flow to make payments quicker, especially for returning customers.

0%Reduction in average checkout time0%Reduction in repeat checkout time

Customizable design

Merchants can adjust colors, backgrounds and component styles while keeping the checkout structure consistent.

Checkout styled for Guavapay Checkout styled for Nike Checkout styled for Umami

Payment methods

Cards, wallets and alternative payment methods share a familiar layout and interaction pattern.

Pay by card

Pay by card: saved cards, deleting one and adding a new card

Apple Pay / Google Pay

Checkout with Google Pay

Instant Bank Transfer

Instant bank transfer: pick a bank by search, then pay by scanning the QR code

MyGuava Wallet

MyGuava Wallet: pay by scanning a QR code

Click to Pay

Checkout with Click to Pay

Crypto

Crypto: pick a cryptocurrency, check the rate, then pay to the wallet address by QR code

Purchase authentication

Saved details

Customers can save personal and payment details to avoid entering them again on future visits.

Personal info: editing saved contact details
Full size image
100%