Project detail

Rewardly

Transforming the chaotic & traditional world of credit card rewards, subscriptions, and vouchers into a simple, joyful, all-in-one dashboard, making financial perks feel truly rewarding.



App Platform

In the Spotlight!

Exciting rewards, tailored just for you!

Available Points

20,000

Discover More

🔥 Trending Gift Cards

hungry for more?

Check out more rewards on HDFC Bank SmartBuy

Hungry for more?

My Redemptions

Rewards

Managing credit card benefits, subscriptions, and reward points is often overwhelming for users. With multiple apps offering perks, cashback, and vouchers, users struggle to track and redeem these benefits efficiently.

This app aimed to simplify financial perks management—from viewing card usage to claiming gift cards and subscriptions—all in one unified dashboard.

Context

What?

Why?

Problem

Even when users earned rewards or cashback, it often felt abstract.

The value wasn’t clear, and redemption was tucked away behind too many taps or confusing language.

Gift cards felt transactional. Subscriptions lacked visibility. Points expired without warning.

The experience didn’t celebrate the user, it felt more like an admin panel than a reward.



Goal

Turn financial rewards into something people could see, understand, and enjoy using.

Make the interface feel personal, not generic. Simple, not overwhelming. Design a space where users

could track spending, view benefits, and redeem perks, without needing a manual process.

One screen-One place-Everything rewarding.

Understanding: Why do people care about rewards?

“I only check rewards if I know I’ve made a big transaction, like travel bookings or high shopping spends. Otherwise, I forget they even exist.”

“I redeem gift cards mostly during festivals or sales. It feels like bonus money. But the process has to be quick, too many steps and I just leave it.”



“I like seeing how much cashback I’ve earned. It feels like I’m being smart with my money. But sometimes I don’t know where to use it or if it’s expired.”



“When the app clearly shows where I can use rewards, like Uber, it makes it easier. I’m more likely to redeem when it feels familiar.”

Designing Their Journey in Just 64x64 Pixels

"I developed wireframes to define the layout, optimize the user journey, and ensure early stakeholder alignment before moving to the visual design phase.

Defining problem with (5W+H)

Who: Credit card users who earn points, cashback, or subscriptions but struggle to view, understand, or redeem them effectively.



What: Users miss out on rewards due to unclear, scattered, or complex redemption processes.





How: By hiding rewards behind multiple steps, unclear CTAs, and impersonal design.



When: After earning rewards, during the process of viewing or redeeming them.



Why: The experience feels technical, cluttered, and lacks guidance or excitement.



User
pain points

Users had to log into multiple apps or websites (banks, partner stores, etc.)

No central dashboard for viewing all perks

Points expired silently or went unused due to lack of alerts

Redemption involved too many steps or confusing UI

No personalization—offers felt generic and irrelevant

Rewards felt boring or transactional, not exciting or celebratory



Emphatise

Research and understand user pain points

Analyse

Scope and solve for these frustrations

Deliver

Design baed on assumed constraints

I asked myself

How would I improve traditional methods of earning rewards journey UX?

Rewards

Gift Cards

My Redemptions

Gift Cards

Order Details

Before moving towards visual design, I structured the Information Architecture to logically organize features, streamline user navigation, and align the flow with both user needs and business objectives.

Process

We began by understanding how users interacted with their cards, rewards, and gift cards. After identifying

friction points in discovery and redemption, we designed the flow to make rewards visible, engaging, and easy to use.

We used familiar brand visuals, simplified steps, and added helpful touches

like summaries and status indicators, making the entire journey smooth and rewarding.

Unified Dashboard: The screen consolidates rewards, bill payments, subscriptions, and offers into one simple, scrollable interface reducing the chaos of switching between apps and making financial perks easy to track.

Enjoy discounts on your favorite restaurants

Details

Complimentary 6 months membership

Enjoy guaranteed 25-50% off at top 2,500+ restaurants

Activate

Additional 10%

discount

Active

when you use your HDFC Bank Times Card Credit on EazyDiner via

View Restaurants

Unbox Welcome Offers Worth ₹5000

Valid till 31st Dec, 2021

Unbox NOW

Prime

Dining

Movies

Membership Benefits

View All

Welcome to Times Card!

To get the most out of your Times Card, we recommend the following actions.

Discover offers by brands

Change city

Flat 25% off on online

purchase

₹100 Off

Flat 25% off on online

purchase

₹100 Off

Discover exciting offers

Top Offers

TOP

Shopping

e-commerce

Wellness

Travel

View All

Search brand or category

Treat yourself with that much needed break...

with Times Card’s Travel Offers

Never Stop Living

Treat yourself with that much needed break...

with Times Card’s Travel Offers

Never Stop Living

In the Spotlight!

Explore exciting offers tailored

just for you

Times Card **** 6175

hi Vineet

Pay Card Bill

Past Bills

My Card

Rewards

Clear Top Actions (Pay Bill, Past Bills, Rewards, etc.)

Welcome Prompt + Suggestions

Visual Highlights (In the Spotlight / Offers / Cards)

Membership Benefits (Dining, Movies)

Membership Benefits (Dining, Movies)

Solution:

Creating one unified dashboard:

Reward Flow, Reimagined 🎁

We broke down the rewards experience into a simple 3-screen journey—starting with a quick pop up intro, followed by a dynamic explore section, and ending with a clear redemption tracker.


Each step builds context and excitement, keeping users engaged while making redemptions feel easy, purposeful,

and fun.

Making redemption easier and more visible:

Browse Rewards

Explore a wide range of gift cards from top brands like Amazon, Flipkart, Myntra, and more. Quickly filter by category to find what suits you best.


Pick Your Denomination

Select from preset amounts or enter a custom value. The required points are displayed upfront, so you always know your options.


Redeem with a Swipe

Confirm your gift card value and swipe to redeem instantly. Enjoy a fun, intuitive, and quick redemption process.


Access Instantly

Your gift card appears right away—ready to copy, use, or check details like expiry and redemption steps.

Gift Card Redemption Flow 🔐✨

Track & Manage Your Card Effortlessly💸

Get a complete snapshot of your card:

Home

Memberships

My Card

Rewards

Highlighting perks in a friendly and personal way



Live Credit Overview – Check your available spend, total limit & usage.


Reward Points – Instantly view and redeem your earned points.


Smart Transaction View – Stay updated with real-time unbilled and billed activities.


No Surprises – Always know your outstanding balance and upcoming rewards.



Quick Snapshot – Instantly view your available points and gems.


Easy Redemptions – Redeem for products, gift cards, and subscriptions in a tap.


Personalized Picks – See top rewards tailored to your location.


Track Orders – Stay updated on your reward deliveries in real time.



Unlock Your Rewards Power:🔐

We broke down the Spin & Win experience into a simple 3-screen journey—starting with an interactive slot machine, followed by a celebratory reward screen, and ending with a helpful lock state when points run low.


Each step builds anticipation and delight, keeping users engaged while making the experience feel rewarding, exciting,

and easy to come back to. 🎉🎰



Test Your Luck-Spin & Win Flow 🎰

Take me to Amazom

10,000

1,000

Gift Card

10,000

500

Gift Card

20,000

1,000

Gift Card

500

6 months Sony LIV subscription

500

Comfy Loungewear by MensXP

In the Spotlight!

Exciting rewards, tailored just for you!

500

Classic Black Eau de Toilette

Jaguar

500

Rechargeable Cordless Beard & Hair Trimmer

KUBRA

300

Hair Growth Vitalizer & Derma Roller For...

MARS BY GHC

300

Hair Growth Vitalizer & Derma Roller For...

MARS BY GHC

300

Eco Set

Letsshave

300

Eco Set

Letsshave

Top Products in Delhi NCR

Only 3 left

Discover More

Discover More

Discover More

Discover More

Gift Cards

Premium Subscriptions

Exchange Points

hungry for more?

Checkout more rewards on HDFC Bank SmartBuy

500

6 months Sony LIV subscription

Sony LIV

500

3 months Zomato Pro subscription

zomato

500

3 months Zomato Pro subscription

Sony LIV

1 = ₹0.05

1 = 1 CV

1 = 1 mile

Products

Gift Cards

Subscriptions

Exchange

Points

Available Points

20,000

Rewards

Home(Dashboard)

My Card

Rewards

Memberships

Greeting & Card Info

Linked Cards Overview

Total Reward Points

Active Subscriptions

Quick Actions

Card Details & Limits

Membership Expiry Tracker

Rewardly

Categories of Benefits

Claim New Benefits

How it Works / Tips

Redeem Options

Gift Cards

Subscriptions

Claim Offers

Celebration Element

Recent Transactions

Bill Statements

EMI Options

Usage Summary

Promotional Offers

Membership Benefits

Welcome Offer Box

Brand Categories

💭 A Few Reasons People Miss Out on Rewards

Skipping redemption due to long, confusing flows

🎁

💳

Not knowing which card gives the best benefit

Forgetting reward expiry dates

Designing for a tiny space meant every pixel had to pull its weight.

I had to be intentional, not just about how it looked, but how it felt.I used friendly shapes,

soft edges, and vibrant tones to echo the emotions behind key moments:

a user unlocking a reward, a gentle reminder to pay a bill, the delight of cashback arriving instantly.

Power Up Your Card Benefits ⚡

Instant Card Overview – Quickly check your available balance and total credit limit.


No Bills? No Worries! – See at a glance when you're bill-free and ready to spend.


Unlock Exclusive Perks – Dive into top offers like:


🎟️ Free Times Prime Membership


🍽️ Flat 25% off at 2000+ restaurants


🎬 Buy 1 Get 1 on movie tickets


Smart Rewards Preview – View all your card benefits in a simple, easy-to-digest layout.


Tap. Explore. Enjoy. – Everything you need to maximise your card is right at your fingertips.



We broke down the Spin & Win experience into a simple 3-screen journey—starting with an interactive slot machine, followed by a celebratory reward screen, and ending with a helpful lock state when points run low.


Each step builds anticipation and delight, keeping users engaged while making the experience feel rewarding, exciting,

and easy to come back to. 🎉🎰



Test Your Luck-Spin & Win Flow 🎰

Learning & Reflection

What I Learned

Through this project, I learned how to translate complex financial data, like rewards, subscriptions, and benefits, into a clear, engaging experience that users can understand and enjoy. I realised the importance of:

This project reinforced how thoughtful IA and clean UI can transform a tedious process into a rewarding user experience. 🚀

using elements like brand icons, summaries, and status indicators to reduce friction and increase clarity.


Working with constraints, such as limited space on mobile, while still ensuring all key information was accessible in one screen.

Humanizing financial UX

by making it feel more like a celebration than an admin panel.



Designing with empathy

especially when simplifying features like points redemption, which users often ignore due to confusing flows.

Balancing structure