Referral System
Project Introduction
Client - Bierens - a debt collecting company
Project Working Method - Water-scrum-fall
Development - React
Problem:
The current growth channels of Bierens are getting outdated and they need a referral system that will be used as their new growth channel to get new clients. How can a debt collecting company like Bierens manage a comprehensive referral program to attract new clients and effectively utilize rewards?
Solution:
A gamified tier-based referral system.
The referral system consists of 2 sides - User side and Admin side.
The User side is intended for the clients of Bierens. The user firstly has to log in with their credentials (provided by Bierens). Then, they can see what rewards they can get in their tier within the current season*. The more the user referrs, the better the rewards will be.
*Current season - Within a period of 1 year (12 months), there are 4 seasons in the referral program - Autumn, Winter, Spring and Summer. Every season the rewards change.
The Admin side is for the people from Bierens who are maintaining the referral program. From there they can change the rewards for the different seasons, see how many users are currently part of the referral system, see important metrics which are indicators for the performance of the referral program etc.
User Side - Log in Screens
To access the referral system, the user needs to use their account. There are different screens depending on the current season.
User Side - Seasons & Reward Components
After the user logs in, they can see the rewards available for the current season. Here, it can be seen that there are different screens for the different seasons. To ensure consistency in the design, I included the rewards in each season as Figma components.
User Side - Section with Rewards
For the current season (in this case Autumn), the rewards are displayed based on the current tier of the user. The current tier is determined by the number of points the user has and the points are collected by referring other new users to Bierens. For every tier, the user can choose between 2 possible rewards. However, if they cannot decide which one to pick, they can press the "Spin" button thus getting a random reward.
Another important part of the referral program is the decay period which is 1 month. This means that if the user doesn't refer within a period of 1 month, they drop a tier. In this way, the user is prompted to the CTA (Call to action) so that they can keep referring.
Admin Side - Enrolled Users
One of the things that the people who manage the referral program (Bierens) can do is to see the currently enrolled users in the referral program.
Admin Side - Rewards
Another thing Bierens can do when maintaining the referral program is to add/change the rewards.
Admin Side - Dashboard
An overview for the performance of the referral program.
Admin Side - Feedback
The enrolled users can give feedback on the referral program.