SafetyPay, A Paysafe Company
USA · Design lead
SafetyPay is a secure alternative payment platform connecting consumers and merchants globally. I joined in February 2021 as the first and only product designer and built the design ecosystem from scratch.
Across 17 countries, the challenge was a smooth, secure checkout for payers and strong management tools for B2B merchants. Over two and a half years I shaped the product architecture, UX patterns and design system that supported the company's growth and its integration into Paysafe.
Figma
Miro
The Zero-to-One FinTech Challenge
Designing a financial platform from the ground up requires balancing extreme structural complexity with absolute user simplicity. As the sole product designer at launch, the primary challenge was twofold:
- B2C Trust & Conversion: Creating a frictionless, universally trusted checkout experience for end‑users across 17 distinct international markets, accommodating diverse local payment methods and cultural expectations.
- B2B Power & Control: Architecting a dense, data‑rich dashboard for merchants that simplifies complex transaction histories, refund processing, and financial analytics without overwhelming the user.
Net revenue
$12,400
+8.2%vs last week
Mapping the Financial Ecosystem
Before defining the visuals, I mapped out every user journey and edge case to ensure the FinTech logic was bulletproof.
By decoupling the B2B merchant management from the B2C checkout flow, I established a modular architecture that allowed the platform to scale rapidly and support new regional gateways without compromising the core experience.
The Merchant Dashboard: Clarity in Complexity
Merchants operating across multiple regions need instant visibility into their financial health. I designed a data‑rich yet highly accessible B2B dashboard that centralizes transaction histories, settlement statuses, and cross‑border analytics. The goal was to give businesses granular control over their funds without cognitive overload.
Beyond the Overview: End-to-End Merchant Operations
While the main dashboard provides a high‑level summary, the true power of the platform lies in its granular operational tools. I designed specialized modules to handle everything from financial reconciliation to team access control.
Granular Payment Control:
A high‑density data grid allowing merchants to track individual payment statuses, investigate failed attempts, and process one‑click refunds seamlessly.
Order number and how long the payment stays open
The country sets the currency and its symbol
- Brazil
- Mexico
- Chile
- Brazilian Real (BRL)
- Mexican Peso (MXN)
- Chilean Peso (CLP)
- US Dollar (USD)
One action sends the customer everything needed to pay
Payment slip
R$ 3,279.97 BRL
- Order No.
- ORD-13428
- Sales Country
- Brazil
- Expires in
- 15 min
Payment instructions are sent to customer@email.com
Enterprise Reporting & Reconciliation
Designed from the ground up as the platform’s financial command center, the Reports ecosystem empowers merchants to effortlessly track, filter, and export complex multi‑currency data across daily transactions, financial summaries, and activity logs.
To support these diverse modules, I architected a scalable, high‑density data‑grid framework built on strict enterprise UX standards.
- Scalable Data Architecture: Applied strict alignment rules (text left, financials right) to ensure instant scannability of high‑volume datasets without visual clutter.
- Reactive Inline Filtering: Engineered a space‑efficient toolbar with dropdown pills, maximizing vertical real estate and accelerating complex data queries.
B2C Checkout: Optimizing for Conversion
The legacy B2C checkout suffered from high drop‑offs due to cognitive overload and poor localization.
To solve this, I engineered a seamless, high‑trust payment wizard that guides users from selection to final receipt, drastically reducing buyer anxiety.
Product Roadmap · Safetypay Checkout
STEP 01
Discovery & UX Audit
Research, heuristics evaluation, competitor benchmarking, and opportunity mapping
STEP 02
Localization Strategy
Market-specific payment flows, currency logic, language adaptation, and compliance review
STEP 03
UI & Interaction Design
High-fidelity component library, micro-interactions, motion specs, and design tokens
STEP 04
Engineering Handoff
Annotated specs, tokenized assets, component stories, and API integration contracts
+24% Checkout Completion:Streamlined the multi‑step process into a focused, distraction‑free 2-column layout, keeping the Order Summary persistently visible to anchor the user.
40% Reduction in Input Errors:Integrated native LATAM payment methods with real‑time Tax ID (CPF) validation and intelligent error states.
Zero-Friction Localization:Adapted the UI architecture to scale dynamically across 17 countries, supporting local languages, currencies, and regional compliance requirements without breaking the layout.
The Final Touchpoint: Reassurance & Handoff
The checkout culminates in a stress‑free success state. A persistent Order Summary provides immediate visual confirmation, while the prominent Transaction ID and quick receipt download ensure post‑payment clarity.
Finally, a clear primary action smoothly redirects the buyer back to the merchant, turning an anxious process into a seamless moment of trust.
Select Payment Method
Choose how you'd like to complete your payment
Your payment is protected by end-to-end encryption
By continuing you agree to SafetyPay's and
Select your Bank
Choose your bank to authenticate securely.
No bank matches your search.
Your payment is protected by end-to-end encryption
By continuing you agree to SafetyPay's and
SantanderSelected bankEnter Payer Details
Required by the Central Bank to process your secure transfer.
Your personal data is used solely to authenticate this payment. SafetyPay does not store or share your details with third parties.
By continuing you agree to SafetyPay's and
Payment Successful
Your transfer of R$ 48,320.00 to TechStore Brasil Ltda has been securely processed.
Transaction IDSP-TXN-88492
Online Banking · Santander
A confirmation has been sent to your registered email address.
Total Amount
R$ 48,320.00
BRL · Brazilian Real
Order Details
Order Number#SP-2901
DateSep 02, 2026
MerchantTechStore Brasil
DescriptionEnterprise License
ReferenceREF-TBL-2026-09
Payment MethodOnline Banking
SubtotalR$ 47,870.00
Service FeeR$ 450.00
TotalR$ 48,320.00
256-bit SSL Encryption · PCI DSS Compliant
Accepted at partner banks
Powered by
Key Takeaways from the Journey
Vladimir Kvach
LinkedIn →The Complexity of Global Scale
The biggest challenge in designing a seamless experience across 17 markets was creating structural elasticity. Localization went far beyond simple language translation. It required architecting a UI framework capable of dynamically accommodating diverse regional compliance constraints (such as Brazil’s strict CPF validation) alongside distinct payment cultures, varying currency formats, and unpredictable text expansion rates, all without breaking the core grid or compromising the feeling of absolute security.
The Core Lesson: Elasticity from Day One
This project reinforced that true localization cannot be treated as an afterthought or a bolted‑on feature.
An enterprise‑grade design system must be engineered to anticipate cross‑border edge cases from the very foundation. By building a modular, hyper‑flexible component architecture early on, I learned how to prevent costly technical debt while ensuring that every user, regardless of region, experiences the platform as a frictionless, natively local product.
Want to learn more about the process and design decisions?
Let’s talk