Nutrabay Fit Club

Boosting User Retention with a Loyalty Program

Role

Entire UI & UX Design

Team Size

A Lead Designer(Me)
team of product managers.

Project Length

1-2 Months

Date

August 2025

Goal

Scalable reward program to increase customer retention by offering rewards and incentives for repeat purchases.

Results

The end result is a user-friendly and scalable loyalty module that makes it easy for users to earn and redeem reward points.

Research Insights

Users like when offers, coins, and savings are easy to find and shown upfront.


Users want simple, transparent loyalty programs with visible benefits.

Cost-effectiveness and trust are key; hidden fees reduce confidence.

Personalized rewards, milestones, and savings stats increase satisfaction.

Status and Recognition: Higher tiers offer a sense of VIP status and accomplishment.

Clear milestones and benefits encourage users to engage more.

"I kept items in my cart to hit the 2k mark and get a free gift.

Showing stats about money saved motivates continued use.


They want cost-effective programs where savings are greater than the cost.

"If I can recover the cost soon, I’ll buy it."

User expectations of the loyalty program

  • Fulfill the benefits of the program

  • On time commmunication

  • Be Transparent and trust-worthy

  • Get more benefits than other customers as they are spending extra

  • Save maximum money 

  • Not spend too much time 

  • Feel special

How Might We

Make loyalty program details easy to find?

Prominently display rewards and savings?

Build trust through transparency and clear costs?

Streamline rewards redemption?

Information Architecture

About the loyalty Program

  • There are three tiers of the program, each differs for the user in terms of spending and earning of the currency which is NB Coins.

  • Each NB Coin equal one rupee for the user.

  • User gets upgraded to the next tier based on their overall spending on the app.

Final Solution

Fit Club Landing page
This is the page where user lands and views all the program details. The design gives priority to program benefits and lets user know the ways to earn and redeem.

Fit Club Page after joining the program
User can view their progress in their journey into the program.
User gets a subtle nudge to upgrade themselves to the next tier

Savings Display
User is shown in a celebratory way all the savings they have done through the program, this gives user a positive reinforcement.

Journey Transformation
Through visuals user can understand their current stage of the program and the benefits they have unlocked giving user a clear overall picture.

Wallet
This page gives user the detail on their spending and balances of NB Coins. User also has the knowledge of their coins expiry.

Spending limits
As the spending limits differ through each program, we made a clear table which lets user know their spending limit according to the current level and how it can change as user upgrades.

Coin Redemption on Cart
User has the cue to redeem their exisiting coins on the cart through a check box right above the price details. This placement of the widget seems contexually correct and one which user won't miss.

Key Learnings

  • Understanding of Loyalty Programs
    Working on this project gave me a deeper understanding of developing loyalty program strategies and their significant impact on design.

  • Gamification
    Learned about the concept of gamification and applied its principles to our loyalty UX.

  • Thinking of different edge cases

    We encountered many edge cases where the current UX was breaking, such as how to show redemption to users with a negative balance. This gave me an opportunity to design a UX which caters to all such cases.

Create a free website with Framer, the website builder loved by startups, designers and agencies.