top of page

Credit Score Masthead Animation

To boost awareness of PhonePe’s free credit score feature,
I created a Lottie animation rooted in cricket season energy.
It lifted engagement by 4%, showing how contextual
storytelling and motion can bring product value to life.

Role:                  Visual & Motion Designer
Timeline:          1 months
Team:                D2C (Direct to Customer), Product, Motion, UX
Company:        PhonePe (Fintech)

Dark_rounded.png

Problem Statement

PhonePe had launched a Free Credit Score feature, but many users were unaware it even existed. With a diverse user base and limited space in the app’s real estate, the challenge was:

How can we use the masthead space effectively to grab attention, educate users, and drive engagement — all within seconds?

Users

All tiers of PhonePe’s user base

across India (Tier 1–4), including financially curious but digitally cautious segments.

Goal

Use motion + contextual storytelling to drive awareness and engagement around the credit score feature.

My Role

  • Collaborated with Product & D2C team to define the communication strategy

  • Worked with UX/UI to understand masthead constraints and responsiveness

  • Partnered with Motion Design to develop lightweight, engaging Lottie animations

  • Led ideation, storyboarding, and delivery of production-ready assets

Process

1. Stakeholder Alignment

  • Understood business need from the D2C and Product team

  • Clarified limitations of masthead space from the UX team

  • Explored Lottie animation capabilities and file size/performance boundaries

2. Creative
Concepting

  • Noticed the IPL season overlap — a major cultural moment in India

  • Proposed a cricket-themed concept:

  • A batsman hits the ball

  • The ball travels through the air

  • The final frame reveals “Check your credit score for free” on the scoreboard.

3. Design and
Motion Execution

  • Created storyboards & keyframes

  • Designed for performance and reusability

  • Delivered the final Lottie file, optimized for quick app load and visual clarity

IPL.png

Background Stadium Illustration

Storyboard Mock.gif

Mock Storyboard Animation

Pose Reference.png

Character Reference

Character Poses.png

Character Pose

Character Animtion.gif

Character Animation

Final Animation.gif

Final Animation

Cricket_Lottie_Mock.gif

Final Animation App Rec.

Outcome

​

  • 4% increase in credit score feature traction

  • Higher-than-average CTR on masthead banner

  • Sparked further experiments with Lottie animation in-app across different surfaces

Reflection

“This project helped me deeply understand cross-platform design — balancing creativity with performance and UX constraints. It also showed me the power of context (like IPL) in making product features feel relevant and sticky.”

bottom of page