High Roller Hippo Clique

HRHC — Eight games, one wallet, one interface

A Solana casino for a 7,777-hippo NFT community — eight games in one chrome, with the SOL balance, payouts and a public record of play in view, plus the landing site that brings holders in.

Role
Lead UX/UI Design
Team
Years
2022
Industry
Web3 · Gaming
Headline result
8

Eight games — roulette, slots, plinko, coinflip, crash, mines, the wheel and a lottery — in one interface with one wallet and one balance.

A Solana casino for a 7,777-hippo NFT community — eight games in one chrome, with the SOL balance, payouts and a public record of play in view, plus the landing site that brings holders in.
Primary surface
Fig. 01

[ The problem ]

High Roller Hippo Clique began as an NFT collection — 7,777 hippos on Solana — and set out to become a casino run by its community, with casino revenue shared back to the people holding a hippo. A crypto casino asks two things of a player at once: learn a game, and trust it with a wallet. HRHC needed eight different games to feel like one product, with the balance and the record of play in view, a brand loud enough to hold its community without drowning the controls, and a landing site that could explain all of it to someone arriving from a marketplace.

[ Goals ]

    Approach

    One chrome holds everything. A fixed left rail lists the games, so switching is one click and never a page a player has to find their way back from. A persistent top bar carries the SOL price, today's payouts, the player's balance, Manage Funds and Connect Wallet. Whatever a player is doing, those facts are in the same place, and funding opens as a panel over the game rather than an account page. Inside that frame each game gets only the controls its mechanic needs. Roulette, slots, plinko and coinflip share one wager row — select a stake, then one verb: Spin the Wheel, Pull Lever, Drop the Ball, Flip the Coin. Crash adds manual and auto modes with an auto cash-out, because it is played in long runs. The wheel and mines put the stake beside a risk setting in a left-hand panel. The chrome does not change; only the play area does. Under the core games sits the same record: My History, High Rollers and Recent Plays, each row showing player, time, wager and payout with wins and losses coloured. In a wallet-funded casino that record is the trust mechanism — a player can see what just happened to everyone, not only to themselves. Roulette runs beside a live host and chat, and crash lists every player in the round, so the social game sits in the same frame as the wager. The landing site does the other job. It explains the clique, its founders, the roadmap and the questions holders were asking, hands off to Magic Eden, Discord and the casino, and was laid out again at 375 rather than reflowed.

    Crash and the wheel side by side — different mechanics, the same chrome and the same place for the stake.
    Crash and the wheel side by side — different mechanics, the same chrome and the same place for the stake.

    [ Scope and constraints ]

    What I owned
    Shared chrome — game rail, balance bar and wallet connection Eight game interfaces: roulette, slots, plinko, coinflip, crash, mines, the wheel and a lottery Betting controls including manual and auto modes and auto cash-out Leaderboard and play-history pattern Live host and chat layout for roulette SOL funding — balance, deposit and withdraw Landing site at desktop and mobile Brand application across the product
    Constraints
    The hippo cast came from the collection's own artist, so the product had to carry an existing brand rather than invent one Eight games with different mechanics had to share one chrome Players arrive wallet-first from a marketplace, so SOL, balance and funding had to read without explanation
    How it was tested

    [ The work ]

    The surfaces.

    BeforeAfter
    1

    Where holders come in

    Explain an NFT project, a casino and a community-run organisation to someone arriving from a marketplace, in one scroll.
    Objective

    Explain an NFT project, a casino and a community-run organisation to someone arriving from a marketplace, in one scroll.

    Process

    The hero says all three at once over the hippo cast, with Buy on Magic Eden in the hero and the Discord directly beneath it. The page then answers in order — what the clique is, who runs it, the roadmap, and an FAQ covering the revenue split, which tokens the casino takes and whether you need a hippo to play. Every section was laid out again at 375 rather than reflowed.

    Outcome

    The collection, the Discord and the casino each get a clear way in, at desktop and on a phone.

    hrhc-crypto-casino
    2

    The lobby

    Give a community-owned casino an entrance that sells the community as much as the games.
    Objective

    Give a community-owned casino an entrance that sells the community as much as the games.

    Process

    The brand runs at full volume here — the Hippo Clique mascots, a dated event banner for Super Stack Sunday, and Our Games below. The game rail and balance bar are already in place, so the lobby sits inside the product and leaves the marketing job to the landing site.

    Outcome

    The brand carries the entrance; the rail carries the product.

    hrhc-crypto-casino
    3

    Funding in SOL

    Let a player move SOL in and out without leaving the table.
    Objective

    Let a player move SOL in and out without leaving the table.

    Process

    Manage Funds opens as a panel over whatever is on screen: the balance, the day's change, an amount in SOL and Deposit Now, with Withdraw in the same panel. The top bar that launches it keeps the balance in view everywhere else.

    Outcome

    Funding is part of play rather than an account page a player has to go and find.

    hrhc-crypto-casino
    4

    Roulette, beside the stream

    Put the social half of the casino in the same frame as the wager.
    Objective

    Put the social half of the casino in the same frame as the wager.

    Process

    The wheel and betting board sit left, with quick chip values and colour bets. A live stream and chat run down the right at a width that stays readable without competing. A round timer and the previous round's result sit above the board, so a player joining mid-round knows where they are.

    Outcome

    The stream is part of the table rather than a second window.

    hrhc-crypto-casino
    5

    One frame, every game

    Make very different games feel like one product, and make the next one cheap to add.
    Objective

    Make very different games feel like one product, and make the next one cheap to add.

    Process

    Slots, plinko and coinflip change only the stage. Under each sits the same wager row — Select your wager, then one verb: Pull Lever, Drop the Ball, Flip the Coin — and under that the same leaderboard. Roulette follows the pattern with Spin the Wheel.

    Outcome

    A new game is a new stage dropped into an existing frame, and a player who has learned one game already knows where everything is in the next.

    hrhc-crypto-casino
    6

    Every play, in public

    Make the record of play the trust mechanism, and put it where a player will actually read it.
    Objective

    Make the record of play the trust mechanism, and put it where a player will actually read it.

    Process

    One pattern under the core games, with three views: My History, High Rollers and Recent Plays. Each row is player, time, wager and payout, with wins in green and losses in red so the shape of a run is readable at a glance. A single Load All Stats link sits under the table instead of pagination.

    Outcome

    The same record under roulette, slots, plinko and coinflip, so the next game page arrives with its transparency already designed.

    hrhc-crypto-casino
    7

    Crash, with the whole round on screen

    Design for the way crash is actually played — many rounds in a row, with everyone watching the same multiplier.
    Objective

    Design for the way crash is actually played — many rounds in a row, with everyone watching the same multiplier.

    Process

    A Manual and Auto tab tops the bet panel, with bet amount and an auto cash-out below it and a single Place Bet. The multiplier and the round's result are called out large on the stage, and every player in the round is listed with their stake.

    Outcome

    Auto mode and auto cash-out make long runs possible without a click per round, and the player list turns each round into something shared.

    hrhc-crypto-casino
    8

    Risk as a control

    Let a player set how volatile a game is, in the same place they set the stake.
    Objective

    Let a player set how volatile a game is, in the same place they set the stake.

    Process

    The wheel and mines share one left-hand panel. The wheel pairs the stake with a game mode — low risk shown here — while mines pairs it with a cards setting and a Cash Out that shows the running win. The stage takes the rest of the screen.

    Outcome

    Volatility becomes a dial a player sets beside the stake, and the house games read as one family.

    hrhc-crypto-casino
    9

    A draw worth coming back for

    Give a slower game its own tempo — a reason to come back, not just another thing to play.
    Objective

    Give a slower game its own tempo — a reason to come back, not just another thing to play.

    Process

    The page counts down to the next draw with Get a Ticket directly under the clock, then lays out the prizes in tiers: a non-guaranteed jackpot with its odds stated, guaranteed first and second prizes, and additional prizes with an unlock meter.

    Outcome

    When the draw happens, what is in the pot and what is guaranteed are all readable before a player buys a ticket.

    hrhc-crypto-casino

    [ The system underneath ]

    [ Results ]

    8 | Games in one interface 3 | Leaderboard views under the core games 1 | Wallet balance, visible everywhere 2 | Viewports for the landing site

    Eight games sit inside one interface, so a player learns the chrome once and the only new thing in each game is the play itself. The shared record of play meant each new game page arrived with its transparency already designed, and the landing site gave the community one front door that sells the collection and hands off to the casino.

    What I carry forward

    Putting the record of play under the games, rather than behind a menu, was the decision that made the product feel trustworthy. In a wallet-funded casino, transparency is an interface problem before it is a technical one.

    ← All work

    More work