Reimagining the
Loan Against Mutual Funds
Experience
Transforming a complex lending journey into a scalable, production-ready mobile experience that helped simplify onboarding, improve decision-making, and contributed to product growth.
100K+
App Installs
4.5 🌟
Play Store Rating
2.5x
Growth in Adoption
CONTEXT
The Product Was Growing.
The Experience Wasn’t.
50Fin enables investors to unlock liquidity from their mutual
fund investments without selling them.
As the business expanded, new lenders, products, and workflows
were continuously introduced. While functionality improved,
the overall product experience became increasingly difficult
for first-time users to navigate.
The challenge was no longer building features.
It was helping users understand and confidently complete a
complex financial journey.
CHALLENGE
Understanding where users got stuck.
Through customer support conversations, stakeholder discussions, journey reviews, and internal usability observations, several recurring experience gaps became clear.
Unclear progress
Users often didn't know what came next in the loan journey.
Hidden Information
Important product details and actions required unnecessary exploration.
Decision Friction
Complex financial information increased hesitation during key decisions.
Key INSIGHT
The product didn't need more features. It needed better communication.
The underlying workflow already supported the lending journey.
The real challenge was presenting information with better
hierarchy, clearer guidance, and stronger visual communication
so users could confidently move through each step.
DESIGN PRINCIPLES
Three principles guided every design decision.
Every design decision was guided by a simple principle: reduce complexity, increase clarity, and help users make confident financial decisions.
Reduce Cognitive Load
Simplify complex financial workflows into clear, manageable steps.
Increase Visibility
Surface important information before users need to search for it.
Guide Decision Making
Present information in ways that build confidence and reduce hesitation.
Foundations
Building a Scalable Design System
Creating reusable foundations that enabled consistent experiences, faster product development, and future product expansion.
01 / 07
Grid
Every element aligns to a consistent 4-column grid.
Chapter 01
Creating a Better First Impression
Reducing friction before users even begin their lending journey.
BEFORE
BEFORE
Multi-step Flow
Static Screens
Manual Navigation
No Progress Status
AFTER
AFTER
Single Experience
Motion-led Story
Auto Progression
Visible Progress Status
Design Decisions
Single-screen onboarding
Motion-led storytelling
Visible progress indicator
Auto progression
Impact
Faster first impression
Lower onboarding friction
Better product communication
Smoother transition to login
Chapter 02
Home Experience
The homepage evolved from a static dashboard into a contextual decision-making experience, making opportunities immediately visible and reducing unnecessary navigation.
BEFORE
BEFORE
Hidden Eligibility
Static Homepage
Generic Experience
Promotional overload
.png)
AFTER
AFTER
Dynamic homepage
Personalized states
Visible eligibility
Contextual actions
Design Decisions
Dynamic homepage states
Eligibility above the fold
Context-aware content
Personalized product cards
Prioritized primary CTAs
Impact
Faster product discovery
Reduced navigation effort
Higher feature visibility
Clearer user guidance
More actionable homepage
Edge Cases
Low Eligibility
Eligible User
Active Loan
Closed Loan
Chapter 03
Simplifying Product Discovery
Helping users understand, compare, and confidently choose the right lending product before beginning the application.
BEFORE
BEFORE
Limited product visibility
Minimal product context
Hidden Key Benefits
Decision after entry
AFTER
AFTER
Scalable product catalog
Benefit-first cards
Visible key features
Decision before journey
Design Decisions
Modular product cards
Benefit-first presentation
Key features upfront
Scalable product structure
Clear product CTAs
Impact
Easier product comparison
Faster product understanding
Better decision confidence
Supports future products
Reduced discovery effort
Edge Cases
Product Scalability
Chapter 04
Designing a Guided Loan Journey
Transforming a complex loan application into a structured, continuous, and easy-to-follow experience.
BEFORE
BEFORE
Separate progress screen
Context switching
Animated transitions
Indirect progress
AFTER
AFTER
Embedded progress
Persistent visibility
In-page guidance
Streamlined flow
Design Decisions
Progress inside headers
Persistent step indicator
Integrated progress into every step
Reduced navigation friction
Context-aware progression
Impact
Better progress visibility
Smoother application flow
Reduced interaction effort
Fewer unnecessary screens
Higher completion confidence
Edge Cases
Resume Application
Embedded Progress
Chapter 05
Making Financial Decisions Easier
Helping users compare lenders, understand offers, and confidently choose the right option without leaving the decision flow.
BEFORE
BEFORE
Multi-screen comparison
Frequent context switching
Separated loan details
Interrupted decision flow
AFTER
AFTER
Single-page comparison
Bottom sheet details
Portfolio preview
Continuous decision flow
Design Decisions
Bottom sheet interactions
In-place lender details
In-place portfolio preview
Reduced screen transitions
Contextual information access
Impact
Reduced navigation effort
Better offer comparison
Increased decision confidence
Lower decision friction
Improved journey continuity
Edge Cases
Lender Details
Portfolio Eligibility
Chapter 06
Reviewing Before Commitment
Helping users configure their loan, understand pledged assets, and verify financial terms before proceeding.
BEFORE
BEFORE
Loan details below the fold
Quantity-based pledge
Expanded fund list
Limited financial guidance
AFTER
AFTER
Loan summary upfront
Amount-based pledge
Collapsible portfolio
Smart borrowing guidance
Design Decisions
Prioritized loan summary
Amount-first pledge configuration
Collapsible portfolio section
Auto-configured pledge allocation
Borrowing buffer recommendation
Impact
Faster loan review
Easier pledge configuration
Reduced cognitive load
Better borrowing confidence
More informed commitment
Edge Cases
Manual Portfolio Configuration
Key Fact Statement (KFS)
Chapter 07
Completing the Journey with Confidence
Helping users understand their final disbursal, verify banking details, and complete the loan journey with confidence.
BEFORE
BEFORE
Disbursal below the fold
Delayed financial clarity
Separate bank selection
Fragmented completion
AFTER
AFTER
Disbursal upfront
Amount received preview
Embedded bank selection
Continuous flow
Design Decisions
Prioritized disbursal amount
Upfront payout summary
Embedded bank selection
Collapsible portfolio review
Reduced screen transitions
Impact
Better payout clarity
Faster final review
Reduced navigation effort
Higher completion confidence
Smoother loan completion
Edge Cases
Net Payout Transparency
Embedded Bank Selection
Chapter 08
Building a Smarter Post-Loan Experience
Helping users manage their loan after disbursal through contextual states, proactive communication, and self-service.
BEFORE
BEFORE
Single loan view
Static information
Limited visibility
Document-dependent
AFTER
AFTER
Dynamic loan states
Expandable sections
Pledged fund visibility
Continuous flow
Design Decisions
Introduced dynamic dashboard states
Surface the next-best actions
Organized information progressively
Embedded pledged fund visibility
Reduced document dependency
Impact
Easier loan management
Better financial visibility
Faster access to loan information
Reduced support dependency
Context-aware experience
Edge Cases
Pending Disbursal
Upcoming Payment Reminder
Shortfall Alert
Increase Credit Limit
Top-up Opportunity
First Loan Experience
Chapter 09
Motion & Micro-interactions
Small interactions that make financial tasks feel faster, clearer, and more trustworthy.
Micro-interactions
Primary Action Highlight
Onboarding Experience
Reflection
Building Better Financial Experiences
This project reinforced that great fintech products aren't about adding more features—they're about making every decision feel simple, clear, and trustworthy.
Trust First
Design that reduces uncertainty.
Simplicity Wins
Fewer steps, clearer decisions.
Every State Matters
Support users beyond the happy path.