Back to home

Making Auto-debit simple for every borrower

Setu brought eNACH to its suite for NBFCs. I designed the flow borrowers use to set up auto-debit, built around the problems they actually face.

tl;dr

What
Setu's white-label eNACH flow. Borrowers of lenders like Ujjivan, IIFL and DMI Finance use it to set up auto-debit for EMIs, SIPs and insurance premiums.
Why
Existing eNACH flows were hard to use: bank jargon like “mandate”, unbranded pages, confusing account verification, and redirects with no warning.
My role
Designer on the project, end to end. Research, flows, UI, reviews and the developer handoff.
Result
A mobile and desktop flow that speaks plainly, shows the money first, and works for any lender without a redesign.

before we start, a quick question

Do you know what eNACH is?

Context

Setu, part of Pine Labs, wanted to bring eNACH into its suite for NBFCs, so lenders could collect repayments through auto-debit. My brief was to design the most efficient, scalable, and easy experience for the person at the other end: the borrower.

It's one of the most used flows in Indian finance. NACH, the system underneath eNACH, processed .

Set up auto-debit once, understand exactly what you agreed to, and never think about a payment date again. That's the convenience the flow exists for. Existing flows made it hard, so before designing anything, I looked at every problem people run into along the way.

Designing for Ramesh

I started with interviews, and wrote five from them: an EMI borrower, a first-time investor, an insurance buyer, a shop owner and a freelancer. One line from each set the tone for everything after.

  • Ramesh · EMI borrower

    Just show me clearly what I'm agreeing to, and make sure I can go back if anything goes wrong.

  • Neha · first-time investor

    If I'm using a well-designed finance app, I expect this part to be just as good.

  • Sundari · insurance buyer

    My son usually helps me. But if it's in Tamil and explains clearly, I can do it myself.

  • Aman · shop owner

    Give me control. Let me verify my account, see the details clearly, and finish fast.

  • Ritika · freelancer

    Don't make me read a wall of text. Just show me what I'm agreeing to in human language.

I designed for Ramesh first. He's 34, a delivery partner in Nagpur, on a low-end Android phone. He pays with UPI and lives on WhatsApp, but he'd rather read Hindi, and bank words like “mandate” lose him. He worries about fraud, and about the wrong account getting debited.

He's also where lending is heading. Tier 3 cities already account for , the largest share of any tier.

If the flow works for Ramesh, it works for Neha in Mumbai too. It doesn't work the other way round.

The problems people run into

Then I walked Ramesh through the whole thing on a , from the SMS to the final redirect: what he does, what he wants, and how he feels at every step. Alongside it, I went through the eNACH flows from Digio, Cashfree, BillDesk and NPCI.

Ramesh's journey map: nine steps from receiving the link to the post-authentication redirect, each with actions, goals, feelings, pain points and opportunities on sticky notes
Ramesh's journey, from the SMS to the redirect. The pink and orange columns are where it hurts.

Four problems kept coming up:

  1. 1

    The link. A random SMS asking for bank access looks like fraud, even more so when the page doesn't look like his lender.

  2. 2

    The words. eNACH, mandate, NACH registration. He's asked to agree to something nobody has explained.

  3. 3

    Proving the account is his. He's told to verify, with no idea what that involves, or why ₹1 is about to leave his account.

  4. 4

    The handover. Jumping to a UPI app or getting redirected to NPCI, with no warning that it's about to happen.

And getting it wrong costs the borrower. When an auto-debit bounces, the bank charges a fee (), and lenders , so a missed EMI reaches a credit report within weeks.

The competitors didn't help much. Fixed layouts that barely showed the lender's brand, copy written for compliance, and browser redirects everywhere.

That gave me the : setting up auto-debit should be a quick, one-time task, but people are asked to give bank access through a link they don't trust, in words they don't understand.

Calling it what it does

The words came first, because every other screen leans on them.

We tested six names with a small sample group. Half of them had no idea what eNACH meant. That matches the wider picture: in a survey of 1,647 loan app users, . The friendlier options had problems of their own:

NameWhat people heard
eNACHNothing at all, for half the group.
MandateA legal notice. Formal and hard to follow.
SubscriptionNetflix. It sounded like media.
Auto-payA credit card feature.
Recurring paymentThe right idea, in too many words.
Auto-debitMoney leaving my account on its own. Exactly what happens.

Auto-debit won because it describes what will actually happen to your money. It fits loans, SIPs and insurance alike, and it made sense to everyone we asked.

beforeRegister a NACH mandate for recurring debits.

afterSet up auto-debit to pay your monthly loan EMIs automatically.

So every screen, button and error message says auto-debit. The banking terms stay in the lender's integration docs, where the people reading them already know what they mean.

Money first

Before anyone verifies anything, they want three answers: how much, how often, and until when.

Early versions answered in the bank's order. A “mandate amount” label, then validity, purpose and frequency as separate rows to piece together. The final card says it the way a person would: ₹4,321 every month on 2nd, with the start and end dates right below.

Four versions of the auto-debit summary card, from a label-heavy mandate summary to a final card reading ₹4,321 every month on 2nd
Four tries at the summary, left to right. The last one reads like a sentence.

Every schedule a lender can set gets its own sentence: every week, every 15 days, every month after the 5th. When the amount can change from month to month, the card leads with the maximum instead, so nobody is surprised by a bigger debit.

Leaving the other door open

There are two ways to prove an account is yours. With UPI, you pay ₹1 from your UPI app and get it back. Or you type your account number and IFSC, and ₹1 lands in your account.

UPI takes a few seconds. The manual route means finding your IFSC, typing a long account number, and waiting for the ₹1 to arrive, which is exactly where people get stuck and give up. So one early idea was to show only UPI, with the manual route behind a small “Try another method” link.

The first design, with only Verify with UPI shown and manual verification hidden behind a small Try another method link
An early idea. Manual verification sits behind a small link.

Where I stand on this: I hate . Tricking people into something for the company's benefit has no place in a flow about their money, and I'm on the user's side every time.

Guiding someone toward the easier path is a different thing, when the easier path is genuinely better for them. And UPI is. It already carries , so most borrowers know it by heart. When Kissht moved its borrowers to UPI verification on Setu, . At scale, that nudge means thousands of people finish in seconds, with less typing and far less panic about getting a digit wrong.

So the line I drew was simple. Recommend the easier path, and keep the other one in plain sight. Someone without UPI, or on a shared phone, should never have to hunt for their way through. India's own dark pattern guidelines have a name for hiding a relevant option like that: .

Both options sit side by side. UPI is marked Recommended and selected by default, because for most people it really is quicker and calmer. The manual route is one tap away.

The final design: Verify with UPI marked Recommended, and Verify with bank account details right below it
The final design. Both options visible, UPI recommended.

Meeting people on the device in their hand

Paying ₹1 by UPI means leaving the page, which is exactly where people get lost. So this step changes with the device.

On a phone, you pick your UPI app from a row of familiar icons, and it opens straight to the payment. If no UPI app is found, the sheet says so and points to the manual route.

Mobile UPI verification: PhonePe, Google Pay, Paytm and other app buttons, a loading sheet saying Opening supported UPI apps, and the system app picker
On a phone: tap your app, pay ₹1, come back.

On a laptop, there's no app to open, so a QR code appears instead. Scan it with the phone already in your pocket, and the page picks up from there.

Desktop UPI verification: auto-debit details on the left, a QR code to scan with any UPI app on the right
On a laptop: scan the QR with any UPI app.

The whole flow, the way Ramesh walks it

Here's the prototype, start to finish.

0:000:00
The whole flow in one run. Tap it to play or pause, or drag to any moment.

And the screens behind it, step by step:

1

Open the link and enter the OTP. If it's wrong, the error says so plainly, and a new OTP is one tap away.

OTP screens: empty with a resend timer, filled in, an invalid OTP error, and a new OTP sent confirmation
2

See the money first, then verify with UPI. The details collapse once you've read them, so the next step gets the screen.

Auto-debit details with the verification choice, UPI expanded with the consent checkbox, then the UPI app picker
3

Or verify by hand. Two fields, IFSC and account number, then a clear wait while the ₹1 lands.

Manual verification: choosing bank account details, empty and filled IFSC and account number fields, and a waiting for confirmation state
4

Confirm the account, choose Aadhaar, debit card or net banking, and authorise. Success says what happens next. Registrations often fail for reasons the borrower can't see, like a debit card that isn't linked to the account, so failure offers a retry and a person to talk to.

Bank account verified with an option to change it, authentication method choice with the authorisation checkbox, a success screen, and a failure screen with Try again and Contact support

One flow for every lender

Setu's clients don't all start in the same place. Studying them, I noticed every eNACH journey shares the same spine: review the details, verify the account, authenticate. What changes is how much the lender already knows about the borrower.

  • account unknown

    The borrower verifies their account by UPI or by hand, and can change it after.

  • already verified

    The lender has verified it already, say an investing app with KYC done. It shows read-only, and the borrower goes straight to authentication.

  • verified, changeable

    The lender passes an account, but it may not be the one the borrower wants debited. They see it, and can switch.

One design covers all three with a few switches, so a new client never means a new flow.

On top of it goes the lender's brand: name, logo and three colours, set once. The borrower who got an SMS from Ujjivan lands on a page that looks like Ujjivan. That recognition is the first answer to “is this a scam?”

The same flow branded for Ujjivan Small Finance Bank, beside the branding settings: brand name, logo style, and primary, secondary and background coloursThe same flow branded for IIFL Finance, beside the branding settings: brand name, logo style, and primary, secondary and background coloursThe same flow branded for DMI Finance, beside the branding settings: brand name, logo style, and primary, secondary and background colours

One flow, three lenders. Scroll sideways.

Built for real bank names

Before handoff, I ran an hour-long review with the whole design team, then separate sessions with Akshay and the developers. Everyone clicked through the prototype alone first, so the feedback was their own.

The PM review caught something the mockups hid: real data breaks layouts. Account numbers run long. Some bank names do too, like Baroda Rajasthan Kshetriya Grameen Bank. Someone banking with a regional rural bank should see its full name, same as anyone at ICICI.

So the handoff covers every case: long names wrapping cleanly, a fallback icon when a bank's logo won't load, savings and current accounts, and each debit schedule written out as its own sentence.

Developer handoff for the bank account card: savings and current accounts, a missing logo fallback, long bank names, and long account numbers with minimum column widthsDeveloper handoff for the auto-debit card: optional and mandatory fields, and the card written out for weekly, 15-day, monthly and variable schedules

Two pages of the handoff: bank account edge cases, and every debit schedule.

How we'd know it works

My part ended at developer handoff, so there are no launch numbers in this story. Before handing over, we agreed on what should judge the design, and the bar for each:

MeasureWhy it mattersThe bar
Link opened to auto-debit registeredDoes the flow earn a yes?85%+
Drop-off at OTP, verification, authenticationWhere people lose confidence<8%, <10%, <8%
Time from link to doneIs it quick on a small phone?<3 min
Success after a failed attemptDo retries and the manual route rescue people?50%+

What I learned

  1. 1

    The biggest design decision was a word. I spent longer on “auto-debit” than on any single screen. Before someone can trust a flow, they have to understand what it's asking of them. Jargon quietly tells people the page wasn't made for them.

  2. 2

    Name the cost of the honest choice, then take it. The unticked box costs a tap. The visible manual option costs some UPI conversions. Writing those costs down made the conversation with product and legal easy, because we were weighing real trade-offs instead of opinions.

  3. 3

    Design for the edges first. The rural bank with the long name, the person without UPI, the borrower on a laptop. They're the most likely to give up, and designing for them made the flow calmer for everyone else.

Sources

Credits

Designed by me, and never a solo effort.

  • AJ

    Akshay Joshi

    Product Owner

    Owned the product and the PRD, and pressure-tested every flow in review.

  • M

    Madhuri

    Senior Product Designer

    Critique in the design review that sharpened the flow.

  • KJ

    Kavya Jha

    Head of Design

    Guidance throughout, from the first flows to the handoff.