🦆

Lucky Duck

Rewards Platform MVP

Turn everyday spending into exciting rewards. This is a working, clickable concept — designed and built front-to-back in the same stack the product would ship on.

🎯 MVP Goal

Build the core acquisition → activation → engagement → retention loops that drive user growth, habit formation, and reward redemption.

Astro React TypeScript Tailwind CSS Framer Motion

Core Loops

👥

1. Acquisition Loop

Users discover Lucky Duck, sign up, and complete their wallet set up.

🚀

2. Activation Loop

Users get credits, explore rewards, and understand the value.

🎁

3. Engagement Loop

Users play, collect, unlock deals, and build their reward portfolio.

👑

4. Retention Loop

Users return for new deals, achievements, and better odds.

MVP Scope

  • User Signup & Wallet Setup
  • Credit Purchase & Management
  • Reward Discovery & Deals
  • Portfolio & Collections
  • Tier System & Progress
  • Achievements & Notifications
  • Mobile-first Responsive Web App
  • Analytics & Event Tracking

Mobile Screens (Primary MVP Flow)

Try the prototype

The primary happy flow, fully interactive. Create an account, discover a deal, claim your reward, and watch it land in your portfolio. Toggle the site theme to see the light and dark design systems.

  1. 1
    Acquisition

    Landing

    A bold, mascot-led hero that sells the core promise in one line.

  2. 2
    Activation

    Signup / Wallet

    Low-friction account creation that opens a credit wallet instantly.

  3. 3
    Engagement

    Reward Discovery

    Featured deals, categories and trending picks ready to claim.

  4. 4
    Retention

    Portfolio

    Balance, collections and recent wins in one glanceable view.

  5. 5
    Delight

    Celebration

    Confetti + mascot moment that makes every win feel earned.

Key MVP Features

🪙

Credit System

Users purchase credits and use them to unlock rewards.

🎯

Reward Deals

Browse, filter, and discover exclusive rewards and deals.

🗂️

Collections

Users collect rewards and complete themed collections.

🏅

Achievements

Milestones and badges drive motivation and retention.

📈

Tiers & Progress

Level up and unlock better odds and exclusive benefits.

🔔

Notifications

Real-time updates on deals, wins, and achievements.

🎲

Odds Engine

Transparent odds for each reward to build trust and excitement.

📱

Mobile-First

Optimized experience across all mobile devices.

Design System (Foundation)

Colors

Primary Yellow

#FFD600

Duck Yellow

#FFE88A

Deep Purple

#6C3CFF

Success Green

#22C55E

Surface

#1A1A22

Text Dark

#1A1A1A

Typography

Aa

Bold / Semibold / Medium / Regular

Clean, modern, and highly legible.

Components

🪙 Credits 🏆 Tier 3

Expected Impact

👥

Higher Acquisition

Frictionless signup and clear value prop.

🚀

Better Activation

Quick wallet setup + bonus credits.

🎁

Stronger Engagement

Collections, achievements, and rewards.

👑

Long-Term Retention

Tiers, exclusive deals, and personalized offers.

Why Lucky Duck?

We combine the excitement of gaming, the value of rewards, and the trust of transparency to create a habit-forming experience users love. Every screen maps to a growth loop — acquisition → activation → engagement → retention — so product design works as a growth function, not just a coat of paint.

Fun Trustworthy Rewarding Transparent
Lucky Duck mascot holding a star coin

Built by

Shueny Wang

Product designer & front-end engineer

Designed the system and built the front end end-to-end, so handoff to a backend engineer for payments, credits and the odds engine is clean and ready.

See more work →