Mobile: Illustrations

Context

Design resources are images, illustrations and icons that are used as supportive elements that help users better understand how to navigate through the app and complete certain actions.

Illustrations

You can use PAR Ordering default illustrations for your Mobile App, or create your own by following the guidelines shown below.

You can find all default illustrations in this Figma file and use them as a template.

Splash screen

The splash image is displayed on the Splash Screen and it's the first screen the User sees after launching the app. A best practice is to use the logo of your brand. The illustration should have a transparent background. You can choose the background color for the whole screen in the Colors section in Customization Center. This illustration must be custom.

Onboarding

The onboarding image is displayed on the onboarding screen and welcomes new Users upon the initial start of the app. It’s displayed only once, after opening the app for the first time. The best practice is to use a representative image of food, brand logo, or illustration.

Location permission

Location permission image is displayed on the location permission screen and it's used to explain to the Users that the device location is necessary in order to see the nearest restaurant's location based on a user's current location.

Notification permission

Notification permission image is displayed on the notification permission screen and it's used to explain to the Users that turning on the notifications will allow them to be informed when the order is ready to be collected.

No internet

No internet image is displayed on the no internet connection screen and it's used to explain to the user that the internet connection is necessary in order to use the app and place the order.

Fresh order

Fresh order image is displayed on the location permission screen for Smart Orders and it's used to explain to the users that the precise location of their device is necessary to use Smart Orders functionality.

Check your inbox

Check your inbox image is displayed in your app when you enable registration without a password. It will be shown to the user when they try to register a new account.

Scan instructions

Scan instructions image is displayed on the scan instruction screen as a manual on how to add Offers or Rewards from the Mobile App to the Kiosk ordering.

Referrals

Referrals image is displayed on the Referral instruction screen as a manual on how to share the referral code with friends and earn Offers/Loyalty points.

Privacy

Privacy image is displayed during the onboarding process for brands that are follow GDPR rules and requires user agreement to the Terms of Service and Privacy Policy.

Secure privacy

Secure privacy image is displayed on secure your payment layover (3DS) during the card verification process.

Curbside

Curbside image is shown for Brands that have enabled Curbside as an Order Type and it's displayed on a curbside explanatory layover.

Vehicle model

Vehicle model image is also shown for Brands that have enabled Curbside as an Order Type and it's displayed on a vehicle details screen.

Demographic data

Demographic data image is shown for Brands that have enabled the Demographic Data feature that is used for collecting Users' personal data.

Location tracking

Location tracking image is shown for Brands that have enabled Smart Order as a feature. It's displayed on a layover that is used to explain the functionality of the smart ordering process.