Back to Projects
UX Process Document · Mobile App · India

DealDunia

Shop Smart. Save Real.

A CouponDunia-inspired cashback & coupons app — full 8-phase UX process from discovery to launch

📱 iOS & Android 🇮🇳 Tier 1, 2 & 3 Cities 🏬 3,000+ Stores 💸 Affiliate + Advertising

Project Overview

DealDunia — Cashback & Coupons App

Indian online shoppers lose hundreds of rupees per transaction because they don't know about available coupons and cashback offers. DealDunia is a single trustworthy destination that surfaces the best verified savings at the right moment.

Product Goals

  • Verified coupons + real cashback (not points)
  • 3,000+ stores: food, fashion, electronics, travel
  • Withdraw to bank, UPI, Amazon Pay, Paytm
  • Build trust via transparency on coupon validity

Problem Statement

Existing platforms are cluttered, have unverified coupons, and make cashback withdrawal a painful experience. Users need a single trustworthy destination that surfaces the best savings at the right moment.

Success Metrics — 6-Month Targets

500K+
Monthly Active Users
>80%
Coupon Success Rate
>60%
Cashback Withdrawal
>35%
D7 Retention
≥4.3
App Store Rating

Phase 1

Discovery & Research

💼 Business Team

  • Grow affiliate revenue via CTR optimization
  • Increase LTV via cashback loyalty
  • Onboard 500 new brand partners in Year 1

📣 Marketing Team

  • Drive organic installs via referral program
  • High social shareability of deals

🎧 Support Pain Points

  • "Cashback not tracked" is #1 complaint
  • Expired coupons damage trust
  • Users don't understand how cashback works

Competitive Analysis

FeatureDealDuniaCouponDuniaCashKaroGrabOn
Verified Coupons
Real Cashback
AI PersonalizationPartial
Shopping Assistant
Offline Store Deals
UPI WithdrawalN/A
Bill Payment Deals
Clean Minimal UIModerateModerate
💡

Competitive Gap: No competitor offers AI-powered coupon stacking — combining bank card offers + cashback + coupon codes automatically.

Research Methods — 25 interviews · 200-person survey · 1,000+ app store reviews

Key Research Findings

78%
Coupon Anxiety

Users waste time copy-pasting codes only to find them expired at checkout — frustration and mistrust.

65%
Cashback Confusion

Users don't understand how cashback works, when it'll be credited, or why it sometimes doesn't track.

72%
Discovery is Hard

"I know deals exist but I don't know where to find them for the specific store I'm already shopping at."

91%
Mobile-First Behavior

Users want to check deals while already on a store's app. A browser extension or in-app assistant is valued highly.

Affinity Mapping — 5 Theme Clusters

🔐
Trust

Verification, expiry dates, success rate %

🔍
Discovery

Search, categories, personalization, trending

💰
Earnings

Cashback tracking, wallet, withdrawal

Speed

One-tap copy, auto-apply, instant access

🎉
Delight

Savings milestones, referral bonuses

Phase 2

Define & Synthesize

User Personas

👩‍💼
Shreya Kapoor
27 · Marketing Executive · Bengaluru
Goals
  • Find coupons instantly before checkout
  • Track cashback without manual activation
  • Redeem cashback quickly to UPI
Frustrations
  • Expired codes waste her time
  • Cashback takes too long or disappears
  • Too many ads feel untrustworthy
"I just want to copy the code and go. I don't have time for 10 popups."
👨‍💻
Rahul Mehta
34 · Software Engineer · Pune
Goals
  • Stack max savings (coupon + cashback + bank offer)
  • Get notified of price drops on watched items
  • See savings history to feel rewarded
Frustrations
  • Misses deals — doesn't check apps often enough
  • Has to manually combine different offer types
"If I can save ₹500 by spending 2 minutes, I'll absolutely do it."
👩‍👧
Priya Sharma
31 · Homemaker · Jaipur
Goals
  • Find deals on essentials without confusion
  • Understand exactly how much she's saving
  • Simple cashback withdrawal
Frustrations
  • Overwhelmed by too many offers
  • Doesn't understand the difference between coupons, cashback & offers
"Just show me if I'm saving money or not. Keep it simple."

Jobs To Be Done

🛒

"When I'm about to check out, I want to quickly find a working coupon so that I save money without delaying my purchase."

📊

"When I complete a purchase, I want to understand when my cashback will be credited so that I feel confident the system worked."

💳

"When I have cashback in my wallet, I want to withdraw it easily so that I actually see the benefit of using the app."

🎯

"When I'm browsing, I want to discover deals I didn't know about so that I get inspired to save on things I was going to buy anyway."

How Might We Questions

How might we reduce coupon copy-paste friction to under 3 seconds?
How might we make cashback tracking transparent and anxiety-free?
How might we surface relevant deals exactly when users need them?
How might we help users stack multiple offers for maximum savings?
How might we reward users to build long-term retention?

Phase 3

Information Architecture

App Structure — Bottom Tab Navigation

🏠 Home
  • Search Bar
  • Banner Carousel
  • Category Pills
  • Top Cashback Stores
  • Trending Coupons
  • Expiring Soon
  • Personalized For You
🏷️ Categories
  • Fashion & Apparel
  • Electronics & Gadgets
  • Food & Dining
  • Travel & Hotels
  • Groceries & Health
  • Beauty & Care
  • Entertainment & OTT
  • Bill Payments
💰 Wallet
  • Cashback Balance
  • Being Tracked
  • Cashback History
  • Withdraw (UPI / Bank)
  • Amazon Pay / Paytm
  • Transactions Log
👤 Profile
  • My Account
  • Saved Deals (Wishlist)
  • Purchase History
  • Referral Program
  • Notifications
  • Help & Support
  • Settings

Key User Flows

Flow 1 — First-Time User Onboarding

Open App Splash Value Prop ×3 Sign Up OTP Preferences Home Screen

Flow 2 — Finding & Using a Coupon

Home / Search Select Store Browse Deals Tap Get Code Code Copied + Redirect Coupon Applied ✓

Flow 3 — Earning & Withdrawing Cashback

Select Store Activate Cashback Shop Pending Notification 7–45 days Wallet Tab Withdraw Credited ✓

Phase 4

Interaction Design

Key Interaction Patterns

🏷️ Coupon Reveal Interaction
  1. User taps "Get Deal"
  2. Button morphs into coupon code with copy icon
  3. Green checkmark micro-animation + haptic feedback
  4. Toast: "Code copied! Opening [Store]…"
  5. App opens store in-browser after 1.5s delay
💸 Cashback Activation Flow
  1. Full-screen bottom sheet appears before store navigation
  2. Prominent CTA: "Activate & Shop Now"
  3. Dismissible with "Remind me in 30 mins" option
📖 Progressive Disclosure on Deals

Card shows: logo, headline offer, cashback %, expiry badge. Expanded view: full T&Cs, success rate, usage count today, related deals.

🎉 Savings Celebration

After confirmed cashback: animated confetti overlay + "You saved ₹X!" Milestone badges shareable to social via deep link.

Micro-interactions

TriggerAnimationDuration
Coupon copiedCheckmark bounce + green fill300ms
Cashback activatedCoins raining animation500ms
Pull to refreshRupee coin spinningContinuous
Deal saved to wishlistHeart fill pulse200ms
Cashback confirmedConfetti burst800ms
Empty stateAnimated illustrationLoop

Error States

Expired Coupon

"This code expired on [date]. Here are fresh alternatives:"

→ Show 3 active deals
📡
Cashback Not Tracked

"Looks like your cashback wasn't tracked. Raise a ticket."

→ One-tap support
📶
No Internet

"You're offline. Saved deals still work!"

→ Show cached content
🏪
Store Unavailable

"This store is temporarily unavailable."

→ Show similar stores

Phase 5

Visual Design System

🎨

Brand Personality: Energetic, Trustworthy, Smart, Celebratory  ·  Tone: Warm, vibrant, approachable — not cluttered, not corporate

Colour Palette

Flame Orange#FF5722Primary CTAs
Deep Amber#FF8F00Savings indicators
Success Green#2E7D32Cashback confirmed
Info Blue#1565C0Informational
Error Red#C62828Errors / expired
Background#FAFAFA
Text Primary#212121
Text Secondary#757575

Type Scale

H128sp / SemiBoldPage Titles
H222sp / SemiBoldSection Headers
H318sp / MediumCard Titles
Body116sp / RegularPrimary body copy
Body214sp / RegularSecondary body
Caption12sp / RegularMetadata, T&Cs
Code14sp / MonoDEAL247

Component Library — 11 Core Components

Deal Card ×3 variants Store Tile Coupon Chip Cashback Badge Wallet Summary Card Category Pill Search Bar Bottom Sheet Toast Notification Empty States Skeleton Loaders

Phase 6

Prototyping & Testing

Prototyping Stages

Stage 1
Paper Wireframes
Low-fi sketches, 5 internal reviewers. Moved Wallet to Tab 3 (center) based on importance.
Stage 2
Mid-Fidelity
Figma grayscale clickable. 5 users. Finding: users missed cashback activation — added persistent reminder banner.
Stage 3
High-Fidelity
Full color, Smart Animate transitions. Tested with 12 users across all 3 personas.
Stage 4
Dev Build
React Native beta on real devices, 50 beta users over 2 weeks (Android + iOS).

Usability Testing — 12 Users (8 Android · 4 iOS)

TaskCompletionAvg TimeKey Issue
Find best deal on Swiggy & get code92%18 sec1 user confused by "Get Code" vs "Shop Now"
Activate cashback for Amazon75%34 secCashback activation not prominent enough
Check wallet & initiate withdrawal83%28 sec"Pending" cashback label unclear
Find Fashion deals under ₹500 off67%42 secFilter options hard to find

Iterations Based on Testing

🐛 Issue: Cashback activation was missed
→ Fix:
Added sticky "Activate Cashback" banner at top of store detail page
🐛 Issue: "Pending" cashback confused users ("Is this lost money?")
→ Fix:
Renamed to "Being Tracked" with a timeline tooltip explaining the process
🐛 Issue: Filters were buried
→ Fix:
Moved filter chips to a horizontal scroll row below search bar — always visible
🐛 Issue: Users unsure if coupon code was real
→ Fix:
Added "✓ Verified 2 hrs ago" + "Used by 247 people today" social proof labels

A/B Testing Plan (Post-Launch)

TestVariant AVariant BMetric
CTA label"Get Code""Copy & Save"CTR
Cashback display"₹45 cashback""3% cashback"Activation rate
Onboarding length3 slides2 slidesCompletion rate
Category orderAlgorithmicUser-selectedEngagement

Phase 7

Developer Handoff

Handoff Tools

  • Design: Figma (dev mode enabled)
  • Tokens: Figma Tokens plugin → JSON
  • Storybook: All UI components
  • Assets: SVG icons, WebP images (2×+3×)
  • Docs: Zeroheight design system

Engineering Stack

Framework
React Native (iOS + Android)
State
Redux Toolkit + React Query
Navigation
React Navigation v6
API
REST + WebSockets
Analytics
Firebase + Mixpanel
Crash
Sentry

Design Tokens (Sample)

// color "primary": { "default": "#FF5722", "dark": "#FF8A65" } "cashback": { "default": "#2E7D32", "dark": "#66BB6A" } "background": { "default": "#FAFAFA", "dark": "#121212" } // spacing "xs": "4px" "sm": "8px" "md": "16px" "lg": "24px" "xl": "32px" // radius "sm": "8px" "md": "12px" "lg": "20px" "pill": "100px" // elevation "card": "0 2px 8px rgba(0,0,0,0.08)" "sheet": "0 -4px 20px rgba(0,0,0,0.12)"

Animation Specs

AnimationLibraryDurationEasing
Page transitionsReanimated280msease-in-out
Coupon copyLottie350msspring
Cashback celebrationLottie800mslinear
Skeleton loadingShimmerLooplinear
Bottom sheetGorhom300msspring

Phase 8

Launch & Iterate

🔒 Soft Launch — WK 1–2

10,000 beta users via invite code only

🚀 Public Launch

Google Play + App Store with ASO-optimized listing

📢 Marketing

Finance/saving influencers, Google UAC, Meta Ads

Analytics Events (Mixpanel)

app_opensession_startdeal_viewedcoupon_copiedstore_redirectedcashback_activatedcashback_pendingcashback_confirmedwallet_viewedwithdrawal_initiatedwithdrawal_completedsearch_performedcategory_browsedreferral_sharedreferral_converted

Iteration Roadmap

Month 1 · Sprint 1–2

Bug fixes, performance tuning, cashback tracking reliability

Month 2 · Sprint 3–4

AI-powered personalized deal feed, notification optimization

Month 3 · Sprint 5–6

Coupon stacking (bank offers + cashback + code combined)

Quarter 2

Browser extension, offline deal finder, Hindi/Tamil/Telugu support

Quarter 3

Social savings groups, price drop alerts, gamified savings challenges

Appendix

Research & Design Artifacts

🔬 Research Artifacts
  • Interview transcripts (25 users)
  • Survey results export (200 responses)
  • App store review analysis (1,000+ reviews)
  • Competitive benchmark screenshots
🎨 Design Artifacts
  • User journey maps (all 3 personas)
  • Full Figma file (wireframes + hi-fi + prototype)
  • Component library documentation (Storybook)
  • Design token JSON export
🧪 Testing Artifacts
  • Usability test recordings (12 sessions)
  • Test task script
  • Results spreadsheet with severity ratings
  • Updated designs post-testing

DealDunia is built on a single insight: Indian shoppers don't lack savings opportunities — they lack a trustworthy, fast, and transparent way to find them. Every design decision in this 8-phase process was made in service of that truth.