← All Projects
B2C Mobile6 min read

Reducing payment hesitation at SonyLIV's most critical screen

When a user decides to subscribe, the checkout screen should get out of the way. SonyLIV's didn't. I redesigned it to remove the friction that was turning intent into drop-off.

+28%
UPI adoption
-14%
Failed payments
-21%
Time to complete

Team Composition

Design1 Designer (me, end-to-end)
Product1 PM, 1 PO
Engineering3 Engineers
PlatformMobile
PaymentsCheckoutConversion Optimization

TL;DR

Problem

Users who had already decided to subscribe were pausing at checkout and not completing. Too many payment options with equal visual weight, unclear offer states, and dead-end failure screens were creating hesitation at the worst possible moment.

What I did

Simplified decision-making by giving UPI a clear default position, made offers verifiable on screen, and designed payment failure as a recoverable state rather than a dead end.

Impact

Post-launch analytics showed a 28% increase in UPI adoption, 14% fewer failed payments, and 21% faster checkout completion.

Reducing payment hesitation at SonyLIV's most critical screen
Key Insight

Lead with UPI, without forcing it

The single highest-leverage move in this redesign: surface UPI as the smoothest, most visually prominent path while keeping every other method available. Confidence beats choice at the payment moment, so the entire redesign builds outward from this one decision.

Lead with UPI, without forcing it
SonyLIV subscription ecosystem diagram

Opportunity

If users arrive at checkout having already decided to subscribe, the screen's job is not to make them reconsider every payment option. It is to confirm the easiest path and get out of the way. The opportunity was to convert a five-way evaluation into a clear default with alternatives still accessible. That reframe mattered because it was a hierarchy problem, not an infrastructure problem: fixable within the two-month window, without touching the backend, and ownable end-to-end by design.

Concepts We Rejected

A tabbed layout separating payment methods: I considered grouping UPI, cards, and wallets into separate tabs to reduce visible options. The problem was that it buried methods users might want to switch to mid-flow, and added a navigation layer on a screen where speed matters most.

A recommendation engine choosing the method automatically: surfacing only the user's most-used method and hiding the rest felt like an overreach on a payment screen. Users need the reassurance that alternatives exist, even if they don't use them.

A full visual redesign with new components: benchmarking showed the existing layout structure was not the problem. A redesign would have taken the two-month window and delivered something that looked different without addressing the actual friction. The winning approach was hierarchy change, not visual change.

Challenge

Business context

SonyLIV had 350M+ users and a growing catalogue. Subscription revenue was the business model. The checkout screen sat at the end of the entire funnel: every marketing campaign, every content investment, every recommendation led here.

The business goal was straightforward: more people completing subscriptions, fewer falling out at payment. The design challenge was more specific: a screen that supported India's fragmented payment landscape without that fragmentation costing conversions.

Business context

Constraints

India's payment ecosystem is genuinely complex. UPI, cards, net banking, wallets, and operator billing all have meaningful user bases. Removing any of them was not an option.

The existing payment backend and gateway integrations were fixed scope. Any changes had to work with the current ranking and routing logic, not replace it.

The fix had to ship within a two-month window, which ruled out anything requiring backend restructuring. That constraint was actually clarifying: it confirmed this was a hierarchy and hierarchy problem, not an infrastructure problem.

Low-end Android devices accounted for a significant share of SonyLIV's user base. Any redesign had to perform consistently across device tiers, not just on flagships.

Research

I started with a heuristic evaluation of the existing checkout flow, mapping every point where a user might pause, doubt, or abandon. That gave me a rough diagnosis before talking to anyone.

I then benchmarked against Prime Video, Hotstar, PhonePe, and Paytm to understand how the market had already solved payment hierarchy and failure states for Indian users. The pattern was consistent across the better performers: one method led, others followed.

I also reviewed Play Store reviews and internal customer support patterns to find recurring complaints. The themes that kept surfacing were not about missing features. They were about confusion: which method to pick, whether a discount had actually applied, and what to do after a payment failed.

The picture that emerged was not that checkout was broken. It was that it treated a decision that most users had already made as if they still needed to evaluate everything from scratch.

What research changed

I went in expecting the problem to be about payment method support or technical failures. The research redirected that completely.

Users were not failing because the payment options were wrong or the backend was unreliable. They were stalling because the screen gave them no signal about what to do next. Every option looked equally valid, which made choosing feel like a decision that could go wrong.

That shifted the design brief from adding capability to removing uncertainty. The question was not what else to support but what to lead with.

User Journey: Before vs After

1

Payment method selection

Before

All payment methods shown with equal visual weight, no guidance on which to pick.

After

UPI surfaced first and recommended; long-tail options available but not competing for attention.

2

Offers

Before

Unclear whether an offer applied, or what it actually changed about the price.

After

Clear "applied" state, eligibility explained in plain language, total cost always visible.

3

Payment failure

Before

A failed payment was a dead end with no clear next step, so users abandoned.

After

Calm failure messaging, a clear retry path, and a fallback to another method without restarting.

Design Principles

1

Lead with a default, not a menu: surface the highest-success path first. Never remove alternatives, but never make them compete for equal attention.

2

Hierarchy carries the cognitive load so the user doesn't have to: when every option looks the same, the user has to evaluate all of them.

3

Every claim must be verifiable on screen: a discount the user cannot confirm is not a benefit, it is a reason to pause.

4

Failure is not an edge case: at scale, payment failures are guaranteed. Design the recovery path with the same care as the happy path.

5

Solve with order and emphasis before adding new UI: the problem was not that the screen was missing something. It was that everything on it had equal weight.

Design principle trade-offs

Strategy

Phase 1: Simplify Decision-Making

Decision 1: Lead with UPI, without forcing it

Shipped

Why: The research kept pointing to the same answer: UPI was already the payment method most users reached for instinctively, fast, familiar, no card details to dig up. The story I wanted the screen to tell was "this is the easy way," not "this is the only way," so I made UPI the obvious first move without ever closing the door to anything else.

Lead with UPI, without forcing it
  • UPI surfaced more clearly in the hierarchy
  • Shortened the path from selection → payment initiation
  • Reduced competing noise around it

Result: UPI adoption increased by 28%. We prioritised UPI visually and structurally to reduce decision time.

Trade-off: Risk of reading as the platform pushing one method, potentially alienating users who default to cards or wallets.

Business reasoning: Faster, higher-success payments reduce both checkout drop-off and downstream payment-processing failure cost.

Decision 2: Reduce choice overload with clearer hierarchy

Shipped

Why: Even with UPI in the lead position, the rest of the screen was still asking users to evaluate five payment families at once before they could act. That's the moment confidence actually drains out of a checkout flow, not card numbers or OTPs, but standing in front of too many equal-looking doors.

  • Grouped payment methods logically
  • "Recommended / most used" sits first
  • Long-tail options remain available but not dominant

Result: Checkout time reduced by 21%. Hierarchy reduces thinking, so users move forward with confidence.

Trade-off: Less-common methods (netbanking, PayPal) become one extra tap further away from the default view.

Business reasoning: Confidence, not information density, was the bottleneck, so removing decisions had more leverage than adding clarity to existing ones.

Phase 2: Build Trust at the Payment Moment

Decision 3: Make offers feel effortless, not risky

Shipped

Why: Offers were supposed to build trust, but they were doing the opposite. A user could see a discount mentioned somewhere on screen with no way to confirm it had actually been applied to their total. An offer you can't verify isn't a perk, it's a reason to hesitate right before paying.

Make offers feel effortless, not risky
  • Clear "applied" state
  • Eligibility explained in plain language
  • Total cost always visible and consistent

Result: Higher confidence and fewer drop-offs during offer selection: offer clarity builds trust, so users don't feel surprised at the last step.

Trade-off: More on-screen state to design and QA for every offer/eligibility permutation.

Business reasoning: An unverifiable discount is a reputational risk, not just a UX gap: it reads as deceptive even when the underlying logic is correct.

Phase 3: Design for Recovery

Decision 4: Design for failure recovery, because payments fail

Shipped

Why: Payments fail. That's not a hypothetical, it's a guarantee at scale. The real test of a checkout flow isn't how it behaves when everything works, it's what happens in the half-second after a payment bounces, when a user is deciding whether to retry or just walk away.

  • Calm failure messaging
  • Clear retry path
  • Smart fallbacks: choose another method without restarting everything

Result: Failed payments reduced by 14%. Recovery is part of the product, designed to feel safe and guided.

Trade-off: More design and engineering surface area spent on a state that's easy to deprioritize because it isn't the happy path.

Business reasoning: Recovery design is retention design: a user who fails once and finds no clear next step doesn't just abandon this transaction, they reconsider the subscription itself.

See it in action

The final flow, walked through

Business Impact

Business impact

  • +28% UPI adoption shifted volume toward a faster, lower-friction payment rail.
  • -14% failed payments recovered transactions that would otherwise have been lost revenue.

User impact

  • -21% time to complete checkout reduced cognitive load at the highest-stakes screen in the product.

Operational impact (expected outcome)

  • Fewer failed-payment support escalations, as a direct consequence of clearer retry and fallback paths.

Long-term product impact

  • The default-plus-hierarchy pattern is reusable anywhere SonyLIV adds a new payment method or offer type, without re-litigating the layout each time.
Business impact dashboard

Results

How thinking changed during the project

My initial assumption was that the checkout drop-off was a trust problem: users were not confident enough in SonyLIV's payment security, so they were abandoning. I expected the solution to involve clearer security signals, trust badges, and better error messaging around card details.

The heuristic evaluation and competitor benchmarking contradicted that. Users were not dropping off because they distrusted the platform. They were dropping off because the screen gave them no signal about what to do. Security was not the bottleneck. Decision-making was.

That meant the highest-leverage fix was not adding more reassurance but removing the requirement to evaluate everything. Leading with UPI was the clearest expression of that reframe: it made the decision for most users without taking the decision away from anyone.

How thinking changed during the project

How this scales beyond checkout

The default-plus-hierarchy pattern that came out of this project is not specific to payment methods. It applies anywhere SonyLIV adds a new offer type, a new subscription tier, or a new payment rail.

Rather than re-litigating the layout each time something is added, the principle holds: one path leads, others remain accessible. That made the pattern reusable across Android, iOS, and tablet surfaces without redesigning from scratch each time.

Reflection

The most useful thing I learned from this project was about where to look for friction. I went in assuming the problem was visible: a broken step, a confusing label, a missing feature. The research showed the problem was structural: a screen that treated a near-certain decision as an open question.

The fix with the single highest measured impact, leading with UPI, was also the simplest to ship. That is a pattern worth carrying forward: when the bottleneck is decision architecture rather than missing capability, the solution is often subtraction, not addition.

If I were doing this again, I would involve engineering earlier in the constraints conversation. Understanding the backend limitations from day one would have let me scope alternatives more accurately at the start, rather than discovering some were off the table partway through exploration.

JARVIS