M365 — Delete Payment Method

The M365 Admin Center is a portal where businesses manage subscriptions and billing for their Microsoft 365 services. I redesigned its delete payment method experience to guide users through blockers, improve completion rates, and reduce support burden.

Role

Lead Designer

Timeline

Aug — Dec 2024

Teams Involved

UXR, Product, Engineering

BACKGROUND

Problem

Many customers struggled to delete their payment methods, with over 40% of total attempts failing. Users were blocked from deleting their card when active subscriptions were tied to it.

1

Misleading error

Even though user hasn't taken an invalid action.

2

Missing context

About which subscriptions are blocking deletion.

3

No recovery path

To replace the card or manage subscriptions.

Opportunity

Create a more guided delete experience that surfaces blocking details and provides actionable next steps.

ITERATION

Exploration — Wizard (Unpursued)

I initially explored moving the experience to a guided step-by-step wizard for added clarity but ultimately didn’t pursue it, as it introduced unnecessary friction.

Initial Iteration — Modal

My initial iteration of a modal experience includes listing the subscriptions tied to the card being deleted and allowing users to update the payment method for those subscriptions.

Design Feedback

1

Banner is visually disconnected

Sits apart from key content, making it easy for users to overlook or miss.

2

Subscriptions list is overwhelming

Difficult to scan when many items are shown and lacks visual hierarchy.

Final Design — Modal

Incorporates the feedback I received from my initial iteration.

1

Inline messaging explains what’s blocking delete and next steps.

2

Subscriptions tied to card presented in a data grid for easy scanning.

3

Manage CTA lets users cancel tied subscriptions if needed.

4

Built-in flow to update subscriptions by using a saved or new card.

FINAL EXPERIENCE

1 — Delete and update subscriptions with a saved card

2 — Delete and update subscriptions by adding a new card

OUTCOMES

Status — Shipped

The redesigned delete payment method flow shipped in January 2025. By removing error blocks and embedding subscription update actions, users can resolve delete issues on their own. This has greatly reduced support volume and improved satisfaction with M365 billing.

1

15% decrease

in monthly support related to delete

2

25% increase

in successful delete attempts

2

28-point increase

in Net Promoter Score for delete

Learnings

Through this project, I learned the importance of providing clear, actionable guidance. Users need built-in solutions to complete tasks confidently, not just surfaced blockers. I also gained experience designing around system constraints and edge cases without adding friction.

View Azure Work