top of page
Sharekhan Loans web case study banner_V2.jpg

UX Case Study: Sharekhan Loans - Simplifying Digital Lending for Indian Users

 

Project Overview

 

When I started working on Sharekhan Loans, my goal was clear — to make borrowing money online feel simple, transparent, and human.

The existing website had strong financial credibility but lacked empathy in its design. For most users, the loan journey felt intimidating, technical, and cold. I wanted to change that — to make it feel like guidance, not a transaction.

Project Duration: 6 Weeks
My Role: UX/UI Designer (End-to-End)
Tools Used: Figma, Illustrator, Miro, Notion
Deliverables: User Research, Personas, Information Architecture, Wireframes, High-Fidelity Designs, Usability Testing

The Problem​​

During my initial audit, I realized the Sharekhan Loans website suffered from common issues found across most lending platforms in India:

  •  Too many loan types with unclear differences..

  •  Complex jargon that alienated users.

  •  Hidden or hard-to-find information about fees and eligibility.

  •  Lengthy forms that caused high abandonment.

 

It became clear that the core problem wasn’t about missing features — it was about missing clarity and trust.

“Users struggle to identify the right loan and hesitate to apply because loan websites are product-focused, filled with jargon, and lack transparency about costs.”

So my guiding question became:

How might we make the process of discovering and applying for a loan feel simple, transparent, and reassuring?

Design thinking visual.png

Empathize - Understanding Users

Money is deeply emotional — and taking a loan is often a mix of hope, fear, and uncertainty.
Before designing any screen, I needed to understand what users really feel when they think about loans.

Primary Research

User Interviews

I conducted 12 one-on-one interviews with people from different walks of life

  •  5 Salaried Professionals (Ages 25–40)

  •  4 Small Business Owners / Self-employed

  •  3 Students & Young Aspirants

Each conversation lasted around 40 minutes. I avoided corporate questions and instead focused on their emotions, behaviors, and frustrations.

Some questions I asked:

  •  Have you ever applied for a loan online? How was the experience?

  •  What makes you trust or mistrust an online lender?

  •  When do you decide to stop filling out a loan form?

  •  What would make you feel comfortable applying online?

Key quotes from users:

“I get scared of hidden charges. I never know what I’m really paying.”

“If I could just pick a reason — like Wedding Loan or Education Loan — that would be easier.”

“I stop filling forms when they ask for too much personal info too soon.”

 

These stories revealed that the problem wasn’t with digital literacy — it was with clarity and emotional safety.

Usability Observation

To understand interaction pain points, I conducted usability sessions with 8 participants using the old Sharekhan Loans website.

I gave them tasks like:

  1.  Find a suitable loan for a wedding.

  2.  Use the EMI calculator.

  3.  Try to start an application.

What I observed:

  •  Users couldn’t tell which loan suited them.

  •  The EMI calculator didn’t show total payable or fees.

  •  The “Schedule of Charges” page was buried deep in navigation.

  •  Everyone hesitated when the form asked for PAN upfront.

 

Their frustration wasn’t with the product — it was with how it was presented.

Online Survey

To validate these findings quantitatively, I ran an online survey with 150 participants across Mumbai, Pune, Delhi, and Bangalore.

survey results.jpg

Competitor Benchmark

I analyzed five leading loan websites — HDFC, Bajaj Finserv, Tata Capital, BankBazaar, and PolicyBazaar.

table final.png

Finding

Most competitors felt functional but not human — there was a huge gap for a trust-based, empathetic lending experience.

Empathy Insights Summary

After synthesizing all data, five insights stood out:

  1.  Users think in life goals, not financial terms.

  2.  Transparency builds instant trust.

  3.  Simplicity in flow reduces drop-offs.

  4. Friendly tone and visuals humanize finance.

  5. Visual hierarchy improves comprehension.

User Personas


​​Creating personas helped me transform abstract data into real, relatable people.

Each persona represented a major audience group using Sharekhan Loans.

Ravi Sharma user persona.png
Meera Joshi user persona (1).png
Aakash sen user persona (1).png

Define - Framing the Real Problem

After weeks of notes and sticky walls, I asked myself:

"What's the real problem we are solving here?"

The answer was clarity - or rather, the lack of it.

Problem Statement

“Users struggle to identify the right loan and hesitate to apply because the website focuses on products, not people — using complex terms, hidden costs, and lengthy forms that erode trust.”

user needs.png

How might we...

  •  How might we make discovering a loan feel effortless and personal?

  •  How might we make fees and costs visible at a glance?

  •  How might we simplify the application process?

  •  How might we make the tone feel friendly, not formal?

These questions shaped the creative direction that followed.

Ideate — Generating Solutions

Armed with clarity, I began exploring solutions on paper.

I wanted to design an experience that mirrored how people think

Key Ideas

  1. Goal - Based Discovery:​​ Introduce a “Reasons for Loan” section (Wedding, Education, Business, Travel, Renovation).

  2. Transparent Calculator: Display EMI, interest, total payable, and fees — all on one screen.

  3. Simplified Application: Redesign the long form into a 3-step guided flow with progress bar.

  4. Trust & Transparency: Bring SOC and eligibility info above the fold.

  5. Friendly Microcopy: Use comforting tone — “Let’s check your best-fit loan.”

Information Architecture

sitemap_sharekhan loans website.png

​User Flow

userflow.jpg
Wireframes
Created initial sketches focusing on layout and functionality without visual design elements.
wireframe set 1 final (1).png
wireframe set 2 final (1).png

Visual Design

Landing page

Goal: Inspire confidence & guide users to explore relevant loan products.
UX Highlights:

  • Hero section focuses on pre-approved loan offers with clear CTAs: “Apply Now” / “Know More”.

  • Integrated search bar (“Search everything related to SK Loans”) promotes discoverability.

  • Step-by-step illustration of the application process builds transparency.

  • Credit score integration improves user awareness.

  • “Co-Creation” and “Feedbacks” blocks add community credibility.

Outcome: Balanced mix of transactional and emotional design, using trust-building copy and consistent orange accents.

website landing page_V3.jpg

Landing page

Search Results

Goal: Make it easy for users to find relevant loan information quickly.
UX Decisions:

  • Minimalist list layout for scanability.

  • “Read More” links open detailed views without cluttering the page.

  • Pagination with clear numeric feedback.

  • Persistent orange CTA banner at the bottom maintains brand visibility.

Observation: Users appreciated having results + promotional context on one screen — improved content engagement.

SKL_SearchResults_UI.jpg

Reasons for Loans

Goal: Recommend loans based on user intent (e.g., wedding, travel, renovation).
UX impact:

  • Conversational copy (“Planning to get married? Great to hear that!”) personalizes tone.

  • Sliders for loan amount and tenure → generates a custom recommendation.

  • Step-by-step flow reduces anxiety, especially for new users.

  • Option to receive a personalized loan scheme via OTP adds a sense of exclusivity.

Key Learning: Contextual entry points (like Wedding Loan) outperform generic loan listings by 42%.

SKL_ReasonForLoans_UI.jpg

Our Products - Loans we offer

Goal: Present multiple loan options without overwhelming users.
UX Choices:

  • Cards are grouped by Personal vs. Property loans for clarity.

  • Each card shows: Loan type, One-line benefit, "Know more" and "Apply now" CTA's (dual-intent design)

  • Filter/sort system to quickly compare interest rates or tenure.

  • Reinforced brand authority via banner “India’s First NBFC that believes in Co-Creation.”

Improvement Made: Used consistent spacing and visual hierarchy — every card follows the same height and typography grid.

SKL_ProductsHome_UI.jpg

Product Listing

SKL_ProductListing_PL_UI.jpg

Product Detail - (Pre-Agreed EMI Holiday Loan) & EMI Calculator

Goal: Explain complex loan terms clearly and empower action.
UX Highlights:

  • Hero area includes product name, star ratings, active loans count, and CTA — human + data-driven introduction.

  • Tabs (Specifications | Calculators | SOC | FAQs | Documents | Reviews) simplify deep info scanning.

  • Calculator widget built for interactivity — EMI, interest rate, and tenure sliders update results dynamically.

  • Quick Apply form positioned alongside, ensuring minimal scroll for conversion.

Why It Works: It merges rational clarity (data, sliders, tables) with emotional assurance (testimonials, reviews).

SKL_PD_Calc1_UI.jpg

Schedule of Charges

Goal: Build transparency & trust.

  • Fees, interest, penalties displayed in a simple two-column layout.

  • Soft shadows and padding create breathable readability.

  • Reinforced brand tone — “You do not have to worry about any hidden fees or charges.”

Result: One of the most user-trusted sections in usability testing — perceived fairness increased by 60%.

SKL_PD_SOC_UI.jpg

About Us

Goal: Establish authority & trust through brand storytelling.
Highlights:

  • “Who We Are” tabs organize content logically: Our People | Partners | CSR | BNPP Group.

  • Visual anchors like Awards, Geographical presence, and Co-creation invite reinforce credibility.

  • Tone: corporate yet friendly, using warm color palette and round iconography.

SKL_About.jpg

Visual Design System

Visual design system.png

Test - Validating Design with Real Users
Once the prototype was complete, I tested it with 10 users — 5 returning participants and 5 new ones.
They performed real tasks like finding a loan, calculating EMI, and starting an application.

Usability Results

metric_edited.jpg

User Feedback
“Now it feels like the website understands meThey performed real tasks like finding a loan, calculating EMI, and starting an application.
“It looks trustworthy and easy — not like a typical bank site.”

Outcome
The new Sharekhan Loans design turned a complex financial site into an approachable, trustworthy experience.

  • Loan discovery time reduced by 56%

  • Form completion increased by 29%

  • User trust improved by 29%

  • Overall engagement and repeat visits rose significantly

Key Learnings

  • Trust is a design element. It can be built through clarity, tone, and transparency.

  • Simplicity drives confidence. Users apply faster when they understand every step.

  • Empathy over aesthetics. The goal wasn’t just beauty — it was emotional comfort.

  • Microcopy matters. A single friendly phrase can reduce anxiety.

“Good UX doesn’t just make people click — it makes them confident.”

Final Reflection

Designing for Sharekhan Loans taught me that even in finance — one of the most serious industries — empathy and clarity can completely transform the experience.

 

Users don’t come looking for a product; they come looking for reassurance.
And that’s what design should always deliver.

When a user says, “This site finally understands me,” — that’s when the design truly works.

Thank you

2026 Raajeev Bardhaan

bottom of page