---
title: Mobile App
slug: lloyds-bank-day-2/mobile-app
description: >-
docTags: 
createdAt: 2024-01-30T23:03:21.354Z
---

We've created a mobile app for our demo brand WKND Fly. To fully enjoy the Hands-on Lab experience, we recommend downloading and setting up this app.

### App installation

Download the Mobile app using the QR code on your phone.

:::::Tabs
::::Tab{title="iOS"}
::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/iGn8PKTW8PFM3BDStD8_l_image.png" size="74" width="518" height="520" position="center" showCaption="false"}

:::hint{type="warning"}
This app is signed with an official Adobe enterprise certificate, but by default iOS will not treat the app as trusted. The first time you open the app, you'll get a notification that the app is not trusted.

- Navigate in your phone to **Settings > General > Device Management > Adobe Systems Inc&#x20;**&#x61;nd click `Trust Adobe Systems Inc`.
:::
::::

:::Tab{title="Android"}
::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Wjo565TmXLVtUyUh9KkMv_fireshot-capture-051-adobe-demo-system-next-dsnadobecom.png" size="88" width="658" height="504" position="center" showCaption="false"}
:::
:::::

### First launch

When you launch the app for the first time, you'll be prompted to log in with your Adobe ID. Use the same Adobe ID you used to log into the Adobe Experience Platform.

If you are asked to select an Organisation, select DEMO POT EMEA from the list.

The app can prompt you several request, for example to `allow push notifications` and `allow the use of gps`. Make sure to allow these requests.

### Configuring the app

To load the Lloyds Bank content, you'll need to import a custom project.

1. Navigate to Settings in the bottom menu
2. Check **Custom Project** and insert the **Project ID**: <font color="#3b9f0f">`sacker-86PF`</font>
3. Click **Save**.
4. Your app should now reload and show the Lloyds Bank demo app.

### Showing the Real-time Customer Profile on the app

In the mobile app you can look at the Real-time Customer Profile, just like you've seen on the demo website. To show the panel, drag your finger from the left side to the right side of the screen.

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Q27gt6mQU3rd6dch-LBTI_img-1136.PNG)
:::

:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/CRCpEbrfx58edCxok9we3_img-1137.PNG)
:::
::::

