Crypto Casino & Sportsbook MVP

01 — Overview

A complete first release, screen by screen

A crypto gaming platform needed a first release that already felt complete. As the only designer, I designed it end to end: one product shell that holds 18 casino games, 11 sports, live casino, a lottery and a crypto wallet — 58 desktop screens at 1512 px, from sign-up to cash-out, handed to developers.

• 58 screensDesktop screens, from sign-up to cash-out
• 18 gamesCasino games across 25 game screens
• 11 sportsSports with odds and a bet slip
• 8 wallet toolsFrom deposit to bet history, in one layout

02 — Problem & context

A whole platform, ready to build

The client needed a first release that already felt complete: casino originals, sports betting, live dealers, a lottery and crypto payments, all in one place. The design had to keep a very broad catalogue consistent, make money movement feel safe, and reach developers quickly.

• Breadth18 casino games and 11 sports, each with its own mechanics and data, had to read as one product.
• MoneyCrypto money flows — deposit, withdraw, buy, swap, vault — carry irreversible mistakes, such as sending on the wrong network.
• Real timeMultipliers, odds and live wins are dense and change constantly.
• ComplianceA gambling product must show age, responsible-gaming and compliance information without burying it.
• TimelineAn MVP timeline: screens had to be componentized and handed off fast.

03 — Goals & constraints

One shell, a few templates, one kit

The design goal was one shell, a few repeatable templates and a shared component kit. It was framed from the structure of the delivered file, for desktop at 1512 px.

• 1 · ShellA persistent sidebar and header that reach casino, sports, live casino, lottery, wallet and support from anywhere.
• 2 · TemplatesOne layout per job — game, sportsbook, wallet tool and lobby — so new content slots into the same structure.
• 3 · Kit and handoffCarousels, cards, inputs and lottery tiers as components, with sections marked Ready for dev.

Every new game or sport is a variation, not a new design.

04 — My role

Solo, end to end

I was the only designer, from the product shell and templates to the component library, every screen of the first release and the handoff to developers.

Tools: Figma, with components and Dev Mode for handoff, and laptop and tablet mockups for review.

• Sign up and sign in
• Home and promotions
• 18 casino games
• Crash with 4 round states
• 11 sports
• Bet slip
• Live casino lobby
• Lottery tiers
• Profile
• Deposit, withdraw, buy, swap
• Vault, rollover, bet history
• Live support

05 — Research & insights

Framed from the delivered file

The design goal was framed from the structure of the delivered file. A persistent sidebar reaches casino, sports, crypto features, live casino, lottery, VIP, bonus, referral, blog, insights, support and language from every screen, and every product area hangs off the same shell.

06 — Flows & IA

One shell, four templates

Every screen sits inside the same shell, and nearly every screen is one of four templates. That is what lets 58 screens stay consistent, and what lets developers build the frame once and fill it many times.

The core loop: create an account, fund it in crypto, then play a game or back a match. Each step keeps the next one in view.

• GamePlay area, live players beside it, controls below, live win tracker underneath.
• SportsbookSport bar, featured matches, live and upcoming list, market filters, odds.
• Wallet toolCurrency tabs, one task panel, plain rules, history.
• LobbySearch, sort, provider filter, a tile grid.

07 — Exploration

Dark, fast, unmistakably live

A near-black shell lets game art and sports photography carry the colour, while one lime-to-green gradient marks every action that moves money or starts a round. Monospaced figures keep amounts and addresses readable.

The component page holds every repeating part — hero variants, game and sports carousels, the crash component, slot reels, bet slip, leaderboard, lottery numbers and tiers, inputs, profile, balance and wallet list — so adding the nineteenth game or the twelfth sport means configuring existing pieces rather than drawing new ones.

08 — Final interface

Decisions behind the build

Each decision answers one of the challenges, and each has a cost that was accepted on purpose.

• 01 · One shell for everythingA persistent sidebar and header frame all 58 screens, with the sign-up bonus pinned at the top, so nothing is more than one click away. Trade-off: less room for content on smaller laptops.
• 02 · One template per jobEvery game shares one structure — play area, live players, controls, live win tracker — so learn one game and you can play all 18. Trade-off: unusual mechanics still have to fit the frame.
• 03 · Draw the round, not just the screenCrash is drawn in four states, Hotpot and Tower Legend in three each, so developers see every moment of a round. Trade-off: more frames to keep in sync.
• 04 · Deposits that prevent mistakesCurrency tabs, a named network, copy and QR for the address, and plain rules: minimum, confirmations, “send only BTC on the Bitcoin network”. Trade-off: more text on a money screen.
• 05 · Eight wallet tools, one layoutBalance, deposit, withdraw, buy, swap, vault, rollover and bet history share one template, so money tasks feel predictable. Trade-off: some tools need less room than it gives them.
• 06 · Numbers you can scanOdds and wins in lime; stakes, payouts and addresses in monospace with fixed decimals, so digits line up. Trade-off: two type voices to manage across the kit.
• 07 · Social proof that protects playersLive win trackers show activity across games and sports but mask every username (“aoe***”). Trade-off: less personal than full leaderboards.
• 08 · Responsible gaming built inAn 18+ confirmation at sign-up, plus responsible-gaming, KYC and AML links and a play-responsibly notice in every footer. Trade-off: a little more friction at sign-up.

09 — Outcomes & learnings

Handed off, scoped honestly

The result is 58 desktop screens — registration 2, home 1, casino 25, sports 15, wallet 8, live casino 3, profile and lottery 2, live support and bet slip 2 — handed over in Dev Mode with a component page and presentation mockups, and every section marked Ready for dev.

What isn’t claimed: the product isn’t live yet, so there are no usage, revenue or user-testing results. The client is kept confidential, and its brand is masked in every image.

Next: support the build and QA, then measure sign-up completion, first deposit and first bet once the platform launches.