# Onboarding and login
source: https://developer.mastercard.com/presentment/documentation/experience-design-guide/design/onboarding-and-login/index.md

### UX journey - Onboarding {#ux-journey---onboarding}

The new user taps the join button and navigates to the sign-up screen on your company's app. After completing registration, they are presented with a screen displaying various saving categories to choose from, or an option to skip this step. A user who selects specific categories is directed to a screen featuring relevant offers tailored to their selections.
Tip: Access the [Figma](https://www.figma.com/design/qifqbDZjCgCn6QbhvfdsAF/Offers-flows-for-EDGE?node-id=4100-17967&t=FEdF9cvecxCQPmpt-0) file for this experience to duplicate and customize in your own environment.   

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

### UX journey - Login {#ux-journey---login}

If the user has accessed the offers program before, they will be presented with a login screen. Once they are in the app, the user taps **My offers** and is redirected to their personalized offers screen.

For the best viewing experience of the UX journey, select the **full screen mode** option or **zoom** using the controls located on the right.
Note: Mastercard APIs used in this experience:

* [Enroll user](https://developer.mastercard.com/presentment/documentation/use-cases/user-account-administration/#enroll-user)
* [Enroll account](https://developer.mastercard.com/presentment/documentation/use-cases/user-account-administration/#enroll-account)
* [Retrieve access token](https://developer.mastercard.com/presentment/documentation/use-cases/presentment/#retrieve-access-token)
* [Retrieve user offers](https://developer.mastercard.com/presentment/documentation/use-cases/presentment/#retrieve-user-offers)
* [Create like or dislike activity](https://developer.mastercard.com/presentment/documentation/use-cases/presentment/#create-like-or-dislike-activity)

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