Women in Orange BG

Envelopes in Google Pay

Envelopes in Google Pay

Conceptual Product Design

UI screens that turn invisible UPI spends into calm, controlled decisions - reducing financial anxiety while driving higher engagement and revenue.

© 2026

(01)

(Case Study Details)

© 2026

(01)

(Case Study Details)

Project Overview

Envelopes is a conceptual UI feature for Google Pay that translates the century-old envelope budgeting method into a native digital experience for UPI users in India. Instead of one flat balance, your money lives in named, visual envelopes - Rent, Groceries, Savings, Fun Money. Each envelope fills when your salary arrives and depletes as you spend, so you always know exactly where your money stands, category by category.

Role

Type

Duration Platform

UX/UI & Product Design

Conceptual Redesign

1 Month

Android / iOS

02

Problem Statement

UPI's single-balance view gives users no context around their spending — leading to impulsive transactions, budget confusion, and growing financial anxiety among young Indians.

No category separation - users can't tell spendable money from reserved funds

Savings feel invisible - no milestone, no progress bar, no motivation

Impulse spending goes unchecked - essentials and luxuries compete for the same balance

End-of-month panic is common - money disappears without explanation

UPI eliminates the "pain of paying" - frictionless = financially dangerous

The core issue wasn't just spending, it was invisibility.

(03)

(Research Insights)

© 2026

(03)

(Research Insights)

Research

Market-driven research combining published academic data, public industry reports, and qualitative social listening. Used directionally as a conceptual project - not validated primary research.

Research

Market-driven research combining published academic data, public industry reports, and qualitative social listening. Used directionally as a conceptual project - not validated primary research.

21.7B

UPI transactions in Jan 2026 · NPCI

75%

UPI users report increased spending vs cash · IIIT-Delhi

55%

Indian Gen Z live paycheck-to-paycheck · Deloitte 2025

59.8% admitted overspending due to reduced digital payment friction

Financial stress ranked #1 anxiety source for Gen Z in India

Competitors like YNAB, Jupiter & Walnut all exist outside the payment moment

Google Pay has the trust and infrastructure — but no budgeting layer

Volume growth ≠ financial wellbeing.

(04)

(Journey Mapping)

© 2026

(04)

(Journey Mapping)

Journey Mapping

Before designing a single screen, the complete user journey was mapped to identify where to add visual clarity and where to introduce mindful friction - and never confuse the two.

Journey Mapping

Before designing a single screen, the complete user journey was mapped to identify where to add visual clarity and where to introduce mindful friction - and never confuse the two.

(05)

(Userflow)

© 2026

(05)

(Userflow)

Userflow

Mapping every path a user takes - from salary credit to envelope allocation, daily spending, and savings milestone - to ensure no touchpoint was left undesigned.

Userflow

Mapping every path a user takes - from salary credit to envelope allocation, daily spending, and savings milestone - to ensure no touchpoint was left undesigned.

(06)

(Wireframes & Low - fi Design)

© 2026

(06)

(Wireframes & Low - fi Design)

low-fi Design

Before colour, before polish - just structure. These wireframes map every screen in the Envelopes flow, from salary allocation to milestone celebration, testing layout logic and hierarchy in pure grayscale. If a screen works here, it works anywhere.

low-fi Design

Before colour, before polish - just structure. These wireframes map every screen in the Envelopes flow, from salary allocation to milestone celebration, testing layout logic and hierarchy in pure grayscale. If a screen works here, it works anywhere.

(07)

(Hi-fi Design)

© 2026

The Design

Every screen in Envelopes was designed as part of a connected system - not a collection of isolated UI. Each decision point feeds the next: salary allocation sets the envelope limits, the envelope limits power the picker, the picker feeds the health score, and the health score unlocks the reward loop. No screen works in isolation. Every colour, every ring, every mandatory pause exists because something earlier in the flow made it necessary - and something later in the flow depends on it.

Prototype

The prototype makes the system tangible. Every screen is tappable, every decision branches correctly, and every animation fires at the right moment - because a financial tool that feels broken in the hands of a user cannot build trust. This is the design under pressure.

Prototype

The prototype makes the system tangible. Every screen is tappable, every decision branches correctly, and every animation fires at the right moment - because a financial tool that feels broken in the hands of a user cannot build trust. This is the design under pressure.

(08)

(Result & Impact)

© 2026

(08)

(Result & Impact)

Result & Impact

Envelopes doesn't just make users feel better about money - it makes Google Pay more money. Every design decision that builds user trust directly creates a revenue opportunity. The system is built so that good UX and good business are the same thing.

Result & Impact

Envelopes doesn't just make users feel better about money - it makes Google Pay more money. Every design decision that builds user trust directly creates a revenue opportunity. The system is built so that good UX and good business are the same thing.

Experience Validation

Users who can see exactly where their money is going spend more confidently - and more frequently. The Spend Freely screen alone removes the single biggest blocker to discretionary spending: the fear of overspending. When users feel safe, they tap Pay Now. Every tap is a transaction. Every transaction is a fee.

Business Validation

The Offers Hub appears precisely when an envelope is low - the highest-intent shopping moment that exists. A user who just saw "Groceries: ₹800 left" and then sees a 20% off BigBasket deal is not being interrupted. They are being helped. Merchants pay premium rates for that moment. That is the business model.

Revenue Streams

Three ways Envelopes earns:


· Transaction fees : more confident spending = more UPI payments = more fee income for Google Pay.


· Merchant advertising : brands pay to appear inside low-envelope moments. Not random ads. Targeted, timed, contextual.


· Daily active use : the Health Score and Analytics give users a reason to open the app every day, not just when paying. More sessions = more impressions = more ad value.

Is it valid?

Yes. The model works because it aligns incentives. Users want to spend confidently. Merchants want high-intent customers. Google wants daily active users. Envelopes delivers all three from the same set of screens - and it does it transparently, which is why users trust it enough to keep coming back.

(09)

Outcomes

© 2026

(09)

Outcomes

Outcome & Learnings

This wasn't a feature designed in a vacuum - it was built around a real, documented pain. Every screen was tested against one question: does this make the user feel safer about their money? Here's what the design proved, and what it taught.

Outcome & Learnings

This wasn't a feature designed in a vacuum - it was built around a real, documented pain. Every screen was tested against one question: does this make the user feel safer about their money? Here's what the design proved, and what it taught.

Outcome & Learnings

This wasn't a feature designed in a vacuum - it was built around a real, documented pain. Every screen was tested against one question: does this make the user feel safer about their money? Here's what the design proved, and what it taught.

Outcome

The Envelopes system ran end-to-end with zero redundant screens - every tap leads somewhere intentional, every flow completes without friction. The mandatory envelope picker, which looked like added friction on paper, became the most valuable interaction in the prototype - the one pause that makes every other screen meaningful.


The guilt-free transfer flow solved the single biggest emotional problem in budgeting apps: the moment a payment fails because of a self-imposed limit. By never blocking a payment, just redirecting it consciously, the design turned a potential drop-off into a moment of empowerment.

Key Learnings

Anxiety is a design problem, not a user problem. Users weren't bad at managing money - they just had no information at the right moment. Give people clarity and they make better decisions automatically. The green Spend Freely screen proved this in one interaction.


The smallest interventions carry the most weight. The envelope picker is two seconds of friction. It changes behaviour permanently. Good UX is not always about removing steps - sometimes it's about adding exactly one intentional pause at exactly the right moment.

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