Work About Contact
Flexiloans
UI / UX — Mobile

Financial access
in four steps.

Flexiloans wanted to make loan applications feel effortless. The existing process was long, confusing, and built around the lender — not the borrower. I redesigned the mobile experience to put approval in the user's hands, not in their way.

Client Flexiloans
Deliverables Wireframes, Mockups
Focus Mobile UX, Conversion
Tools Adobe XD, Sketch
Flexiloans mobile app screens
Flexiloans — UI/UX Case Study
Scroll to explore

A vision for
"Financial Access at a Click."

Getting a loan in India traditionally meant paperwork, branch visits, waiting days for a decision, and still not knowing why you were approved or declined. Flexiloans was built on a different premise — that credit should be fast, transparent, and accessible from wherever you are.

My brief was to redesign the mobile application experience to match that vision. The existing flow had too many steps, unclear progress, and an interface that felt designed for the lender's process rather than the borrower's confidence. The objective was to reduce the application to four clear, sequential steps — and make every screen feel like progress, not friction.

This meant rethinking not just the visual design but the information architecture, the language, the feedback states, and the moments where users were most likely to drop off and why.

4
Steps to loan approval
Drop-off at every stage
1
Coherent mobile-first system

End-to-end ownership
of the mobile experience.

Research & Analysis
Understanding the drop-off
Mapped the existing application journey to identify where users abandoned the process and why. Identified that complexity, unclear progress, and jargon were the primary causes of drop-off before the final submission.
UX Design
Wireframes & information architecture
Restructured the loan application into a four-step linear flow with clear progress indicators. Created low and mid-fidelity wireframes to test the step sequence, input grouping, and feedback states before committing to visual design.
UI Design
High-fidelity mobile mockups
Translated wireframes into polished mobile screens using Adobe XD and Sketch. Established a visual system for form inputs, status states, progress bars, and confirmation screens consistent across iOS and Android contexts.

Loan applications were designed
for the lender, not the borrower.

Before redesigning anything, I needed to understand why people were dropping off. The answer wasn't one thing — it was a pattern of small failures across every screen that compounded into a feeling of distrust and effort.

Problem 01
No sense of progress

The application felt like a single endless form. Users couldn't tell how far along they were, how much was left, or whether their inputs had been saved. Without visible progress, every screen felt like starting over.

Problem 02
Financial jargon at every turn

Terms like "disbursement account", "tenure selection", and "KYC verification" appeared without explanation. For a first-time borrower, the language signalled complexity and risk rather than simplicity and speed.

Problem 03
Too many inputs on one screen

Personal details, business information, financial history, and document uploads were all grouped on a small number of long screens. The cognitive load of each screen was too high to complete in one sitting on a mobile device.

Problem 04
No reassurance at critical moments

Submitting financial documents and personal information are moments of high anxiety for users. The old flow provided no feedback, no confirmation, and no explanation of what happened next — leaving users uncertain whether their submission had worked at all.

Four steps.
One clear path to approval.

The core design decision was to collapse the entire application into exactly four named steps — each with a single clear purpose, visible progress, and a moment of confirmation before moving forward. Complexity didn't disappear; it was sequenced.

01
Step One
Tell us about yourself
Personal and business information captured first — name, mobile, business type, monthly turnover. Inputs are grouped by theme, not by system field. Short-form questions with clear labels and inline validation so errors are caught immediately, not at submission.
02
Step Two
Choose your loan
Amount and tenure selection with a live EMI calculator. Users see their monthly payment update in real time as they adjust the loan amount. Making the repayment visible before commitment reduces post-application anxiety and improves informed decision-making.
03
Step Three
Verify your identity
KYC document upload simplified to a camera-first flow. Users photograph their PAN card and Aadhaar — the interface guides them through framing, lighting, and clarity in plain language. The word "KYC" is replaced with "Verify your identity" throughout.
04
Step Four
Review & submit
A full summary screen before final submission — every input visible, editable, and confirmed. The submit button is the only action on the screen. A success state follows immediately with a loan reference number and clear next-step messaging, so users know exactly what happens after they tap.
"Financial access at a click" isn't a tagline — it's a design constraint. Every screen that felt like effort was a screen that cost Flexiloans a customer.
Design principle — Flexiloans UX
Flexiloans application flow screens
Application Flow

Progress made visible at every step

A persistent step indicator at the top of every screen shows users exactly where they are and how far they have to go. Progress is cumulative — completed steps are checked, the active step is highlighted, and upcoming steps are visible but inactive.

  • Step indicator present on every screen in the flow — no hidden progress
  • Each step begins with a single orienting headline in plain language
  • Inputs are grouped into logical clusters of 2–3 fields per screen section
  • Inline validation fires on blur, not on submit — errors are caught early
  • Every required field is marked; optional fields are labelled explicitly
Flexiloans loan selection and confirmation screens
Loan Selection & Confirmation

Decisions made with confidence, not confusion

The loan selection screen is where most financial apps lose users — the numbers are abstract, the commitment feels large, and the interface rarely helps. The redesign made repayment tangible and the confirmation state unambiguous.

  • Live EMI preview updates instantly as amount or tenure changes
  • Loan amount presented as a slider with typed input as fallback
  • Tenure options surfaced as selectable cards — not a dropdown
  • Summary screen shows all inputs before the final submit action
  • Success screen includes loan reference number and a clear "what's next" message

A loan application that felt like
a product, not a process.

4
Steps — down from a fragmented, multi-screen form with no visible structure
Cognitive load per screen by chunking inputs into purposeful, themed groups
0
Jargon in user-facing copy — all financial terms rewritten in plain language
1
Coherent mobile design system shared across all application screens and states

"Financial Access at a Click" can only be true if the click leads somewhere that feels worth completing. The redesign was built around one question: at every screen, does this feel like progress or friction?

Tools used Adobe XD Sketch Photoshop Wireframing Mobile UX Prototyping