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

A best-in-class consumer experience when designing a digital-first offers solution includes access to:

* The full UX product journeys
* A diagram of the end-to-end consumer experience or flow diagram
* The moments that matter or key consumer highlights in the product journey   

![Experience prototype](https://static.developer.mastercard.com/content/presentment/uploads/prototype.svg)

### Experience prototype {#experience-prototype}

Get a glimpse of the reference experience

<br />

[Open prototype](https://www.figma.com/proto/qifqbDZjCgCn6QbhvfdsAF/Offers-flows-for-EDGE?page-id=4292%3A168641&node-id=4292-198007&p=f&viewport=-1373%2C-82%2C0.9&t=h853m3bMm3o7hXkc-1&scaling=scale-down&content-scaling=fixed&fuid=1544215741720556828)
![Figma file](https://static.developer.mastercard.com/content/presentment/uploads/figma.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/qifqbDZjCgCn6QbhvfdsAF/Offers-flows-for-EDGE?node-id=2710-390532&fuid=1544215741720556828)

<br />

[View theming guide](https://www.figma.com/design/CbgVQ3h0hT837tCuzER0JT/Figma-Theming-Guide---Offers?node-id=1-2232&t=cLT5X0tlbftlHJKX-1&fuid=1544215741720556828)

### UX journeys {#ux-journeys}

[Onboarding and login](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/onboarding-and-login/index.md)   
[Account](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/account/index.md)   

**Offers**
[Explore offers](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/offers/explore-offers/index.md)   
[Activate offer](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/offers/activate-offer/index.md)   
[Redeem offer](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/offers/redeem-offer/index.md)   
[My offers](https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/offers/my-offers/index.md)