Back to all projects
RPS desktop and mobile game discovery

RPS

Lead Product Designer · FineLine / Navis

A rock-paper-scissors platform across desktop, mobile and Telegram.

  • Web3 gaming
  • Desktop & mobile
  • Telegram Mini App
Case presentation
Scope
16 case sections · 35 original Figma frames

I designed RPS as part of my product design work at FineLine / Navis. The Figma case follows the path from finding a game to joining a room and reading the result. A separate Telegram Mini App lets players try the core mechanic in a shorter sequence.

Explore Games groups live and replay cards.Original Figma presentation excerpt
Desktop and mobile Explore Games layouts show live cards with round status, stakes and the two players.

Make live games easy to find

  • Discovery
  • Live games
  • Replay

The product home gives players a way into games, quests and the leaderboard. Explore Games then concentrates the information needed to pick a match. The cards show the round, stakes and opposing players on the same surface.

Desktop uses a grid for scanning across matches. The mobile version puts the same kind of match summary into a vertical list, with filtering above it.

Join Game and Custom Game in the same case sequence.Original Figma presentation excerpt
Desktop join-game table, custom room settings and mobile lobby with available and watchable games.

Join a game or set up a room

  • Lobby
  • Room configuration
  • Wallet

The lobby lets players compare available games, join a room or watch one. Starting a custom game takes a different path. The room setup gives the player a place to define the game and choose its token and stake.

The case separates wallet confirmation and stake selection from the initial browsing surfaces. It includes wallet confirmation, room configuration, token selection and a route back into play.

Round and match states from the result sequence.Original Figma presentation excerpt
Three result screens show a round won, a match won and a round lost with large digital scores.

Read the result at a glance

  • Match feedback
  • Score
  • Rewards

Round results pair a large score with a result label and the hand choices. The match win has its own state, distinct from a single round win or loss.

Outside the match, the Figma case also includes the leaderboard, reward views and a crate campaign. Those surfaces give players another way to see progress after the result screen.

Welcome, hand choice and a post-win invitation.Original Figma presentation excerpt
Telegram Mini App screens show the welcome and rules, the rock-paper-scissors choice and the invitation after a win.

Teach the mechanic inside Telegram

  • Telegram
  • Onboarding
  • Hand choice

The Mini App starts with the three hand choices and a short explanation of the rules. The match view keeps those same choices directly under the score. After the first win, a separate screen offers a path to play for crypto.

The portfolio export groups 35 original interface frames into 16 sections. Its desktop, mobile and Telegram screens are shown as original Figma artwork.

Next Project

Fashion Queen

Match-3 gaming, progression and rewards.