OKX Pay: Designing a Frictionless Global Payment Rail
Translating complex, multi-region digital asset infrastructure into familiar, human-readable retail peer-to-peer and point-of-sale payment experiences.
Content design (co-lead)
Figma, String Manager (internal localization CMS)
12+ months (conception to launch)
600+ localized content production keys
OKX Pay: Designing a Frictionless Global Payment Rail
Translating complex, multi-region digital asset infrastructure into familiar, human-readable retail peer-to-peer and point-of-sale payment experiences.
Content design (co-lead)
Figma, String Manager (internal localization CMS)
12+ months (conception to launch)
600+ localized content production keys
OKX Pay: Designing a Frictionless Global Payment Rail
Translating complex, multi-region digital asset infrastructure into familiar, human-readable retail peer-to-peer and point-of-sale payment experiences.
Content design (co-lead)
Figma, String Manager (internal localization CMS)
12+ months (conception to launch)
600+ localized content production keys
1: The Global Opportunity (Summary)
OKX Pay evolved from a localized technical utility into a core feature handling high-traffic transactions across Brazil, Singapore, the EU and the US.
As the co-lead content designer, I supported a dual-product framework: a retail merchant network (C2B) for the Singapore market and a direct social transfer system (P2P) for western and LATAM regions. By translating complex engineering processes into intuitive retail banking language, we stripped out the traditional intimidation barriers of digital asset mobility.
2: Singapore Scan to Pay (C2B Point-of-Sale)
2: Singapore Scan to Pay (C2B Point-of-Sale)
To keep the retail checkout experience completely smooth, I focused on making the payment language clear right at the cash register. Instead of confusing users with real-time crypto-to-fiat conversion math while they're standing in a physical checkout line, the confirmation screen tells them exactly which stablecoins will be deducted from their balance, while confirming that the merchant receives local Singapore Dollars instantly.
This takes the mental math tax entirely off the consumer. It makes spending digital assets at cafes, shops and local stalls feel just as straightforward as scanning a standard digital mobile wallet.
3: Global Peer-to-Peer Transfers (US, EU and BR)
Moving digital assets on-chain historically required users to interact with complex wallet addresses, where a single character typo can result in permanent loss of funds. For the rollouts across Brazil, the European Union and the United States, we introduced direct, fee-free account-to-account transfers remotely via phone number or email address, or in-person via QR code scan.
The platform handles the cryptographic ledger mapping invisibly behind the scenes, allowing users to locate friends and move funds safely through a familiar social contact directory.
4: Content Iterations, Edge Cases and Rationale
Surface/Content
Internal Engineering Draft
Final Shipped Copy
Rationale
Payment input/funds validation
Surface/Context:
Payment input/funds validation
Error: Balance Insufficient for Transaction Value
Internal Engineering Draft:
Error: Balance Insufficient for Transaction Value
You don't have enough balance to pay
Final Shipped Copy:
You don't have enough balance to pay
Swapped out cryptic backend errors for a friendly, plain-English warning. Pairing this with a grayed-out primary button stops mistakes in their tracks before a user can even try to hit send.
Rationale:
Swapped out cryptic backend errors for a friendly, plain-English warning. Pairing this with a grayed-out primary button stops mistakes in their tracks before a user can even try to hit send.
Surface/Context:
Invalid QR code scanned in viewfinder
Internal Engineering Draft:
Error: Invalid Matrix Address Source Unmapped
Final Shipped Copy:
Scan a valid OKX Pay QR code.
Rationale:
If someone scans a random QR code that isn't supported, the camera pauses and pops up a clear warning. This guides them back on track instead of letting the screen freeze or fail silently.
Surface/Context:
Recipient search/lookup
Internal Engineering Draft:
No Results Found
Final Shipped Copy:
Check the contact info
Make sure the phone number or email address you entered is correct.
Rationale:
Instead of leaving users staring at a blank screen when a search comes up empty, I built a helpful zero state. The text prompts them to double-check their formatting so they know exactly how to fix it.
Invalid QR code scanned in viewfinder
Error: Invalid Matrix Address Source Unmapped
Scan a valid OKX Pay QR code.
If someone scans a random QR code that isn't supported, the camera pauses and pops up a clear warning. This guides them back on track instead of letting the screen freeze or fail silently.
Recipient search/lookup
No Results Found
Check the contact info
Make sure the phone number or email address you entered is correct.
Instead of leaving users staring at a blank screen when a search comes up empty, I built a helpful zero state. The text prompts them to double-check their formatting so they know exactly how to fix it.
5: Operational Rigor and Quality Enforcement
With over 600 content keys scaling across distinct international markets, visual regression and layout breaks are a constant threat to product conversion. Prior to regional production staging windows, I drove end-to-end pre-release quality assurance sweeps across both iOS and Android staging builds.
By manually stress-testing text scaling, regional disclosure strings and error states, I identified and resolved over 10 critical visual and interaction bugs before they reached end-users. To insulate our customer support queues from predictable edge-case confusion, I also co-authored comprehensive external user guidance and FAQ modules to support the global product rollout lifecycle.
1: The Global Opportunity (Summary)
OKX Pay evolved from a localized technical utility into a core feature handling high-traffic transactions across Brazil, Singapore, the EU and the US.
As the co-lead content designer, I supported a dual-product framework: a retail merchant network (C2B) for the Singapore market and a direct social transfer system (P2P) for western and LATAM regions. By translating complex engineering processes into intuitive retail banking language, we stripped out the traditional intimidation barriers of digital asset mobility.
2: Singapore Scan to Pay (C2B Point-of-Sale)
To keep the retail checkout experience completely smooth, I focused on making the payment language clear right at the cash register. Instead of confusing users with real-time crypto-to-fiat conversion math while they're standing in a physical checkout line, the confirmation screen tells them exactly which stablecoins will be deducted from their balance, while confirming that the merchant receives local Singapore Dollars instantly.
This takes the mental math tax entirely off the consumer. It makes spending digital assets at cafes, shops and local stalls feel just as straightforward as scanning a standard digital mobile wallet.
3: Global Peer-to-Peer Transfers (US, EU and BR)
Moving digital assets on-chain historically required users to interact with complex wallet addresses, where a single character typo can result in permanent loss of funds. For the rollouts across Brazil, the European Union and the United States, we introduced direct, fee-free account-to-account transfers remotely via phone number or email address, or in-person via QR code scan.
The platform handles the cryptographic ledger mapping invisibly behind the scenes, allowing users to locate friends and move funds safely through a familiar social contact directory.
4: Content Iterations and Rationale
Surface/Context:
Payment input/funds validation
Internal Engineering Draft:
Error: Balance Insufficient for Transaction Value
Final Shipped Copy:
You don't have enough balance to pay
Rationale:
Swapped out cryptic backend errors for a friendly, plain-English warning. Pairing this with a grayed-out primary button stops mistakes in their tracks before a user can even try to hit send.
Surface/Context:
Invalid QR code scanned in viewfinder
Internal Engineering Draft:
Error: Invalid Matrix Address Source Unmapped
Final Shipped Copy:
Scan a valid OKX Pay QR code.
Rationale:
If someone scans a random QR code that isn't supported, the camera pauses and pops up a clear warning. This guides them back on track instead of letting the screen freeze or fail silently.
Surface/Context:
Recipient search/lookup
Internal Engineering Draft:
No Results Found
Final Shipped Copy:
Check the contact info
Make sure the phone number or email address you entered is correct.
Rationale:
Instead of leaving users staring at a blank screen when a search comes up empty, I built a helpful zero state. The text prompts them to double-check their formatting so they know exactly how to fix it.
5: Operational Rigor and Quality Enforcement
With over 600 content keys scaling across distinct international markets, visual regression and layout breaks are a constant threat to product conversion. Prior to regional production staging windows, I drove end-to-end pre-release quality assurance sweeps across both iOS and Android staging builds.
By manually stress-testing text scaling, regional disclosure strings and error states, I identified and resolved over 10 critical visual and interaction bugs before they reached end-users. To insulate our customer support queues from predictable edge-case confusion, I also co-authored comprehensive external user guidance and FAQ modules to support the global product rollout lifecycle.