Lucky Draw

Boost engagement and spend through lottery

User Research

User Research

Scalable IA

Scalable IA

Visual Design

Visual Design

Prototyping

Prototyping

My Role

UX/UI Designer

Industry

Loyalty Program

Tools

Figma, After Effect, Lottieflies

Duration

Q1 2025 - Q2 2025

Teammate

Eve Apissara (UX Designer)

My Role

UX/UI Designer

Tools

Figma, After Effect, Lottieflies

Teammate

Eve Apissara (UX Designer)

Industry

Loyalty Program

Duration

Q1 2025 - Q2 2025

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall

The 1 launched a new item type, Lucky Draw. Members join and collect ballots by spending at participating brands, redeeming points, or doing actions (e.g., check-ins). The more ballots collected, the higher the chance to win rewards.

RESEARCH & EMPATHY

RESEARCH & EMPATHY

Background

The 1 wanted to increase campaign conversion and encourage users to spend more during key promotional periods. However, many users did not feel motivated by traditional point-earning methods and often missed opportunities to participate in campaigns or increase their chances of winning rewards.

To address this, The 1 introduced Lucky Draw, a gamified mechanic where users earn ballots and spin for prizes. This approach creates a sense of anticipation, motivation, and “fun chance” that encourages users to take action. Designed to work across multiple campaigns and brands, Lucky Draw needed to be scalable, easy to understand, and engaging enough to bring users back to the app more often.

Competitor Analysis

  • Coupons-as-tickets (low excitement)

    • Most competitors label entries as “coupons” instead of showing real ballots/tickets.

  • Instant-open mechanics (high excitement)

    • Apps that let users redeem and open a reward immediately create a sense of anticipation and control

    • Make users excited and more willing to collect or redeem more to gain additional ballots

Key Takeaway

  • Make entries visible and countable

  • Show Do X → Get Y ballot

Design challenge

  • Motivate user to redeem more points/spend more to increase their chances

  • Increase their chances of winning
= total number of ballots/tickets earned



Background

The 1 wanted to increase campaign conversion and encourage users to spend more during key promotional periods. However, many users did not feel motivated by traditional point-earning methods and often missed opportunities to participate in campaigns or increase their chances of winning rewards.

To address this, The 1 introduced Lucky Draw, a gamified mechanic where users earn ballots and spin for prizes. This approach creates a sense of anticipation, motivation, and “fun chance” that encourages users to take action. Designed to work across multiple campaigns and brands, Lucky Draw needed to be scalable, easy to understand, and engaging enough to bring users back to the app more often.

Competitor Analysis

  • Coupons-as-tickets (low excitement)

    • Most competitors label entries as “coupons” instead of showing real ballots/tickets.

  • Instant-open mechanics (high excitement)

    • Apps that let users redeem and open a reward immediately create a sense of anticipation and control

    • Make users excited and more willing to collect or redeem more to gain additional ballots

Key Takeaway

  • Make entries visible and countable

  • Show Do X → Get Y ballot

Design challenge

  • Motivate user to redeem more points/spend more to increase their chances

  • Increase their chances of winning
= total number of ballots/tickets earned



DEFINE

DEFINE

UX Strategy

I divided into 3 parts of journey.


What users must know → Information Architecture (IA)

Users need to know three things before they decide to join. The IA puts those answers above the fold in a clear order.

DEVELOP

DEVELOP

Ballot-machine concepts

I explored UI styles that follow the IA but clearly signal “lottery / lucky draw”

  1. Mail box - envelope drops into a mailbox

  2. Claw machine - grabs a ticket/capsule

  3. Gachapon - capsule

  4. Bingo/Lottery Machine - spin, ball drop

After discussion with stakeholders, we chose Design (D) Bingo/Lottery machine because it looks and feels like a lottery spin wheel, so users get it in a second.

Motion & Micro-interactions

I developed the chosen design and created motion to bring it to life. Animations and micro-interaction feedback were built using Figma Prototype and Adobe After Effects, then exported as Lottie JSON files.

Inactive and Active Lottery Machine

DELIVER

DELIVER

Design Iteration

The Lucky Draw IA follows the same item-details pattern used across the app (e.g., Coupon/Cash Coupon) so content blocks, actions, and states remain generic, consistent, and scalable. Reusing shared components keeps the experience coherent across items and makes future items faster to ship and easier to maintain. (See the reason in Gamification case)

User joined and lucky draw activated

User made a Purchase

Winner announced

Copyright 2025 by Peipei Tuangrat

Copyright 2025 by Peipei Tuangrat

Copyright 2025 by Peipei Tuangrat