UniBee | Global Payment Gateway
In this project, I focused on making the payment experience both safer and more conversion-friendly. I designed two key parts: a 2FA verification flow for high-risk actions, and a configurable, merchant-friendly custom Checkout that can adapt to different business needs without breaking consistency.
Security: introduce 2FA where it matters, without adding unnecessary friction.
Conversion: make Checkout clearer, more focused, and configurable by merchant / region / payment method.
Scalability: build a modular system that’s easy to extend (new methods, new rules, new UI states).
Instead of adding “one more step”, I designed 2FA as an experience users can understand and recover from.
What I did
- Enablement onboarding: step-by-step guidance explaining the value of 2FA and clear success confirmation
- Context-based triggers: apply 2FA to high-risk scenarios (login, password changes, payout settings, API keys), minimize interruptions elsewhere
- Edge cases & recovery: handle wrong code, timeout, no access to authenticator, device change, and recovery paths with clear messaging
- Trusted device option (when appropriate): “remember this device” with visible risk cues and a management entry
Users understand when and why verification happens. Fewer drop-offs caused by unclear failure states. Easier alignment with risk rules and audit logging.
The goal was to keep a unified payment experience while allowing merchants to tailor what matters most.
What I did
- Modular layout: configurable sections for header, order summary, discounts, address/tax, payment methods, and CTA
- Configuration hierarchy: platform defaults + merchant settings + regional/method rules to avoid unexpected global impact
- State design: unified UI for loading, processing, failure/retry, switching methods, 3DS redirects and return states
- Reusable components: consistent form patterns, errors, price formatting, and buttons for easier expansion
Faster merchant go-live with stronger brand consistency. More focused checkout, fewer distractions. Lower design cost when adding new payment methods or regions.
UI/UX with product thinking: mapping key journeys, defining IA and interaction states, covering edge cases, and ensuring the design can be implemented as reusable components.