Work / Razorpay · Gift Cards Management System
Start a project

Gift cardsManagement System

GCMS, Razorpay
GCMS dashboard with gift card volume and GMV charts
Select program dialog with Flipkart gift cards
Reseller details
Order details

Problem definition

Problem at
our hands

We developed an issuance platform tailored to three key personas: Razorpay Admin, Razorpay Client (Vendor), and End Users. Adhering to the double-diamond UX process, our vision was to create a secure, user-friendly admin platform for Razorpay clients. This platform enables admins to efficiently create, manage, and publish gift cards, which vendors can then distribute to end users seamlessly.

At our design studio, we employ the double-diamond design process in every project to achieve optimal UX design solutions.

This structured approach ensures we thoroughly understand the problem and explore creative solutions, leading to user experiences that are both effective and engaging.

Solution

Found the right solution

Developed an issuance platform tailored to three key personas: Razorpay Admin, Razorpay Client (Vendor), and End Users. Adhering to the double-diamond UX process, our vision was to create a secure, user-friendly admin platform for Razorpay clients. This platform enables admins to efficiently create, manage, and publish gift cards, which vendors can then distribute to end users seamlessly.

Reseller header: XOXO, available credit and virtual account balance
Successfully initiated amount transfer
Razorpay voucher card
Navigation menu with Programs selected
Flipkart Electronics Gift Card
IPL offer campaign chart
Notification, settings, grid and profile icons
Reseller card
Assigned to Neeraj Kumar
Monthly volume, B2B and B2C
Reseller page with orders table and monthly volume, discount burn and breakage

Wireframes

We created wireframes that based on our research and user-flows. The aim of a wireframe is to provide a visual understanding of a page early in a project.

Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe

UI Stage

User interface

Reseller XOXO page with orders
Order ID 25465585 card
Razorpay voucher
Reseller XOXO

Dashboard

Dashboard helps the customer get a quick overview on the Gift cards and also on the Resellers. User is free to filter the data by programs, resellers and time period.

Dashboard with gift card volume, GMV and breakage charts

Reseller

Dashboard helps the customer get a quick overview on the Gift cards and also on the Resellers. User is free to filter the data by programs, resellers and time period.

Reseller page with orders

Order details

Dashboard helps the customer get a quick overview on the Gift cards and also on the Resellers. User is free to filter the data by programs, resellers and time period.

Order details with gift cards and order status

Reseller

Dashboard helps the customer get a quick overview on the Gift cards and also on the Resellers. User is free to filter the data by programs, resellers and time period.

Programs list with gift cards
Notification
Success
Download
Grievance status pie chart
Electronics gift card with reseller discount
Y-corporation card
Resolution timeline
Cart
Share
Order ID 25465585, delivered
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Programs list
Electronics gift card details
Order details
Grievance ticket
Grievance ticket with category, reported by, cards and resolution timeline

User Survey

User Survey

Tasks: managing the lifecycle of gift vouchers, collaborating with partnerships, monitoring fund management, handling grievances. Challenges: evolving requirements, addressing grievances, accurate and timely communication
“I am dedicated to leveraging the GCMS platform to streamline gift voucher management, ensuring a smooth and efficient process for all involved while providing valuable insights and exceptional customer service.”
Abigail Gonzalez, female, 32, a seasoned product manager with over 10 years of experience in e-commerce

UX phase

User flow

We developed an issuance platform tailored to three key personas: Razorpay Admin, Razorpay Client (Vendor), and End Users. Adhering to the double-diamond UX process.

User flow: orders, dashboard, reports, funds, reseller, programs, grievance and settings, with the add-reseller decision path

Colours & Typography

Styleguide

Lato is a sans-serif typeface family designed by Łukasz Dziedzic in 2010. Known for its clean, modern look, Lato is widely used for both body text and headings, offering excellent readability across digital and print media. Its name means “summer” in Polish, reflecting its warm, friendly appeal.

#C6DAFD

#0022D4

#FEDFBB

#BEF2B7

#383B3F

Type scale from TitleLarge to BodySmallRegular
Lato, Aa

Thank you

Gift Cards Management System for Razorpay, researched and designed by Jijoo.