# Installments solutions for existing cards
source: https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/index.md

Best-in-class consumer experience includes: access to all illustrative UX journeys, a diagram of the end to end consumer experience or flow diagram and the 'moments that matter'.

![](https://static.developer.mastercard.com/content/unified-installments/uploads/prototype-icon-1.svg)

### Experience prototype {#experience-prototype}

Get a glimpse of the reference experience.

<br />

[Open prototype](https://www.figma.com/proto/14LzqUJ5cTnAAMp0uwQaBf/Carded-Instalments-Experience?page-id=2307%3A67080&node-id=2307-67081&viewport=410%2C-28%2C0.28&t=QP9sqxHwVxrVeXUl-8&scaling=scale-down&content-scaling=responsive&starting-point-node-id=2307%3A67081&show-proto-sidebar=1&hide-ui=1)
![](https://static.developer.mastercard.com/content/unified-installments/uploads/cx-specs-icon-1.svg)

### CX Specifications {#cx-specifications}

Understand the mandatory components required to design an effective experience

<br />

[View specifications](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/cx-specifications/index.md)
![](https://static.developer.mastercard.com/content/unified-installments/uploads/figma-icon-1.svg)

### Figma file and theming {#figma-file-and-theming}

Find the end-to-end experience for all use cases to duplicate in your environment and customize to your brand's theme

<br />

[Access Figma file](https://www.figma.com/design/hWG4kGVTqHDb2HSUQbnQ5R/Carded-Installments-User-Journeys?node-id=0-1&t=PWM4qr4x1brpxGjJ-1)

[View theming guide](https://www.figma.com/proto/8WQ6mCYIP4pvUgoILgSB7v/Figma-Theming-Guide?page-id=0%3A1&node-id=1-2232&viewport=364%2C170%2C0.45&t=R00guWiCk30s5tXf-8&scaling=scale-down-width&content-scaling=fixed&hide-ui=1&fuid=1316298999584552659)

### UX Journeys {#ux-journeys}

<br />

##### During purchase {#during-purchase}

These use cases outline how **distribution partners**, such as wallets, browsers, acquirers, POS terminal providers, payment gateways, PSPs/payment aggregators, and merchants, can effectively and accurately present issuer installment offers within the merchant checkout experience.
[Checkout with a wallet](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/checkout-with-wallet/index.md)   
[Checkout with merchant card on file](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/checkout-with-merchant-cof/index.md)   

##### Post purchase {#post-purchase}

These use cases outline how **issuers** can enable cardholders to convert eligible transactions into installment plans and manage their active installment plans directly within the issuer app.
[Convert credit card purchase into installments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/convert-cred-card-pur-into-instlmnts/index.md)   
[Convert debit card purchase into installments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/convert-debit-card-pur-into-instlmnts/index.md)   
[Track and manage installments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/track-and-manage-installments/index.md)   
[Missed payments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/missed-payments/index.md)   
[Make early payments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/make-early-payments/index.md)   
[Refunds and returns](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/installments-solutions-for-existing-cards/design/refunds-and-returns/index.md)