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.
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
Addressed directlyPartly addressedOutside this flow
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.
Puts all payment methods on one screen, validates addresses, can disable COD for high-risk orders
One merchant reports order conversion up 75% and prepaid share rising from 30% to 70% (2023)
Lightning Checkout
Mobile number, then a six-digit OTP
Brings saved addresses and preferred payment methods, keeps offers in view
Not yet measured
Design checked against published usability findings
Baymard’s tests give specific, checkable findings. I used them as a review checklist.23
Published finding
What 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 once
One Name field
35% of sites that have a promo field show it by default
The promo field lives inside the offers sheet, not on the main path
84% of sites do not delay account creation
There is no account step. Identity comes from the OTP
28% of mobile sites have neither postal-code detection nor address lookup
PIN code comes first, and city and state follow it
Auto-detected fields can be overlooked or wrong, and need a fallback
City 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
Goal
Buy what is in the cart
Get through quickly
Prove it is me
Get it to the right place on time
Not miss a saving
Pay the way I trust
Know the order went through
What they do
Tap Place order on the merchant site
Enter a 10-digit mobile number
Wait for and enter a six-digit OTP
Confirm the saved address and pick a delivery option. First-timers add an address
Check offers and apply a coupon
Choose a preferred card or UPI app and tap Pay Securely
See success, or retry after a failure
Screens
Entry
Number entry
OTP, OTP error
Address, address list, add address, suggestions
Offers sheet
Payment, UPI
Payment failed
How they feel
Solid green line: the order goes throughDashed red line: the payment fails
Risks
An unfamiliar checkout under an unfamiliar brand
A mistyped number, and not knowing why it is needed
The code is late, wrong or expired
A wrong default address, an undeliverable PIN, a surprise delivery charge
Leaving to hunt for codes elsewhere
An unclear total, an unfamiliar method, a bank step-up
A failure that feels like a dead end
Design response
Merchant name, Verified badge, order total, “5000+ orders last month”
+91 prefilled, numeric keypad, consent text beside the button
Autoread, 30-second resend, Change number, specific errors, alternate verification
Delivery promise, priced options, seven-field form with PIN first
Offer strip, one sheet, applied offers stay visible
Preferred methods first, cashback chips, sticky Pay button with the amount
Plain-language reason and one-tap retry with another method
How I would measure it
Entry to number-submit rate
Submit rate, invalid-number rate
OTP success rate, resend rate
Time on step, address edit rate, unserviceable-PIN rate
Offer view rate, coupon application rate
Payment success rate, method mix
Retry-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
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
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
Metric
What it tells us
Checkout completion rate
Whether more shoppers who tap Place order finish paying
Payment success rate
Whether payments go through once attempted
Time to pay
How fast the flow is for each segment
OTP success and resend rates
Whether the verification step is a hurdle
Address-related delivery failures
Whether address help reduces bad deliveries
Retry-to-success rate
Whether 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.