FinJ UX/UI Case Study
Fintech · Lending · Web App

Personal loans,
without the anxiety.

FinJ matches users with 50+ lenders in minutes, with zero impact on their credit score.

UB
Ujjwal Bhatt
UX/UI Designer · End-to-end case study
01 · Mobile
02 · OTP
03 · Amount
04 · Details
05 · Offers
My Role
End-to-end UX/UI
Timeline
2-Week Sprint
Platform
Responsive Web
Process
Research → Hi-fi
The Problem

Loan discovery in India is broken.

Applying is fragmented, confusing, and stressful. Users give up before they ever see an offer.

01 No eligibility clarity before applying
02 Fear of credit-score damage
03 Long forms with no sense of progress
04 Generic, untailored offers
The Challenge

How might we make loan discovery feel fast, trustworthy, and personal, without overwhelming the user?

Goals
1

Reduce onboarding friction

2

Build trust at every step

3

A clear, linear funnel

4

Graceful error handling

5

A modern, credible UI

Research & Discovery · Days 1–3

What we learned.

Competitor audit of BankBazaar, Bajaj Finserv, MoneyView & CASHe, plus secondary fintech UX research.

Drop-off peaks at form-heavy steps

Flows that feel like a government form get abandoned.

!

CIBIL fear is a real barrier

Users hesitate to apply anywhere, afraid of score damage.

#

Phone-first converts best

Mobile number is the lowest-friction entry point.

Purpose signals personalization

Categories make offers feel tailored, not generic.

Progress cuts abandonment

"2 of 5" tells users the end is in sight.

Common competitor flaw

Too many fields, no inline validation, no reassurance, vague CTAs.

Information Architecture

A strict 5-step funnel.

Each screen does one job. One job is easy to finish.

Mobile + OTP
STEP 1
Verification

Phone-first, OTP via SMS & WhatsApp.

Amount + Purpose
STEP 2
Amount & Purpose

₹50K–₹50L slider, purpose chips.

Personal Details
STEP 3
Personal Details

Name, DOB, PIN auto-detect, email.

Employment
STEP 4
Employment

Employment type & income bracket.

Matching
STEP 5
Offer Matching

Soft check, then offers from 50+ lenders.

Key Design Decisions

Where the thinking lives.

01 · Mobile Entry
01

Phone-first authentication

One input. No password. +91 pre-filled, CTA disabled until the number is valid. The user's only job is to type a number, the lowest possible cognitive load.

02

OTP with an attempt counter

Six auto-advancing digit boxes. On a wrong code: "Enter correct OTP - 4 left." Showing remaining attempts removes uncertainty and prevents surprise lockouts, so users never feel stuck.

02 · OTP Verify
03 · Amount & Purpose
03

Amount slider + purpose chips, one screen

Combining related inputs cuts the perceived step count. A tactile slider sets the amount; toggle chips (Medical, Wedding, Education…) capture intent. Selected = purple fill, unselected = outline.

08

The loading screen as a trust builder

At the exact moment of maximum hesitation, FinJ surfaces the reassurance: a soft-check badge confirming this does not affect the CIBIL score. Copy is UX. It calms the user when it matters most.

08 · Matching
Inline Error

Inline validation

Errors sit directly under the field, following Gestalt proximity. Red is used only for errors.

PIN → Locality

Smart details

PIN auto-resolves to a locality; email chips append the domain in one tap.

PAN · KYC

Minimal KYC

A single PAN field fetches KYC, reassured inline with “no credit impact.”

Employment

Single-select list

Full-width rows beat dropdowns, with bigger tap targets, scannable at a glance.

Visual Design System

A consistent, scalable kit.

Color
Primary
#5B3AF5
Ink
#1C1A26
Error
#E5484D
Success
#1FA97B
Surface
#F1F0F7
Typography
Aa
Inter
Display & headings
Aa
Inter
Body & UI
Hierarchy through size & weight, never color.
Primary CTA
See My Offers
Disabled state
Progress
Step 2 of 5
Step 4 of 5
Selection Chips
💍 Wedding 🏥 Medical ✈️ Travel 🎓 Education 💼 Business
Selected Default Disabled
Error States · Designed First

First-class, not afterthoughts.

Every error state was mapped before the happy path was finalized.

!
Mobile Number
Invalid format

Red border + inline message; CTA activates so the user can correct.

!
OTP
Wrong code

Inline error with a remaining-attempts counter ("4 left").

·
Personal Details
Empty required field

Continue button stays disabled until complete.

·
Employment
No selection

"See My Offers" stays disabled until one is chosen.

Beyond the Funnel

The logged-in app.

Tracking, offers, and a reassuring hand-off to the lender.

Home
Application tracker

Resume where you left off, step by step.

Offers
Side-by-side offers

Rate, limit, and EMI compared at a glance.

Redirect
Clear hand-off

Co-branded redirect, never a dead end.

Post-Onboarding

Profile management.

After the funnel, users manage their details: edit photo, name, contact, and address with a top-right Save, following standard mobile conventions.

Home Offers Profile
Profile
Edit Profile
Web & Desktop

One brand, every screen.

A responsive marketing site carries the funnel from desktop to mobile.

finj.app
FinJ desktop landing page
Mobile Web
2-Week Sprint

Research to handoff in 14 days.

Week 1 · Foundations
Days 1–2Research, competitor audit, problem & flow
Days 3–4Wireframing the funnel + error mapping
Day 5Iteration + defining the visual system
Week 2 · Design & Handoff
Days 6–8Hi-fi screens: core flow, errors, loaders
Days 9–10Profile, edit, offers surface
Days 11–12Desktop / web landing page
Days 13–14QA, naming, handoff-ready files
Challenges & Learnings

Speed vs. trust

Five intentional steps, not one long form, resolved the tension between fast input and trust data.

CIBIL anxiety

Layout alone couldn't fix emotional hesitation. The reassurance copy did. It was added late, and mattered most.

Errors under pressure

Designing error states first, before the happy path, kept them first-class in a tight timeline.

Key Learning

In fintech, trust is the product. Every micro-decision, from an error border to a validation message to a soft-check badge, decides whether a user feels safe.

Outcome

A complete, handoff-ready UI kit covering the funnel, error states, loaders, profile and landing, delivered in two weeks.

5
funnel steps
50+
lenders matched
0
CIBIL impact
14
days, end-to-end
UB
Ujjwal Bhatt
UX/UI Designer. Research, interaction and visual design for FinJ, end-to-end.