Case study: Paytm Payment Gateway

A checkout that knows you by your phone number

Lightning Checkout lets a shopper pay on a merchant’s website with a mobile number, a one-time code and a saved address. I led its design from the first screen to the failure states.

Product
Lightning Checkout, part of Paytm Payment Gateway
Platform
Mobile web. Opens when a shopper taps Place order on a merchant site
Scope
Screens and states, from sign-in to payment failure
Status
Designed and built. First merchant integration pending

In short

The problem

Shoppers retype the same name, address and payment details on every site. Baymard’s survey data shows 17% of shoppers who abandon a cart blame a long or complicated checkout.1

The solution

Identify the shopper by mobile number, verify with a one-time code, then reuse their saved addresses and preferred ways to pay.

My role

I owned the flow architecture, interaction design, visual design and the states for when things go wrong.

Design brief

Merchants who sell online need a checkout they can add to their storefront without building one. Lightning Checkout adds an accelerated flow on top of Paytm Payment Gateway. It recognises a returning shopper, brings their saved addresses and preferred payment methods, and keeps offers in view.

Objective
Design an end-to-end mobile checkout that is faster for returning shoppers, clear for first-time shoppers, and recoverable when something fails.
Users
  • Shoppers on a phone, both returning and first-time
  • Merchants who add the checkout to their website through their storefront platform
Constraints
  • Opens over a merchant’s page, so it must feel trustworthy under someone else’s brand
  • Indian payment mix: UPI, cards, net banking, EMI and cash on delivery
  • Must handle OTP failures, undeliverable PIN codes and UPI network downtime
  • Must work for first-time shoppers who have no saved data
Success measures
Checkout completion rate, payment success rate, time from Place order to payment, OTP success rate, and address-related delivery failures.

Problem statement

Online shoppers re-enter the same contact, address and payment details on every merchant site. That slows them down, invites address mistakes and gives them more places to quit. Merchants have no ready-made checkout that remembers a shopper they have never met.

How might we…

  • let a returning shopper pay without retyping what we already know?
  • keep a first-time shopper’s address entry short and hard to get wrong?
  • keep price, offers and trust in view so nobody is surprised at the last step?
  • make every failure end with a next step instead of a dead end?

What the research says

I combined published usability research with public benchmarks for accelerated checkouts. This is secondary research. Figures published by vendors are marked as vendor claims, and I note where a source does not give its sample.

Checkout in general

70.22%

Average cart abandonment rate across 50 studies from 2006 to 2025.

Baymard Institute1
11.3

Average form fields in a checkout. Baymard says most sites need only 8.

Baymard Institute, 20242
35.26%

Conversion gain the average large site could get from checkout design fixes.

Baymard Institute, based on tests of large US and EU sites1

India

60–65%

Share of e-commerce orders placed as cash on delivery.

ET Prime Research, 2024, as cited by Razorpay7
25–30%

COD orders returned to origin, against 2–3% for prepaid orders.

Razorpay. The article gives no source for this figure7
2,366 crore

UPI transactions in July 2026, the highest month in UPI’s first decade.

PTI via YourStory, Aug 20268

Why shoppers abandon, and where this flow responds

Shoppers could name more than one reason, so the bars add up to more than 100%. The “where this flow responds” tags are my own mapping.1

  • Extra costs were too high40%Partly: delivery cost shown early
  • Delivery was too slow20%Delivery date and options shown
  • Did not trust the site with card details19%Verified badge, secure footer
  • Site wanted them to create an account18%Mobile number and OTP only
  • Checkout was too long or complicated17%Saved address, short form
  • Site had errors or crashed17%Partly: 15 recovery states
  • Returns policy was not satisfactory13%Outside this flow
  • Could not see the total order cost up front12%Not covered yet
  • Credit card was declined10%Partly: one-tap retry sheet
  • Not enough payment methods9%UPI, cards, net banking, EMI, COD

What I took from it

  • Accounts cost sales

    18% of abandoners left because a site asked them to create an account. I identify shoppers by mobile number and OTP, with no password to invent or remember.

  • Fields cost sales

    The average checkout asks for 11.3 fields. A returning shopper in this flow types two inputs, a mobile number and a code. A first-time shopper fills seven address fields, inside Baymard’s 8-field benchmark.

  • Surprises cost sales

    Extra costs are the top reason to leave, at 40%. Delivery date and charge appear on the address step, and the order total stays on screen from start to finish.

  • Failures need an exit

    Card declines and site errors each cost sales. Every failure state names the problem and offers a way forward, usually another payment method.

  • India’s payment mix is its own

    UPI runs at national scale, and most orders are still cash on delivery. UPI apps get first-class treatment in the payment step. COD is an option with a visible fee, because returns on COD orders cost merchants far more than on prepaid ones.

Accelerated checkouts I looked at

Impact figures below are published by the vendors or the merchants themselves. They are claims, not independent studies, and none of them describes Lightning Checkout.

ProductHow it knows the shopperWhat it does for themReported impact
Shop Pay4Recognises a shopper with a Shop Pay account after one click, or without any action if they used it recentlyPre-fills their informationUp to 50% conversion lift over guest checkout and about 4x faster, per Shopify (2023)
Link by Stripe5Email address, then a one-time code by SMS on a new site or deviceFills saved payment details14% average conversion increase for returning users, per Stripe
Razorpay Magic Checkout6Not described in the case studyPuts all payment methods on one screen, validates addresses, can disable COD for high-risk ordersOne merchant reports order conversion up 75% and prepaid share rising from 30% to 70% (2023)
Lightning CheckoutMobile number, then a six-digit OTPBrings saved addresses and preferred payment methods, keeps offers in viewNot yet measured

Design checked against published usability findings

Baymard’s tests give specific, checkable findings. I used them as a review checklist.23

Published findingWhat this flow does
89% of sites split the name into several fields, and 42% of test participants typed a full name into the first-name field at least onceOne Name field
35% of sites that have a promo field show it by defaultThe promo field lives inside the offers sheet, not on the main path
84% of sites do not delay account creationThere is no account step. Identity comes from the OTP
28% of mobile sites have neither postal-code detection nor address lookupPIN code comes first, and city and state follow it
Auto-detected fields can be overlooked or wrong, and need a fallbackCity and state stay editable. I flag how visible the change is in the review

Who it is for

These three segments are hypotheses built from the research above. I would confirm them in interviews.

Returning shopper

Wants
To finish in seconds without retyping anything.
Worries about
Another OTP, and a wrong default address.
The flow gives them
Recognition by mobile number, a pre-selected address and a preferred payment method.

First-time shopper

Wants
To know the checkout is safe, and not to type much.
Worries about
Handing a phone number and card to an unfamiliar checkout.
The flow gives them
A verified merchant badge, a secure footer, and a seven-field address form with PIN code first.

Merchant

Wants
More completed orders and fewer failed deliveries.
Worries about
Shoppers quitting at checkout, COD returns, and their brand disappearing.
The flow gives them
Their name and logo at the top, priced delivery options, a COD fee and an offers sheet.

Information architecture

I organised the flow by what the shopper has to decide at each step. Secondary tasks such as the offers list, the address list and the add-address form open as bottom sheets, so the main path is never lost. Order context stays on screen throughout.

Shopper taps Place order on the merchant site

Identify

  • Mobile number+91 prefilled, consent text
  • OTPSix digits, autoread, resend, change number
  • Alternate verification

Deliver

  • Saved addressDefault card, edit, view all
  • Add addressPIN, city, state, name, house, area, email, save as
  • Serviceability check
  • Delivery optionsDate and price

Offers

  • Offer stripCount and View all
  • Promo code
  • CouponsApply or remove
  • Payment offersTied to a method

Pay

  • Preferred methodsSaved cards first
  • UPIApps, UPI ID or number
  • CardsWith card OTP
  • Net banking, EMI
  • Cash on delivery

Result

  • SuccessBack to the merchant
  • Payment failedRetry with another method
  • System troubleUPI network down, API error, merchant error

Always on screen: merchant name with Verified badge, order total and summary, offers strip, and a secure-payment footer.

Design principles

  • Know the shopper, don’t interrogate

    Ask for what we cannot know. Fill in the rest.

  • Keep the price in view

    The total, the offers and the delivery cost never hide.

  • One decision per screen

    Side tasks open in sheets and return to the same place.

  • Every error has a next step

    Say what happened, then offer the way out.

Journey map

The map follows a returning shopper through seven steps, and notes where a first-time shopper’s path differs. It is built from the flow and the research, and the feelings are hypotheses to test, not measurements.

Swipe sideways to see all seven steps.

Row Step 1Place order Step 2Identify Step 3Verify Step 4Deliver Step 5Offers Step 6Pay Step 7Result
GoalBuy what is in the cartGet through quicklyProve it is meGet it to the right place on timeNot miss a savingPay the way I trustKnow the order went through
What they doTap Place order on the merchant siteEnter a 10-digit mobile numberWait for and enter a six-digit OTPConfirm the saved address and pick a delivery option. First-timers add an addressCheck offers and apply a couponChoose a preferred card or UPI app and tap Pay SecurelySee success, or retry after a failure
ScreensEntryNumber entryOTP, OTP errorAddress, address list, add address, suggestionsOffers sheetPayment, UPIPayment failed
How they feel Hypothesised emotion curve Feeling stays positive across the journey with a dip while waiting for the OTP and a small dip before paying. After a payment failure it falls sharply, and the retry sheet is designed to bring it back. Positive Frustrated

Solid green line: the order goes throughDashed red line: the payment fails

RisksAn unfamiliar checkout under an unfamiliar brandA mistyped number, and not knowing why it is neededThe code is late, wrong or expiredA wrong default address, an undeliverable PIN, a surprise delivery chargeLeaving to hunt for codes elsewhereAn unclear total, an unfamiliar method, a bank step-upA failure that feels like a dead end
Design responseMerchant name, Verified badge, order total, “5000+ orders last month”+91 prefilled, numeric keypad, consent text beside the buttonAutoread, 30-second resend, Change number, specific errors, alternate verificationDelivery promise, priced options, seven-field form with PIN firstOffer strip, one sheet, applied offers stay visiblePreferred methods first, cashback chips, sticky Pay button with the amountPlain-language reason and one-tap retry with another method
How I would measure itEntry to number-submit rateSubmit rate, invalid-number rateOTP success rate, resend rateTime on step, address edit rate, unserviceable-PIN rateOffer view rate, coupon application ratePayment success rate, method mixRetry-to-success rate, abandonment after failure

Returning against first-time: what the shopper types

2

Typed inputs for a returning shopper: a mobile number and an OTP. Autoread can remove the second.

9

Typed inputs for a first-time shopper: number, OTP and seven address fields.

11.3

Average form fields in a checkout.2 That count covers the whole checkout, so treat this as a rough yardstick.

The design

The flow in twelve screens

A selection of key screens from the flow. Scroll sideways.

EntryMerchant, order total and offers sit above one field: your mobile number.
Number entryThe numeric keypad opens. An applied cashback stays visible while the shopper types.
OTPSix boxes, the number shown with a Change link, and a 30-second resend timer.
OTP errorThe message sits beside Resend OTP, which is the fix.
Address and deliveryA saved address with a delivery promise, and priced delivery options.
Address listSwitch address in a sheet. An address that cannot be delivered to is tagged.
Add addressSeven fields, saved as Home, Office or Other.
SuggestionsTyping a house number suggests saved addresses.
OffersPromo code, coupons and payment offers in one sheet.
PaymentPreferred methods first, others in groups, and a sticky Pay Securely button with the amount.
UPIPay with any UPI app. Cashback shows where the choice is made.
Payment failedThe reason in plain words, and one-tap retry with another method.

Six decisions

1. Identify with a mobile number, not an account

Why. Forced account creation made 18% of abandoners leave.1 A mobile number and OTP is a check Indian shoppers already know from banking and delivery apps. One field and one button leaves little to get wrong.

Trade-off. A shopper meets an OTP on each new site or device. Review finding 1 looks at skipping it.

2. Make the OTP step forgiving

Why. The OTP is the one step the shopper cannot do alone. The number is shown with a Change link, the resend timer is visible, and the error appears next to Resend OTP. I also designed states for an expired code, too many attempts and alternate verification.

Trade-off. Six separate boxes look clear but need careful autoread and paste handling in build.

3. Show what an address choice will cost and when it arrives

Why. Extra costs (40%) and slow delivery (20%) are two of the top reasons to leave.1 The saved address carries a delivery promise, and the four delivery options show date and price before payment. An address that cannot be served is tagged in the list.

Trade-off. Delivery options add a decision to the address step. I pre-select the option that matches the promise.

4. Keep the new-address form short, and help fill it

Why. The average checkout has 11.3 fields and most sites need 8.2 This form has seven, with PIN code first so city and state can follow it.3 Typing a house number suggests saved addresses, and Save as lets a shopper label the result.

Trade-off. Auto-filled city and state can go unnoticed or be wrong, so they stay editable.

5. Keep offers in view, but off the main path

Why. Shoppers who hunt for a code often leave to find one. An offer strip shows the count, one sheet holds everything, and an applied offer stays visible on every step. The promo field sits inside the sheet, which matches Baymard’s advice to hide it.2

Trade-off. Coupons and payment offers share a sheet but behave differently.

6. Put preferred ways to pay first, and plan for failure

Why. Saved cards sit at the top with their cashback, UPI apps are one tap away, and the Pay button states the amount. When a payment fails, the sheet gives the reason in plain words and offers other methods. Card declines (10%) and thin method choice (9%) both cost sales.1

Trade-off. Offering cash on delivery as a retry saves the order but raises delivery risk. See review finding 2.

Designing for the unhappy path

More than a quarter of the screens are error, recovery or edge states. Each one says what happened and what to do next.

Identity

  • Incorrect number
  • Incorrect OTP
  • OTP expired
  • Attempts exceeded
  • Alternate verification
  • OTP sent again

Address and delivery

  • Wrong PIN code
  • Mandatory field missing
  • Checking service availability
  • Address not serviceable
  • Delivery unavailable
  • No address found

Payment

  • Incorrect card number
  • Card OTP
  • Payment failed, retry sheet
  • UPI network down, collapsed
  • UPI network down, expanded

System

  • API or technical failure
  • Merchant error
  • Generic error
  • Back button pressed mid-flow

What I would improve

  1. Medium

    1. An OTP on every new site or device

    Returning shoppers still verify each time. Offer “remember this device” with consent, so a recognised shopper can skip the code. Shopify says Shop Pay recognises many returning shoppers without any action, though that is its own claim.4

  2. Watch

    2. Cash on delivery as a retry option

    It rescues orders when UPI fails, but Razorpay reports 25–30% of COD orders are returned against 2–3% for prepaid, though it gives no source.7 Make COD and its fee a merchant setting, and track returns by the way the order was recovered.

Measuring it

What to track

MetricWhat it tells us
Checkout completion rateWhether more shoppers who tap Place order finish paying
Payment success rateWhether payments go through once attempted
Time to payHow fast the flow is for each segment
OTP success and resend ratesWhether the verification step is a hurdle
Address-related delivery failuresWhether address help reduces bad deliveries
Retry-to-success rateWhether the failure sheet recovers orders

Usability tests

Moderated sessions with five to eight participants per segment, on real phones. Tasks:

  • Pay as a returning shopper with a saved address and a saved card.
  • Pay as a first-time shopper, adding a new address.
  • Recover from a wrong OTP.
  • Recover from a failed payment.
  • Find and apply an offer.

I would record whether each task is finished without help, time on task, and where people hesitate or misread a screen.

Sources

Pages read in October 2026. Vendor and merchant figures are claims, not independent studies.

  1. 1Baymard Institute: Cart abandonment rate statisticsPage updated 22 Sep 2025. The page does not state the sample size of the abandonment-reasons survey.
  2. 2Baymard Institute: Average checkout length and form fieldsPublished 26 Jun 2024.
  3. 3Baymard Institute: Autodetect city and state from the postal codePublished 11 Apr 2023. Findings are qualitative.
  4. 4Shopify: Shopify’s checkout is the best in the worldPublished 18 May 2023. Vendor claims. The study behind them is not named.
  5. 5Stripe: LinkVendor claims.
  6. 6Razorpay: Magic Checkout case study, Kalakaar IndiaPublished 14 Jun 2023. Merchant-reported, with no baseline or period given.
  7. 7Razorpay: Cash on delivery in IndiaUpdated 10 Jun 2026. The COD share is attributed to ET Prime Research. The RTO figures are not sourced.
  8. 8YourStory, from PTI: UPI completes 10 years24 Aug 2026, citing a finance ministry statement.