iGaming · Web3 · PvP

RPS Gamba:
Wager. Play.
Win on Web3.

Rock Paper Scissors with real stakes. Built on Web3, designed to feel like an actual game rather than a crypto product.

🛠 Figma 🛠 Smart Contract Integration 🛠 Web3 Wallets 🛠 Prototyping
RPS Gamba hero
Sole
Product Designer
2
Engineers Collaborated
E2E
Design Ownership
Web3
Platform
The Challenge
1

Problem

Blockchain games ask too much. Steep onboarding, endless wallet prompts, outcomes that feel opaque. Simple concepts end up feeling inaccessible, and players drop off before they ever place a wager.

2

Goal

Build a PvP wagering game that feels fast and fair from the first tap. Connect a wallet, pick a stake, play. Everything verified on chain, nothing hidden.

Sole
Designer

Worked directly with two engineers to shape and ship the whole product. Owned everything on the design side: flows, wireframes, prototypes, UI, motion, the design system. The goal was to make the blockchain feel completely invisible to the player.

Process
How We Got There
01

Discovery

Mapped blockchain flows and researched competing Web3 games. Found the same problems everywhere: too many steps, too little trust.

02

Define

Built personas and ran MoSCoW prioritisation with engineers. Made sure we were building for players first, feasibility second.

03

Design

Flowchart to wireframes to high fidelity UI. Then an interactive prototype walking the full wallet to wager journey before a line of code was written.

04

Test

Usability sessions with real players. Refined based on what we saw. Delivered a design system ready for production.

RPS Gamba
Discovery
Understanding the Space

Research

Worked with engineers to map every blockchain interaction from the start. Researched what other Web3 games were getting wrong. Constant approval requests, confusing wallet states, unclear outcomes. Then designed around all of it.

Insights

Players needed fewer blockchain hurdles. Account abstraction was the answer: smooth play without signing every move. Pair that with clear wager states and transparent results and you get something people actually trust.

Who We Designed For
🧑‍💼
Alex Chen
27 · Financial Analyst · Singapore · iPhone Pro
"Managing crypto always feels like too many steps. Every action needs another approval. I just want to play something that actually feels fair."

Goals

  • Use blockchain apps without the friction
  • Clear, confident balance at all times
  • A quick game that fits into a busy day

Pain Points

  • Constant wallet prompts slow everything down
  • Most Web3 apps feel unsafe or overcomplicated
  • Hard to find something fun you can actually trust

Needs from RPS Gamba

  • Account abstraction so each move isn't a transaction
  • Clear feedback on wagers and results
  • A mobile UI that feels like a real game
👩‍💻
Maria González
32 · Marketing Coordinator · Madrid, Spain · Desktop Mac
"Crypto apps overwhelm me. Too many steps, too much jargon. If I'm playing, I need to know the game is fair."

Goals

  • Get in without complex setup
  • Understand what's happening at a glance
  • Play casually without knowing how the blockchain works

Pain Points

  • Crypto onboarding is intimidating
  • Jargon kills confidence fast
  • Hard to trust outcomes when nothing is explained

Needs from RPS Gamba

  • Simple sign-in and wallet connection
  • Visual trust signals: clear states, clear confirmations
  • Light UI with as little friction as possible
Feature Prioritisation
MoSCoW Framework

Sat down with engineers to define the MVP. Speed, trust, zero unnecessary complexity. Everything else could wait.

Must Have
  • Account abstraction so players aren't signing every move
  • Simple wallet connection and onboarding
  • Transparent wager states and on chain results
  • Responsive UI built for mobile first
Should Have
  • Match history with on chain proof
  • Countdowns and move animations in real time
  • Wager presets for faster play
  • Profile with live token balance
Could Have
  • Leaderboard with win/loss stats
  • Push notifications for invites and results
  • Friend invites and rematches
  • Light desktop adaptation
Won't Have
  • DeFi style staking dashboards
  • Multi token portfolio management
  • Heavy customisation options
  • KYC onboarding
Mapping the Player Journey

Before any pixels, we mapped every path a player could take: wallet connection, wager, result. The flowchart made it obvious pretty quickly where friction was going to show up.

It showed us where account abstraction was essential, where wager confirmations had to be crystal clear, and where results needed more visual weight. All of that got resolved before we touched the UI.

It kept design and development aligned on the same journey. No surprises in handoff.

Flowchart
Wireframes
Structure Before Style

With a solid picture of what users needed, we moved into wireframing. Layouts for both mobile and desktop, all focused on getting players from A to B as quickly and cleanly as possible.

Iterative from day one. Drafts shared early, tested often. An interactive prototype let us pressure test ideas and catch usability issues before a single colour was chosen.

Wireframes
Clean, Dynamic, Trustworthy

The UI needed to feel approachable and trustworthy without looking like a finance tool. Light, fast to read, and built to hold up under the pressure of a live wager.

Motion earned its place. Countdowns built tension. Win and loss feedback hit hard. Every animation had a job: guide attention or reward the player.

Consistent across mobile and desktop. Players always know where they are, what their wager is doing, and what comes next.

RPS Gamba UI Mockups
One Language,
Every Screen

We built a design system to hold the whole product together, covering everything from wallet setup to match results. One consistent experience regardless of where a player landed.

Reusable components: buttons, wager cards, timers, status states. A shared language of colour, motion, and iconography that built trust without adding noise.

It also made development faster. Standard components meant fewer questions in handoff and a cleaner path to shipping.

Wallet
Deposit & withdraw funds
Game Mode
Queue into matchmaking or create a private game
Game Result
Profile and result: what was chosen, who won the round
Navigation
Between home, spectate, and create game
Anatomy of the screens
RPS Gamba home screen on mobile 1 2 3
Wallet
Deposit and withdraw funds
Game Mode
Subtitle for the mode in play
Play
Queue into matchmaking or open a private game
RPS Gamba home screen
  1. 1
    Wallet
    Deposit and withdraw funds
  2. 2
    Game Mode
    Subtitle for the mode in play
  3. 3
    Play
    Queue into matchmaking or open a private game
RPS Gamba private game creation on mobile 1 2
Wallet Funds
Token type and balance available to stake
Amount to Bet
Stake token and the size of the wager
Private game creation
  1. 1
    Wallet Funds
    Token type and balance available to stake
  2. 2
    Amount to Bet
    Stake token and the size of the wager
RPS Gamba game result on desktop 1 2 3 4 5
Navigation
Move between home, spectate, and create
Existing Games
Jump between other live matches
Choice History
What each player threw in previous rounds
Emojis
Send real time reactions to the match
Profile and Result
Who played what, and how the round landed
Game result
  1. 1
    Navigation
    Move between home, spectate, and create
  2. 2
    Existing Games
    Jump between other live matches
  3. 3
    Choice History
    What each player threw in previous rounds
  4. 4
    Emojis
    Send real time reactions to the match
  5. 5
    Profile and Result
    Who played what, and how the round landed
Validated with
Real Players

Ran usability sessions using an interactive prototype that covered the full flow: wallet connection, joining a match, placing a wager, revealing a move.

The thing players noticed most was how account abstraction removed all the constant signing. Countdowns and wager states landed well. The result screen needed more punch though, so we went back and fixed it.

Every session tightened something. The result is a game that feels fast and fair whether you've used Web3 before or you've never touched crypto in your life.

What I
Learned

RPS Gamba showed me how much a simple mechanic can demand from design. The moment you put real money on Rock Paper Scissors, every interaction needs to feel trustworthy and every state needs to be completely clear.

Account abstraction changed the feel of the whole product. So did spending real time on player testing before the build started. What you learn from watching actual people play is something no assumption can replicate.

Web3 products succeed when they stop showing off the technology and start putting players first. That was the north star on this project, and it shaped every decision we made. Those lessons around onboarding and transparency will carry into every project that comes after it.

Next Case Study
Chess24
← Back to Portfolio