Plinko Game

Online casino game for desktop and mobile

A space-themed Plinko game for online casinos. Players drop balls through a board of pegs, and the slot a ball lands in decides the payout.

Company: Monotech Solutions Ltd.
My role: Product designer
Platform: Desktop and mobile

Desktop and mobile Plinko screens before a bet, next to the amount input states and the bet button in autobet mode — Desktop and mobile before a bet, plus the amount input states. In autobet, the BET button turns into START and STOP.

Overview

Before a round, players set their bet and choose low, mid or high risk. They also pick the number of rows, 8 to 16. Autobet and gravity sit on either side of the BET button, and the header keeps the min and max bet and the balance in view.

The board sits in a sci-fi corridor. Balls wait in a glass sphere up top, and the prize slots line the bottom.

The challenge

Plinko is easy to play. But lots of settings surround a board that already fills most of the screen, and it all has to fit on a phone too.

Then there are the states. Waiting for a bet, the bet in progress and wins of different sizes all had to be designed for manual and for autobet mode.

My role

At Monotech I worked on the player experience for live casino, Plinko and sportsbook. For Plinko that meant UX research and product design, plus motion design, the UX flows and the design system's component library.

The work

Win screens on desktop and mobile, then control states and UX flows.

Two desktop Plinko screens, one behind with the rows selector open showing 8 to 16, and one in front with a green board, a 120 euro Big Win banner and multiplier chips

Big win on desktop

On a big win the board and corridor go green, and a banner with the amount replaces the "Press BET to launch" bar. The multiplier chips sit right under it.

The rest of the controls dim. Only the bet amount and BET stay lit.

Three mobile Plinko screens, before a bet, a green big win and a red and orange legendary win, above the states of the amount input, bet button, risk and rows selectors

Win tiers and control states

Here's the phone version, before a bet and then at two win tiers. A big win turns the board and banner green, while a legendary one goes red and orange. The multiplier chips are color-coded by value too.

Underneath are the four controls, each in default, hover, clicked and disabled states. When you click risk or rows, the options open in a row right beside the button.

UX flow diagrams for manual and autobet modes, in columns for game inactive and game active

Manual and autobet flows

I mapped manual and autobet against the same two columns. Game inactive holds the default screens, optional custom parameters and custom states. Game active is the bet in progress.

Manual has two parameter steps and autobet has four. Once the bet is running, both split into a green branch and a red one.

Next project