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:
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:
What do users get?
How do they earn?
How do they spend?
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.
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.
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.
To keep your users engaged and strengthen the perception of your brand, use spending options that resonate with your users.
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.
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.
Get more infos in the two blogpostes below or directly book a demo with us to understand everything.
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.
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.
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
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.
Progress Indicator UX Studies - https://www.nngroup.com/articles/progress-indicators/
Material Design - https://material.io/design/components/progress-indicators.html#usage