Skip to main content
DesignKey Studio

Payblox

Fintech, B2B2023-2024

Transforming Merchant Payment Processing

DesignKey built Payblox - a full-stack fintech platform that matches merchants with payment processors using AI. React, NestJS, PostgreSQL, and OpenAI integration.

Payblox merchant dashboard shown on a laptop against a dark backdrop

/summary

UI/UX DesignFull-stack DevelopmentData ManagementAI IntegrationOnline Platform

Payblox is a fintech marketplace that solves a real problem for merchants: finding the right payment processor is slow, opaque, and heavily dependent on who you know. The platform connects merchants with processors through a structured matching workflow, letting merchants compare offers, review terms, and sign agreements through a single interface.

Payblox mobile app showing offer comparison and pricing detailsMerchant support specialist working at a laptop with a headset
Payblox leads table with the offer-creation flow open

/context

The payment processing industry has a matching problem. Merchants - especially those in high-risk categories like travel, supplements, or subscription services - often struggle to find processors willing to work with their business model. Options are hard to compare: fee structures vary, contract terms differ, and approval processes are opaque. Merchants typically rely on brokers or word-of-mouth, which is slow and expensive.

Objectives

Merchant Empowerment

Give merchants a clear, structured way to find payment processors suited to their industry and risk profile - without relying on brokers or cold outreach.

Streamlined Connection

Build a workflow that moves a merchant from application to signed agreement within the platform.

Scalability

Architect the backend to handle growing transaction volumes and merchant categories without significant rework.

Payblox analytics dashboard on a laptopPayblox brand mark constructed on a design grid
Payblox business profile, account setup, and offer detail screens

/process

Discovery and requirements definition

The first phase was mapping the full workflow for all three user types - merchants, processors, and administrators - and identifying where the current industry process breaks down. Merchants needed a guided onboarding flow that captured enough business context to generate meaningful matches. Processors needed lead management tools that matched how their sales teams actually work. Administrators needed visibility into the full platform without being bottlenecked in every transaction.

UX/UI design

Design was done in Figma with a focus on role-specific clarity. Each user type sees a different interface on login - merchants see their application status and incoming offers, processors see their lead queue and offer templates, administrators see platform-wide activity. The design used a clean, professional visual language appropriate for a B2B financial product: high information density without visual noise, clear status indicators, and consistent action patterns across all three roles.

Frontend development

The frontend was built with React and Next.js. State management handled the complexity of a multi-role application where the same underlying data - a merchant application, a processor offer - renders differently depending on who is viewing it.

Real-time notifications kept merchants and processors updated on offer status changes without requiring manual refreshes.

Backend development and integrations

The backend was built on NestJS with Node.js, with PostgreSQL as the primary data store. AWS infrastructure and AWS Lambdas handled compute scaling. The integration layer connected three third-party services: OpenAI for AI-driven merchant categorization and offer analysis, Zoho and Zoho Sign for document management and e-signature workflows, and Retool for the internal admin dashboard.

Technical stack - Figma for design; React, Next.js, OpenAI, TypeScript and more for developmentPayblox delivery workflow from discovery and planning through launch and support

/key features & innovations

Multi-role platform

Three distinct interfaces (merchants, processors, administrators); role assigned at authentication.

Merchant matching workflow

Structured application (business type, volume, industry) surfaces relevant processors and comparable offers.

Processor offer tools

Manage leads, create offers against applications, track deals to signed agreement; offer templates reduce repetitive quoting.

AI-driven categorization and insights

OpenAI classifies applications and provides contextual lead analysis.

Integrated document signing

Zoho Sign brings execution inside the platform; signed docs stored with the deal record automatically.

Real-time notifications

Instant updates on offer submissions, status changes, and document events.

Gallery of Payblox merchant, processor, and admin screens

/challenges & solutions

Flexible offer structure that still produces comparable results

A structured template system with defined fields (rates, fees, reserve %, contract length) plus free-text for processor-specific terms - comparable for merchants without over-constraining processors.

Managing document state across the signing workflow

Keeping Payblox and Zoho Sign in sync required careful webhook handling and idempotent state transitions to avoid duplicate/inconsistent records.

Payblox marketing site on an iMac
Payblox processor dashboard with won and lost offersPayblox logo on a dark background

/result & impact

End-to-end workflow in a single platform

Merchants can move from application submission to signed processor agreement entirely within Payblox - without managing separate conversations, email threads, or document tools. This was the core product promise, and the delivered build fulfills it.

Reduced manual work for processors

The offer template system and lead management workflow replaced the spreadsheet-and-email process that processor sales teams were using. The Zoho Sign integration removed the document-chasing step entirely.

AI-assisted categorization

The OpenAI integration reduced the manual review time required to assess and categorize incoming merchant applications, allowing the matching process to move faster on the processor side.

Scalable foundation for growth

The AWS infrastructure and TypeScript codebase give Payblox a platform that can handle growing volumes and add new features - additional processor types, new merchant categories, expanded AI capabilities - without rebuilding the core application.

Payblox merchant and admin dashboards across the platform

/future projections and strategic growth

Feature Expansion

Payblox plans to extend the platform with additional merchant categories, enhanced AI matching capabilities, and expanded processor tools as the marketplace grows.

Scalability Plan

The AWS Lambda architecture supports horizontal scaling as transaction volumes increase. The service adapter pattern in the integration layer makes adding new third-party tools straightforward without touching core application logic.

Payblox integrated marketplace of payment processors

/conclusion

The payment processing industry runs on relationships and manual coordination that creates friction. Payblox replaces that friction with a structured platform where merchants find processors, processors build and deliver offers, and agreements get signed - all in one place. The four-month build delivered a full-stack platform with AI integration, multi-role access, and document management that works as a coherent product rather than a collection of integrated tools.

Your next project?

Whether it's an internal tool for your company or a highly available Software-as-a-Service - we help you to get your ideas off the ground!

Start a Similar Project