# Using Bill Pay for the first time
source: https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/using-bill-pay-for-the-first-time/index.md

### Welcoming account holders {#welcoming-account-holders}

When consumers experience the Mastercard Bill Pay platform for the first time, they need to find it welcoming, intuitive and inherently sense its value. A launch screen guides new consumers through adding their first bill before landing at the core of the experience --- a dashboard or home screen where they can view all activity.

Bill Pay makes enrolling in e-billing a simple in the flow called "Add a new bill." Once the consumer selects or enters the business or service provider and submits the billing information, they can sign-up for e-billing in one click. This simplified and easy process should increase the rate of account holders who use BPX to enroll in e-billing and begin to enjoy the benefits of simplified bill paying.

### The key consumer {#the-key-consumer}

Based on research, the account holders most likely to show interest in Bill Pay have eight or more bills per month and rarely use automatic bill pay. The advantage of Bill Pay for these consumers is increased ease and convenience. Bill Pay allows them to manage their bills within a single platform instead of jumping between websites and remembering multiple passwords.
To increase transparency, we mention when a business charges credit card fees as well as any delays in payment transmission. We also advise that you share encrypted data security practices, so consumers feel comfortable sharing their personal banking information and billing data.

### The launch screen {#the-launch-screen}

A launch screen provides the foundation for new consumers to understand the value of Bill Pay and sets expectations for how easy it is to pay, manage and organize bills online.
When communicating to your account holders, explain the new service using language that is clear, friendly and transparent.
Include illustrations where you can to make the experience more engaging and informative.
![Using Bill pay for first time](https://static.developer.mastercard.com/content/bill-pay-experience-design-guide/Images/design-standards/using-bill-pay-for-the-first-time-img.png)
Tip: **Design recommendations**

* Help your account holder feel comfortable throughout their first "add a bill" experience by using clear content and visuals that aid them in completion.
* Prompt consumers to enroll in e-billing when they add the bill to increase enrollment and eliminate the need to reenter data later.
* Use relevant data you possess about an account holder and recommend businesses or services they have used previously to make setting up a new bill easier.
* Alert consumers of the information they will need in order to add a new bill and how long the process will take.

### UX Journey {#ux-journey}

For the best viewing experience of the UX journey, click the **full screen mode** option or **zoom** using the controls located on the right.

To view the prototype and specs for this experience, visit Figma [here](https://www.figma.com/file/jamxCat034ufU4bA438fp1/BPX-Prototypes?node-id=2437%3A48261&t=f3aQxNrCWfAnT7np-1&fuid=1128325947710363067). Password: **BPXMC2022**

Note: **Mastercard Bill Pay APIs used in this experience**

* [Link request](https://developer.mastercard.com/bill-pay-for-csps/documentation/api-reference/link-request-api-reference)
* [Link confirmation advice](https://developer.mastercard.com/bill-pay-for-dsps/documentation/api-reference/link-confirmation-advice-api-reference/#link-confirmation-advice)
* [Payment request](https://developer.mastercard.com/bill-pay-for-csps/documentation/api-reference/payment-request-api-reference/)
* [Document retrieval](https://developer.mastercard.com/bill-pay-for-dsps/documentation/api-reference/document-retrieval-api-reference/)
* [Payment confirmation advice](https://developer.mastercard.com/bill-pay-for-dsps/documentation/api-reference/payment-confirmation-advice-api-reference/)
* [Link management](https://developer.mastercard.com/bill-pay-for-dsps/documentation/api-reference/link-management-api-reference/)

<br />

Next: [Navigating the bills screen](https://developer.mastercard.com/bill-pay-experience-design-guide/documentation/design/navigating-the-bills-screen/index.md)