View Live Project Back to Work

The Vision

Scratch & Win is an interactive digital campaign experience where users reveal rewards through tactile, game-like interactions. The challenge was to make it feel playful and instant while keeping the flow frictionless across devices.

The focus was on balancing visual excitement with strong UX clarity, so users always understand where to tap, what they won, and what action comes next.

Timeline
6 weeks
Deliverables
Campaign UX, UI Screens, Front-End Build
Role
Design + Development

From Wireframe to Launch

01
Flow Mapping
Defined campaign states from entry to reward claim and reduced user drop-off points.
02
Interaction Design
Designed scratch mechanics, reveal timing, and reward confirmation interactions.
03
Visual Direction
Built a high-energy visual style that supports quick comprehension and clear CTA hierarchy.
04
Build & QA
Implemented responsive behavior and tested edge cases across mobile browsers and touch states.
05
Optimization
Refined animation pacing and asset loading to keep interactions smooth on slower devices.

The Challenge

The Challenge

Fun Interaction Without User Confusion

Campaign-based mini experiences often look flashy but fail at clarity. Users can get confused about whether they won, where to continue, or how to redeem rewards.

  • Ambiguous scratch-state feedback
  • Inconsistent reward reveal moments
  • Poor mobile touch performance
  • Weak post-win conversion flow
Our Solution

A Clear, Reward-First Interaction Model

We created a strict interaction sequence where users always understand status, reward outcome, and next action.

  • Progressive reveal states with immediate feedback
  • Strong reward confirmation UI and motion cues
  • Touch-optimized scratch behavior for mobile
  • Clear conversion CTA after each reveal

Scratch & Win shows that campaign interactivity performs best when delight and clarity are treated as a single system, not separate goals.

JavaScript
Canvas Masking
Motion Design
Responsive UI
Campaign UX

Need an interactive campaign experience for your audience?

Get in Touch →