WHEN EVERY NEW LENDER
BROKE THE UI
A Loan Management System (LMS) builder that reduced lender integration time from months to weeks by shifting focus from "code" to "config".
Faster
Go-to-market
Reduction in
Dev effort
UI Code for 90%
New Lenders
The Context
Finbox partners with dozens of lenders, and every lender has a distinct onboarding DNA. One needs bank statements; another requires salary verification; a third mandates e-sign before KYC.
Adding a new lender meant engineers manually dragging fields into a Figma-like void and deploying code. Every new partner broke the UI equilibrium, leading to massive tech debt and slow rollout cycles.
The Solution: LMS Builder
We built a modular, block-based system that allows product teams to configure entire loan journeys without touching React.
Shifting the needle from "Ticket -> Design -> Code -> QA -> Deploy" to a single "Configure -> Preview -> Live" cycle.
CORE ONBOARDING
ENGINE
Tailored tab structure according to your loan profile
Design moveBefore you land in the builder, you choose a loan profile:
- Education loan
- Business loan
- Personal loan
- Loan against property
- Auto loan
Based on that choice, the builder surfaces preset tab suggestions, for example: - For a business loan: “Loan Details”, “Co‑applicant & KYC”, “Verification”, “Financials”. - For an education loan: “Applicant Details”, “Co‑applicant”, “KYC”, “Fee Structure”. You can accept, reorder, or add/remove tabs—so lenders never truly start from scratch, but they’re never boxed in either
- Block-based design
- Standardized inputs
- Dynamic flow logic
THE BUILDER
CANVAS
Visual drag-and-drop journey management.
Problem: Every operations team had a different mental model of “what should come first”: details, risk, KYC, or documents. Your previous setup required devs to re‑order tabs and manually enable/disable them per lender. Design move
On the builder canva: Tabs are first‑class objects. Ops can drag to reorder them to match their workflow (“KYC before Verification”, “Co‑applicant after Application Forms”).
A drag-and-drop interface where product managers can visualize the entire lender journey. Reorder steps, add branching conditions, and preview changes in real-time.
- Visual journey mapping
- Live state preview
- Drag-and-drop reordering
MODULAR PROP
MANAGEMENT
Contextual property control at block level.
Every block comes with a suite of configurable properties. Toggles, dropdowns, and text fields are linked directly to JSON keys, instantly updating the UI across all platforms.
- Contextual properties
- Rule-based visibility
- Custom Validations
JOURNEY LOGIC
& DEPLOYMENT
Integrated versioning and environment control.
Integrated versioning and environment control. Product teams can prototype in staging, run A/B tests on specific lender flows, and deploy to production with zero downtime.
- Instant push
- Staging vs Prod
- Version Tracking
WHAT CHANGED?
Reduction in Dev cycles for new partner onboarding. Engineering effort shifted from "building" to "maintaining the builder".
Estimated developer hours saved annually across 50+ lender integrations. This significantly reduced operational overhead.
Capacity increase. Finbox can now onboard partners at scale without a linear increase in engineering recruitment.