# Experience Design Guide
source: https://developer.mastercard.com/mastercard-merchant-presented-qr/documentation/experience-design-guide/index.md

### What is an Experience Design Guide? {#what-is-an-experience-design-guide}

The Mastercard QR Experience Design Guide was created to provide you, our customer, with our best user experience recommendations and cutting edge resources for implementation.

<br />


You will find white label Figma flows to improve the speed, quality, and cost of implementation and scale. Our goal is to make it easier than ever to go to market efficiently and effectively to achieve adoption and long-term use of Mastercard QR.

<br />


This guide is intended for product owners, designers, and developers launching Mastercard QR in their own environment.
![About this guide](https://static.developer.mastercard.com/content/mastercard-merchant-presented-qr/uploads/about-this-guide.png)

### Design {#design}

Access the full product journeys including white label Figma flows

[Learn More](https://developer.mastercard.com/mastercard-merchant-presented-qr/documentation/experience-design-guide/design/index.md)

### Research summary {#research-summary}

Highlights what we learned from consumers

[Learn More](https://developer.mastercard.com/mastercard-merchant-presented-qr/documentation/experience-design-guide/research-summary/index.md)

### The product {#the-product}

Mastercard QR is a mobile payment solution that enables consumers to make fast, secure payments to merchants for goods and services by scanning QR codes or inputting aliases. Consumers can make cashless payments from their mobile phones by simply scanning a Mastercard QR code or manually entering an alias provided by any accepting merchant. This payment method has the convenience of cash and the security of a card payment, without needing a card payment terminal.

<br />

Mastercard Merchant Presented QR (MPQR) is a Mastercard QR program that enables consumers to pay merchants by scanning their Mastercard QR codes or using manual entry aliases. The MPQR device SDKs and server APIs enable acquiring merchant banks, issuing consumer banks and wallet providers to provide this payment solution:

* Merchant banks (known as Receiving Institutions) can generate Mastercard QR codes for their merchants, for presenting to consumers.
* Consumer banks (known as Originating Institutions) and wallet providers (known as Transaction Originators) can add Mastercard QR-scanning functionality to their payment apps, enabling consumers to initiate payment requests when they scan merchants' QR codes.

<br />

<br />

### Target audience {#target-audience}

For our research, we used the following target audience criteria to help us shape our designs of Scan To Pay:

<br />

**Age and gender** : About half of the target audience were consumers in the 25-34 age range while the other half was in the 35-44 age group. Gender was evenly split between male and female.

<br />

**Behaviors** : Our target audience regularly uses a form of QR payment technology to pay for goods and services in-store (at least once a month). They also use a credit or debit card to pay for goods and services (at least once a month).

<br />

**Location**: We tested with consumers located in India. We divided testing evenly between "Tier 1/Tier 2" cities, segment 1 (for example, Delhi, Mumbai, Bangalore, Chennai) and "Tier 3/Tier 4" cities, segment 2 (for example, Etawah, Roorke, Rajamundry, Bhatinda).
![User persona](https://static.developer.mastercard.com/content/mastercard-merchant-presented-qr/img/experience-design-guide/img_keyuserpersona.png)

<br />

<br />

Next: [Design](https://developer.mastercard.com/mastercard-merchant-presented-qr/documentation/experience-design-guide/design/index.md)