Empowering Luxury Payments: Klarna and ShopPay Integration for Michael Kors’ Global E-Commerce Experience
Problem Statement
How might we integrate partner-led payment and checkout solutions like Klarna (BNPL) and ShopPay (express checkout) into Michael Kors’ luxury e-commerce ecosystem, maintaining brand elegance and user trust while improving checkout speed and conversion?
Solution
I drove the UX efforts of Klarna BNPL and ShopPay Express integrations across checkout touchpoints, and reimagined the Product Listing Page (PLP) to align with Baymard and Gartner Genius-level standards. The result: an elegant, data-backed, and conversion-focused evolution of Michael Kors’ e-commerce experience.
Client
Industry
Luxury E-Commerce
Duration
4Months
Team
20+ Stakeholders: Product Managers,
Business Managers, Data Analysts, Developers, UX Manager
Project 1: Integration of Klarna for BNPL (Buy Now, Pay Later)
As part of Michael Kors’ e-commerce optimization efforts, I led the UX design and integration of Klarna’s Buy Now, Pay Later experience across PDP, Cart, and Checkout. The goal was to offer flexible payment options while preserving the brand’s luxury feel and ensuring a smooth, high-performing checkout flow.
The work involved close collaboration with product, engineering, and Klarna’s partnership teams to align design systems, manage complex edge cases, and deliver a scalable solution that improved user trust and conversion.
Stats on Day 1 of feature deployment
K
Sales volumes
+
Orders placed using Klarna
avg
Increase in order value
How might we integrate Klarna’s flexible payment options into Michael Kors’ e-commerce flow to increase checkout conversions and reduce cart abandonment, while preserving the brand’s premium look and feel?
SOLUTION OVERVIEW
To enhance the checkout experience and align with Michael Kors’ premium brand tone, I designed the integration of Klarna’s Buy Now, Pay Later (BNPL) touchpoints across Product Detail Pages (PDPs), Cart, and Checkout.
Working closely with product, engineering, and the Klarna partnership team, I designed a flexible messaging framework that maintained brand cohesion while increasing visibility of Klarna’s payment options. The solution enabled customers to explore installment plans without leaving the MK ecosystem, creating a more confident, conversion-driven checkout flow.
GOALS
1) Increase Checkout Conversion Rate (CVR): Encourage users to complete purchases through visible, reassuring BNPL messaging.
2) Reduce Cart Abandonment: Allow users to make purchase decisions confidently with payment flexibility.
3) Ensure Brand Consistency: Maintain Michael Kors’ premium aesthetic and UX tone across all Klarna touchpoints.
4) Enhance Transparency & Trust: Use concise microcopy and compliant messaging to clarify payment terms without overwhelming users.
COMPETITIVE ANALYSIS
Proposed design solutions
PDP (Product Description Page)
Cart (Shopping bag) Page
Checkout/Payments Page
Project 2: ShopPay Express Checkout
I led the UX design and integration of ShopPay’s express checkout into Michael Kors’ e-commerce ecosystem. The goal was to create a fast, secure, and brand-aligned checkout flow that reduces friction, improves conversion, and accommodates returning customers with saved payment and shipping information.
How might we integrate ShopPay’s express checkout into Michael Kors’ e-commerce experience to provide a seamless, quick, and trustworthy payment flow without disrupting the brand’s luxury aesthetic?
SOLUTION OVERVIEW
I designed a frictionless ShopPay experience across the Cart and Checkout pages, providing returning customers with quick access to saved payment and shipping information. The flow maintains Michael Kors’ brand-consistent messaging, typography, and spacing, with a clear visual hierarchy guiding users from Cart to Purchase confirmation. I collaborated closely with ShopPay and internal engineering teams to address edge cases, ensure validation, and maintain compliance across the checkout experience.
GOALS
1) Accelerate Checkout Completion: Reduce steps for returning customers.
2) Boost Conversion: Make it easier to finalize purchases with stored payment/shipping info.
3) Maintain Brand Integrity: Ensure ShopPay’s interface complements Michael Kors’ luxury feel.
4) Improve User Trust: Clear, transparent communication of payment methods and security.
Proposed design solutions
Prototypes in Figma for several scenarios of ShopPay checkout process in Safari and Chrome browsers for both US and Canada websites
Cart/Shopping Bag Page
Checkout Experience
Order Confirmation Page
Conclusion
The Klarna BNPL integration has been successfully deployed across Michael Kors’ PDP, Cart, and Checkout flows. The research-driven design process ensured that payment options were visible, accessible, and aligned with the brand’s luxury aesthetic. Post-launch metrics indicate improved user confidence, higher checkout conversion, and increased engagement with flexible payment options. Ongoing monitoring and iterative refinements will continue to optimize the experience and maintain seamless alignment with both business goals and customer expectations.
