Klarna

I re-designed the payment section of Klarna's Transaction Detail Page (TDP) to help users globally stay on top of their payments.

111

Number of scenarios to design for across payment statuses and payment methods

18

Number of potential payment statuses (e.g. Processing, Paid, Failed, etc.)

100%

Amount of markets that get the redesigned payment section

Global

The payment redesign was rolled out to all markets

Hand holding a phone showing Klarna payment details for a sequined top
Failed payment state with next-due callout and Pay now CTA
Autopay installment card with schedule, payment method, and actions
Payment status system table with element, status, reference, and use case
Klarna Transaction Detail Page on desktop
Klarna Transaction Detail Page on mobile
Transaction Detail Page anatomy — payment status and progress
Transaction Detail Page anatomy — order context and details
Transaction Detail Page anatomy — actions and payment controls

Loading Figma file