Interactive Betting App
Role : UX Designer
Time : 2 weeks
Tools : Figma
*
THE PROBLEM
Online betting platforms often feel passive and repetitive — placing bets, watching outcomes, and waiting. But what if betting could feel like a live-action game, where you're not just a spectator but a participant? This project aimed to design an app that combines the thrill of betting with real-time, interactive challenges streamed live.
THE PROCESS
DISCOVERY
DESK RESEARCH
To better understand the needs of the audience — young, thrill-seeking users looking for interactive digital fun — I analyzed:
5 social/interactive apps (like TikTok, Twitch)
8 online betting platforms
20h of Jackass-style video content for tone, pacing, and engagement factors
Key insights:
Live-streamed content tied to real-time actions is highly engaging
Quick decisions = more excitement
Gamified experiences drive longer session times, especially with unpredictable outcomes
DEFINE
USER FLOW
I mapped a dynamic, high-tempo user journey:
Registration — Fast onboarding gets users straight to the action
Challenge Feed — Users scroll through live or upcoming challenges
Accept or Bet — 60 seconds to decide: will the contestant complete it?
Live View + Result — Watch the stream, cheer (or cringe), and see if your bet wins
Real-time action, unpredictable outcomes, and simple navigation were all core to the experience.
PAPER PROTOTYPE
I sketched early prototypes focusing on key interactions: registration, challenge selection, time-limited decisions, and betting. These lo-fi prototypes helped explore pacing and clarity before diving into visuals.
TESTING
GUERILLA TESTING
I tested the paper prototypes with 5 participants. They were asked to:
Choose a challenge
Locate a live stream
Place a bet
Feedback & Fixes:
The magic of live streaming:
Watching a challenge unfold in real time lit up participants. The live stream isn’t just a feature — it’s the emotional payoff. I adjusted the flow to prioritize fast entry into the stream.
Who gets to watch what?
Two users assumed they could only watch streams they had bet on. Others expected a feed of all live events, regardless of participation. I clarified this in the UI with the notification.
Curiosity about past livestream:
A surprising number of users asked if they could rewatch finished challenges — especially the ones they missed or lost. I added a Watch Later feature in iterations, where users could revisit completed streams.
DESIGN
LOW FIDELITY WIREFRAMES
I created detailed wireframes to define structure and interaction points.
HIGH FIDELITY WIREFRAMES
Using bold visuals, high-contrast call-to-actions, and dynamic elements like animated timers and interactive buttons, the interface mirrors the intensity of the experience.
Each screen pulls users into a narrative — making them feel like active participants, not passive observers.
Project was done during the Fullstack UX/UI Designer Course
*
This project was about more than creating a bold concept — it was a deep dive into translating raw excitement into a structured, intuitive experience. In the end, the process showed that building emotionally charged experiences means designing for momentum, anticipation, and shared presence — and continuously testing how those elements show up in practice.
