# Pre-approved offers in Lender App
source: https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/index.md

Best-in-class consumer experience includes: access to the full UX product 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-pre2.svg)

### Experience prototype {#experience-prototype}

Get a glimpse of the reference experience.

<br />

[Open prototype](https://www.figma.com/proto/gR2lrWCDU7yGsEQKzeVsUo/Pre-approved-offers-in-Lender-App?type=design&node-id=1550-13333&t=4bTFlHOxBpc2kqnA-1&scaling=min-zoom&page-id=1550%3A13331&mode=design)
![](https://static.developer.mastercard.com/content/unified-installments/uploads/figma-pre2.svg)

### Figma file {#figma-file}

Find the end-to-end product experience for primary use cases to duplicate and customize in your own environment

<br />

[Access file](https://www.figma.com/design/9nZMtQpnIBKEuEvLKkmSpM/Installments-User-Journeys?node-id=0-1&t=jXdUPVsvGESEBII8-1)
![Figma theming guide](https://static.developer.mastercard.com/content/unified-installments/uploads/figma-theming-pre2.svg)

### Figma theming guide {#figma-theming-guide}

Apply your brand's font and colours in a few simple steps to fully customize the product experience.

<br />

[View 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 />

##### Card issuance experience {#card-issuance-experience}

[Card issuance journey](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/card-issuance/index.md)   
[View before purchase experience](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/view-before-purchase-experience/index.md)   

##### View card number or add to wallets {#view-card-number-or-add-to-wallets}

[View and copy card number](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/view-and-copy-card-number/index.md)   
[Add to wallets](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/add-to-wallets/index.md)   

##### Checkout experience {#checkout-experience}

[Checkout with 'installment card'](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/checkout-with-installment-card/index.md)   
[Merchant opt out and decline scenarios](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/merchant-opt-out-and-decline-scenarios/index.md)   

##### Post purchase experience \& management {#post-purchase-experience--management}

[View post purchase experience: Multi-use card](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/view-post-purchase-experience-multi-use-card/index.md)   
[View post purchase experience: One-time use card](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/view-post-purchase-experience-one-time-use-card/index.md)   
[View payment notifications](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/view-payment-notifications/index.md)   
[Change payment method](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/change-payment-method/index.md)   
[Make early payments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/make-early-payments/index.md)   
[Missed payments](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/missed-payments/index.md)   
[Refund and returns](https://developer.mastercard.com/unified-installments/documentation/experience-design-guide/pre-approved-offers-in-lender-app/design/refunds-and-returns/index.md)   

<br />