# Design
source: https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/index.md

To help create your Mastercard Bill Pay experience, we included: access to the full UX product journeys, a diagram of the end-to-end account holder experience and 'moments that matter' or key highlights in the product journey.

### Experience prototype {#experience-prototype}

Click through all the flows for Bill Pay from our index(Password: BPXMC2022)

[Open prototype](https://www.figma.com/proto/w5fipwElVXeZRIQmbbX7Ta/Bill-Pay-Prototype-Index-For-Developers?node-id=1%3A22&scaling=scale-down&page-id=0%3A1&hotspot-hints=0&hide-ui=1)

### Research summary {#research-summary}

View key findings from multiple rounds of testing and how these insights impacted the design

[Learn more](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/research-summary/index.md)

### Use cases {#use-cases}

[Using Bill Pay for the first time](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/using-bill-pay-for-the-first-time/index.md)   
[Navigating the bills screen](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/navigating-the-bills-screen/index.md)   
[Adding or deleting a bill](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/adding-or-deleting-a-bill/index.md)   
[Scheduling a bill for payment](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/scheduling-a-bill-for-payment/index.md)   
[Enrolling in AutoPay](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/enrolling-in-auto-pay/index.md)   
[Paying a bill right away](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/paying-a-bill-right-away/index.md)   
[Changing a scheduled payment](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/changing-a-scheduled-payment/index.md)   
[Marking a bill as already paid](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/marking-a-bill-as-already-paid/index.md)   
[Enrolling in e-billing later](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/enrolling-in-e-billing-later/index.md)   
[Viewing and editing payment preferences](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/viewing-and-editing-payment-preferences/index.md)   
[Viewing payment history](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/viewing-payment-history/index.md)   

<br />