Sample Use Case

An example of what's possible with qiibee

qiibee is a headless loyalty system. Headless loyalty systems are API-first loyalty platforms that enable any customer-facing platform to integrate loyalty marketing functionality into their Customer Experience (CX) via API. Building adaptive loyalty marketing functionality is increasingly complicated and necessary, as loyalty points become a new asset class, and loyalty commerce between complementary brands gains traction.

To offer brands without an existing loyalty program or technical resources to still profit from the new standard of loyalty, qiibee also provides a Loyalty Whitelabel App (LWA). The LWA incorporates all funcionalities that the Loyalty API offers. In this guide, we use the LWA as an example of a fictitious loyalty application to illustrate how a company could use qiibee. The UX case study aims to serve as a reference for developers and to help create a faster and smoother implementation of the qiibee Loyalty API with the application.

You can check out the Demo Loyalty Whitelabel App here:

Introduction

The goal of the welcome screen is to introduce end users to your loyalty program and its benefits.

The CTA on this page is for the user to get an idea of the new loyalty program (or also to update the App to the latest version which has the qiibee API integrated).

Be clear and descriptive of your loyalty program. You can also use mutliple pages to explain the following:

  1. What do users get?

  2. How do they earn?

  3. How do they spend?

Unbranded welcome screen

If the existing app supports custom notifications, use them to introduce the users about the loyalty program. If the existing app doesn't support custom pop-ups - default alerts, emails or push notifications can be used.

Create an account

Users need a unique identifier so that they can be rewarded. Usually, the unique identifier will be assigned to a user while creating the account. Offer your users multiple ways to create an account (email & pw, social logins) to increase the conversion. You should also use biometrics to reduce frictions and get your users the security they need with none of the hassles.

Screen with multiple login options

Drive engagement with earning actions

Reward your users for engaging and adding value to your application. Prominently display the earned points and add animations for earning / redeeming points. Whenever the user views their balances, we recommend showing them how to earn more points or options for how they could spend their points.

Overview with balance

Give your users spending options

To keep your users engaged and strengthen the perception of your brand, use spending options that resonate with your users.

Variety of redemption options

Integrate exchange options

Drive engagement with additional exchange options like other loyalty points, miles, crypto and more. This also opens up the customer network you can tap into.

Tip

Show the user how many miles/points etc. he'll receive before he has to connect the exchange partner account to drive customer engagement

Selection of exchange options
Exchange points according to defined rules
Connect exchange partner account

NFTs for your MVPs

Add Non-fungible Tokens (NFTs) that capture a special reward only your most loyal fans will ever receive. May it be a unique experience, a digital artwork or a digital twin of a prestigious, physical object, everything is possible through blockchain technology.

NFT with content defined by brand

Get more infos in the two blogpostes below or directly book a demo with us to understand everything.

Transaction History

The APIs allow the user to look at their transaction history. Whenever the user views their transaction history, we recommend showing them details on how they earned / spent their points.

Transaction history with additional information

Progress Indicators

Progress indicators help users understand the status and follow of an activity. Users usually notice when an activity takes more than 1-2 seconds. (Usability studies - https://www.nngroup.com/articles/progress-indicators/). We’ll look at Fast and Long action guidelines.

Fast Actions - In-app actions, transactions, etc (2-5 seconds or less)

If the operation completes under 5 seconds, use a looping animation to indicate the progress. The animated loop offers enough feedback that the action has been initiated, but it doesn’t give any information on user wait times. A progress bar for a fast action would be confusing. Do not use stationary progress indicators as they may confuse the users and cause them to worry that the process has stalled

Long Actions - Creating & Recovering Wallet, Authorizing Sessions (10-30 seconds or more)

If the operation a very lengthy where the users are more interested in the completion of the action than progress, use notifications or snack bars instead of blocking the UI with progress indicators. Allow users to continue with other tasks instead of actively monitoring the progress without any disruption.