Paytm

Making Financial Literacy Fun through Gamification

An interactive learning platform within the Paytm platform that teaches users the fundamentals of trading.

industry

Fintech & banking

Services Provided

UX/UI & Digital Product Design

PLATFORMS

Mobile App

BUSINESS TYPE

B2C

Overview

Paytm is a leading Indian digital payments and financial services platform, trusted by over 30 crore users worldwide. Paytm Paathshala is a part of the ecosystem and sets out to teach the basics of trading to new traders

Person holding a smartphone displaying a confirmation screen while marking a date on a calendar with a pencil.

Two men shaking hands, one emerging from a smartphone and the other from a laptop, with a rising yellow arrow and financial icons in the background.

Mobile phone screen displaying a video thumbnail of a man with glasses promoting 'Option Buying the Trend Following Way' webinar, with a blue 'Buy Now (₹399)' button below.

Seven smartphones displaying various app screens including a graduation character, progress charts, and task completion illustrations on a light background.

Hand holding smartphone displaying an educational app with a path on a green hill and labeled milestones, next to a white coffee cup on a saucer.

THE Challenge

Empowering Traders

Bringing Trading Education to Life

Paytm wanted Paathshala to be more than just another financial literacy app. It had to include gamification to increase user engagement while maintaining brand consistency.

our Approach

The Method Behind magic

User Centric Design

To create a compelling learning experience, we followed a structured UX/UI design approach. We understood users, defined patterns, and delivered engagement through intuitive design and playful interactions.

Woman with curly hair in a striped shirt teaching or presenting on a video call, writing notes with a laptop showing four participants in the background.

Person typing on laptop keyboard with floating icons of education and achievement symbols above the laptop.

Person attending an online class on a laptop, watching a teacher explaining math on a whiteboard.

Our Solution

Familiar Visual Language, Clear Differentiation

The interface leverages Paytm’s signature light blue theme, while monochrome variations help visually distinguish between learning modules without overwhelming users.

Playful Learning Through Motion

SVG animations were thoughtfully paired with lessons to break monotony, simplify complex concepts, and make learning feel more interactive and enjoyable.

Smarter Interactions, Stronger Engagement

Gamified feedback, progress indicators, and micro-interactions motivate users to continue learning and complete modules and to keep the momentum going.

Collage of six smartphone screens showing various interfaces of a financial investment app with a wizard mascot, including a quiz, risk level selection, course recommendations, and congratulations message.

Form Meets Function

Designing Engaging Interfaces

The interface follows Paytm’s established visual language, led by its signature blue palette which relays trust. Clean typography, thoughtful layouts, clear hierarchy, and subtle animations balance usability with engagement, making learning both effective and enjoyable.

Typography sample of Mulish font showing uppercase, lowercase letters, numbers, and five weights: Light, Regular, Semi Bold, Bold, Extra Bold.

Grid of color swatches with hex codes: dark blue #243C7A, medium blue #3FA5E0, bright cyan #00BAF1, navy #19202C, grayish blue #718196, light blue #C8DCFB, dark slate #2E3749, and light grayish blue #CCD5E0.

Row of 14 blue and white minimalistic icons including a contact card on a monitor, ID card, stopwatch, clipboard, star with a plus sign, document, refresh arrows, another document, two house icons, document with a magnifying glass, bookmark, speech bubble with pencil, and a document with lines.

Set of twelve colorful illustrations depicting concepts like online education, business handshake, money flow, calendar planning, teaching, celebration, boredom, smartphone notification, time management, and a robot graduate with various expressions.

Success story

See why we’re not just a UI/UX Design agency; they see us as a strategic partner to their team.

Yellow Slice Team demonstrated exceptional creativity, showcasing innovative solutions and designs for our Chaayos website. Their diverse skill sets were evident in the seamless functionality and user-friendly interface. I appreciate their strong sense of ownership, ensuring the timely completion of tasks with a proactive approach. Their team's readiness to tackle challenges head-on shows their commitment to delivering excellent service.