×
Works Playground

UniBee | Global Payment Gateway

Product Branding 2024.11

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
Outcome (qualitative)

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
Outcome (product value)

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.