Loading

01 Summary

At PayPal I was a Senior Product Designer on the Commerce Platform — building the unified Customers feature that spanned Braintree, Hyperwallet, and PayPal's core merchant dashboard. The feature became the foundation for vault-powered repeat commerce across PayPal's 35 million active merchants.

  • End-to-end UX ownership: research, IA, interaction design, prototyping, design-system contribution, and engineering handoff
  • Unified three separate customer data models (PayPal, Braintree, Hyperwallet) into a single coherent merchant-facing UI
  • Designed the vault discovery experience that turned a developer-only capability into a merchant growth lever
  • Conducted 40+ merchant interviews across SMB, mid-market, and enterprise tiers to shape the field taxonomy and progressive-disclosure model

02 Impact

~$47B
Vault-attributed GMV (est.)
Annual gross merchandise volume enabled by vaulted customer profiles across Braintree merchants
+31%
Revenue lift for vault merchants
Average revenue increase for merchants who actively leveraged vaulted customers vs. the non-vault cohort
~35M
Customers vaulted
Unique end-customers with at least one payment method stored in the unified vault
42%
Drop in checkout abandonment
For returning customers checking out via vaulted payment methods vs. non-vaulted repeat buyers

03 The Problem

PayPal serves over 35 million active merchants — but they weren't using one PayPal. They were navigating three separate portals: PayPal for standard checkout, Braintree for developer-led payment processing and vault, and Hyperwallet for marketplace payouts. Each had its own login. Each had its own definition of what a "customer" was.

"The core design challenge: unify three separate portals, three separate logins, and three separate customer data models into a single coherent experience — without disrupting the 35 million merchants already relying on each product independently."

PayPal

Standard checkout, invoicing, and P2P payments. Primary portal for SMBs and consumer-facing sellers.

✕ Unique login required
✕ Isolated customer records
Braintree

Developer-first payment gateway with vault tokenization. Portal for mid-market and enterprise merchants.

✕ Unique login required
✕ Isolated customer records
Hyperwallet

Global payout infrastructure for marketplaces paying sellers at scale worldwide.

✕ Unique login required
✕ Isolated customer records

04 The Vault

The vault was Braintree's crown jewel, but it was invisible to most merchants. Buried in API documentation, it was only used by developers who knew to look for it. My central design thesis: if we surface vault status prominently in the customer dashboard, merchants would understand its value and actively use it to drive repeat revenue.

Vault Flow: First Purchase → Remembered Wallet → Repeat Commerce
Customer Checkout
First purchase at
merchant's site
PayPal Login + Consent
Buyer opts in to
"Remember my wallet"
Token Created
Payment method
securely tokenized
Merchant Dashboard
Customer shown with
"Vaulted" badge
Repeat Purchase
One-click checkout,
zero re-entry
42%
Reduction in checkout
abandonment
3.2×
Higher LTV for vaulted
vs. non-vaulted customers
+28%
Checkout conversion
improvement

The Experience

Vault onboarding experience flow

By vaulting a customer's payment details (for the merchants) at first checkout, PayPal eliminates re-entry on every subsequent purchase — a proven friction reducer. It's reported a 2× higher checkout conversion rate versus guest checkout, and the Baymard Institute found that 27% of US shoppers abandon carts specifically because checkout is too long or complicated. Remembered payment details directly address that drop-off.

05 Design Process

The design process wasn't just visual — it was fundamentally about information architecture. Before a single screen was drawn, the work was to understand what a "customer" meant to a PayPal merchant and how that meaning shifted across merchant types, transaction volumes, and use cases.

Merchant Research: What Does "Customer" Actually Mean?
Conducted interviews with 40+ merchants across SMB, mid-market, and enterprise tiers. A freelancer on PayPal Checkout just needs a name and email. A subscription SaaS on Braintree needs a vault token, billing history, and failed payment reason codes. A marketplace on Hyperwallet needs compliance verification and payout method. I mapped these needs into a tiered field taxonomy to inform what the UI should show by default vs. progressively disclose.
Unifying Three Customer Data Models
Worked directly with platform architects from Braintree and Hyperwallet to map field equivalencies and conflicts. Designed a canonical customer schema that could represent all three systems' data without data loss — then translated that into a layered UI where core fields were always visible, while system-specific fields appeared contextually based on merchant configuration.
Building on PayPal's Design System
All Customers feature components were designed with PayPal's core design system — reusing established table patterns, card structures, form field components, and the navigation shell. I contributed two new patterns back to the design system: the source-attribution badge (indicating whether a record originated from PayPal, Braintree, or Hyperwallet) and the vault status indicator.
Connecting Customer Profiles to Business Outcomes Across the Platform
With a unified customer record in place, the strategic question became: what does this profile unlock across PayPal, Braintree, and Hyperwallet? I mapped customer profiles against each platform's core revenue drivers — PayPal Checkout, Bill Pay, Invoicing, and Shipping — identifying where a shared customer identity could accelerate conversion, reduce friction, and increase repeat transaction rates. That analysis surfaced clear gaps: customer context wasn't flowing between products, merchants couldn't act on cross-platform history, and vault data wasn't informing downstream flows like invoicing or payout eligibility. From those gaps I proposed a design vision: a customer profile as a living commercial identity — one that surfaces the right context at the right moment across every PayPal product a merchant touches.

06 A unified customer list

The customer list view was designed as a scannable, actionable hub. Vault status is surfaced inline so merchants could immediately identify their highest-value repeat buyers. Delivery address is a first-class column alongside email and last transaction date. The data is synced across PayPal, Braintree and Hyperwallet.

paypal.com/unifiedtransactions/customers
Home
Activity
Sales
Finance
Operations
DD
Customers
Customers with transactions from Jan 31, 2020 to Jun 12, 2023
Export CSV
+ Add Customer
Vault Status ▾
Delivery Address ▾
Date Added ▾
Customer Name Delivery Address Email Address Last Transaction
Sarah Okonkwo
240 Market St Ste 800, San Francisco, CA 94105 s.okonkwo@acmecorp.com $2,400.00 USD on 6/9/23
Marcus Delacroix
Not Provided marcus@delacroix.io $480.00 USD on 6/7/23
Priya Ramanathan
55 9th St Apt 511, San Francisco, CA 94103 pramanathan@techflow.com $28.56 USD on 5/18/24
Jordan Wu
180 Sansome St, San Francisco, CA 94104 jordan.wu@studio.co $1,160.00 USD on 6/10/23
Elena Vasquez
1 Market St, San Francisco, CA 94105 evasquez@globalretail.net $22,500.00 USD on 6/11/23
See More

07 Customer Detail

The customer detail view was designed around progressive disclosure. Every merchant sees the same core profile. But the right column adapts based on source: Braintree merchants see vault tokens and risk data; Hyperwallet platforms see compliance status and payout methods.

business.paypal.com/commerce/customers/cust_4f8a2b19e
Home
Activity
Sales
Finance
DD
← All Customers / Sarah Okonkwo
SO
Sarah Okonkwo
s.okonkwo@acmecorp.com · Customer since Jan 14, 2021
Braintree cust_4f8a2b19e
$14,820
Total Spend
38
Transactions
3
Vaulted Methods
$390
Avg. Order Value
Customer Profile
Edit
Full nameSarah A. Okonkwo
Emails.okonkwo@acmecorp.com
Phone+1 (415) 555-0192
CompanyAcme Corp. BT
Customer IDcust_4f8a2b19e
Risk assessment BTLow Risk
Recent Transactions
View all 38
Annual License Renewal
Jun 9, 2023 · Visa ••4521 (vaulted)
$2,400.00
Add-on: Analytics Module
Apr 15, 2023 · Visa ••4521 (vaulted)
$480.00
Partial Refund — Seat Reduction
Feb 8, 2023
-$320.00
🔒 Vaulted Payment Methods
Add method
VISA
Visa ••••4521
Expires 09/26 · Default
✓ Vaulted
MC
Mastercard ••••8830
Expires 03/25
✓ Vaulted
ACH
Bank Account ••6280
Chase Checking · Verified
✓ Vaulted
PayPal Remembered Wallet Active
Recurring charges can be processed without re-authentication.

08 Field Taxonomy

One of the most consequential design decisions was determining which fields to show, when, and for whom. I developed a four-tier field classification that became the foundation for both the UI and the API design.

Core Fields — Always visible, all merchant tiers
First name Last name Email address Customer ID Phone Company name Billing address Date created
Vault Fields — Merchants using Braintree or PayPal recurring
Vaulted payment methods Default payment method Vault token Wallet remembered status Recurring billing eligible
Braintree-Origin Fields — Developer/enterprise merchants
Custom fields (key/value) Risk assessment score Transaction dispute history 3DS authentication data
Hyperwallet-Origin Fields — Marketplace / payout platforms
Payout method Compliance verification status Tax profile (W-9/W-8) Identity verification Bank account (payout destination)

09 Persona & Segmentations

The Customers feature had to work for a Shopify-adjacent SMB processing $2K/month and a Fortune 500 enterprise processing $2B/year — without building two products. The strategy: a single adaptive interface where complexity emerges only when needed.

SMB Merchants
Simple. Fast. Clear.

A lightweight CRM — find who bought what, send a follow-up invoice, see whether a card is still valid. Vault status is a clear benefit badge.

  • · Minimal fields shown by default
  • · Vault explained in plain language
  • · No API terminology in the UI
  • · One-click actions (charge, email, refund)
Mid-Market
Segments. History. Insight.

Segment customers by vault status, filter by spend band, understand churn signals. Capabilities unlock naturally as customer count grows.

  • · Advanced filters (vault, source, spend)
  • · Bulk operations (charge, export)
  • · Customer segments
  • · Transaction trend indicators
Enterprise
API-parity. Control. Compliance.

Every field accessible in the API is visible in the dashboard. Compliance data, audit trails, and custom field support — without breaking the experience for other tiers.

  • · Custom fields (Braintree key/value)
  • · Compliance & risk data visible
  • · Hyperwallet payout fields surfaced
  • · Audit log & data export (GDPR-ready)

10 Reflection

Working on Customers at PayPal was a lesson in the difference between a feature and a foundation. The customer profile isn't useful in isolation — it's the connective tissue that makes every other payment product smarter. A transaction gains meaning when you know who made it. A vault token becomes a relationship when it's tied to a name, a history, a context.

The design challenge of integrating Braintree and Hyperwallet wasn't primarily technical — it was conceptual. I had to develop a vocabulary that worked across three very different customer models and make it feel natural to merchants who didn't know or care about the underlying acquisitions.

"The vault wasn't a new technology — it had existed in Braintree for years. The design insight was that surfacing it as a first-class concept in the merchant dashboard transformed it from a developer tool into a growth lever every merchant could understand and act on."

— Dannielle Dan, Senior Product Designer, PayPal Commerce Platform