App Welcome screen

The App Welcome Screen serves as the initial point of interaction between users and a mobile application, setting the tone for a positive user experience and significantly impacting users' initial impressions of the app. It appears right before a registration/login screen. Here's how to easily craft one with TRIFFT Loyalty Cloud platform.

Step 1: Create a New Channel

To get started, you need to create a new channel to host your loyalty mobile app onboarding. Follow these simple steps:

  1. Navigate to Settings -> Channels.
  2. Click the "Add new" button.
  3. Fill in the required information:
    Name: For your internal reference only.
    Type: Select MOBILE_APP.
    Description: For your internal reference only.
    Don't forget to Save your progress.

Step 2: Select App Welcome

  1. Once saved, click the eye icon next to the newly created channel.
  2. Click the Add new button.
  3. In the Type field, select "App_Welcome and save your changes.

Step 3: Draft Your App Welcome Screen

Now that you've selected the onboarding type, you can start drafting your loyalty mobile app onboarding process.

Follow these steps:

  1. Click the pencil icon again next to the channel.
  2. Begin drafting the welcome screens by specifying the steps and content you want to include.
  3. Save your progress regularly by clicking the Save as Draft button as you work on your onboarding process. Once you are happy with your designs, click the Publish button.

Fields

In customizing your loyalty app's user experience, you have the flexibility to choose whether to implement an App Welcome Screen or omit it altogether. To enable the welcome screen, simply toggle it on within the platform settings.

When the toggle is off, the app will bypass the welcome screen, and users will be directed straight to the login/registration screen upon launching the app.

Title (Internal): For internal use only; not visible outside the platform.

Action: Determines the subsequent user experience:

  • Camera: Opens the phone camera.
  • GPS: Prompts the user to allow the app to access their phone's location tracking.
  • Next: Takes the user to the subsequent screen.
  • Push: Prompts the user to allow notifications.

Content Title, Description: Optional display on the screen visible to all users (previewable in the phone mockup on the right).

Image: Options for visual representation:

  • Half: The screen is divided into two parts: text and visuals.
  • Background: An image serving as the backdrop for the entire screen or page (optional).
  • None: No image displayed; only a solid-colored background appears in the app.

Button: Visible to all users and customizable in the settings below.

Now that the basic settings are complete, you have the flexibility to further refine the design to align with your preferences.

Background - influences the color of the whole text background. Can either be default, transparent, or solid (you may input any color in hex code starting with #).

Title color, Description color - change the color of the title/subtitle.

Button background - change the color of the main button.

Border color - change the color of the border of the main button.

Button color - change the color of the text used in the main button.