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 Personalization✅Partial❌❌
Shopping Assistant✅✅❌❌
Offline Store Deals✅✅❌❌
UPI Withdrawal✅✅✅N/A
Bill Payment Deals✅✅❌❌
Clean Minimal UI✅ModerateModerate✅
💡

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.