lw_hero

Payment Selector

Corporate Work @ Coinbase

cb_tags_inpage

Overview

At Coinbase, I contributed to Platform Payments, bridging the gap between fiat and crypto by enabling seamless transfers from users' bank accounts to buy crypto. My role involved creating scalable payment components used across various team. My design launched in 2024 and is being rolled out across all Coinbase products in 2025.

MY ROLE

Sole Designer

STAKEHOLDERS

5 design teams using this component

CONTEXT / GOAL

Streamlining bank-to-coinbase transfers

I focused on building a scalable, consistent platform that simplifies the transfer of funds from banks to Coinbase, ensuring a seamless user experience. Here are some key metrics I track.

PS1

CONTEXT / EXISTING EXPERIENCE

Payments appear in many key user journeys

Payments are at the core of many key user journeys—deposit, withdrawal, buy, sell, subscription, and third-party transactions.

PS2

CONTEXT / PROBLEM

Inconsistent payment selection experience

The payment selection process was inconsistent across interfaces, causing confusion and increasing cognitive load for users when choosing payment methods.

PS3

PROBLEM STATEMENT

PS4

RESEARCH / AUDIT

Mapping the current user experience

I conducted an audit of live user experiences by capturing screenshots of key journeys across different devices and modes (simple and advanced), identifying inconsistencies.

PS5

RESEARCH / STAKEHOLDER NEEDS

Gathering insights from design teams

I reached out to design teams across multiple surfaces, gathering insights to understand their specific goals and align our visions. This helped inform key decisions when creating the pattern.

PS6

DESIGN / DEFINE

Creating the Payment Selector and Payment Method Cell using UI system components

I designed the Payment Selector and its sub component, Payment Method Cell using the company’s UI system components to ensure consistency and reliability.

PS7

DESIGN / FIGMA COMPONENT

Building smart Figma components for efficiency

I carefully crafted a Figma component designed for maximum learnability and productivity. By testing with different designers, I ensured it was intuitive and could save teams time in building this screen.

DESIGN / DOCUMENTATION

Provide comprehensive documentation for design and engineering partners

I documented every detail of the components, including logic, anatomy, states, and examples. This provided clear guidance on everything from error states to formatting bank account numbers.

cb_documentations

EVALUATE / TEST

Tracking adoption rates across teams

To test the component’s impact, I tracked its adoption rate as it rolled out across teams. By the time I left Coinbase, 38% of surfaces had adopted the Payment Cell component, with full rollout expected by 2025.

PS9

Final Design

LANGUAGE IMPROVEMENT

Clearer titles to help users differentiate similar UIs

PS10

ERROR HANDLING

Newly-added error state, enabling users to resolve issues more easily

PS11

ENHANCED LAYOUT

A more dynamic layout that expands to a full page when content overflows

PS12

REFLECTION

Designing for design teams

From this project, I learned that while design systems enhance usability, building strong connections with design teams is essential. Our decisions must empower teams to achieve their goals efficiently.

Think systematically

I refined my approach to system thinking, understanding what should be standardized in a system pattern versus what should be customizable for individual teams. This balance improves with a deeper understanding of the problem scope.

See More Projects

EDUCATION 

Carnegie Mellon University
M.S. Design for Interactions   2025

University of Washington
B.S. Human-Centered Design & Engineering   2020

EXPERIENCES 

Coinbase
Graduate Design Intern   2024

GoDaddy 
UX Designer   2020 — 2023
UX Design Intern   2020

Wunderman Thompson
UX Design Intern   2019 

AWARDS 

MUSE Creative Awards
Gold Winner, 2x Silver Winner

NY Product Design Awards
Silver Winner

Core77 Design Awards
Student Notable in Interaction