View more
Published in
2026

B.XYZ. House-free Web3 sportsbook and casino platform.

Elena Buzila
Bohdan Kononets
Maxym Konyk
Dmytro Nedvyha
Roman Danyliuk
Andrei Zolotukhin
Maria Soloveva
Services
User Research
Information Architecture
UX Design
UI Design
Product Redesign
Marketing Design
Deliverables
Deployed Web App
Visual Identity System
Figma Source Files

Bookmaker.XYZ is a Web3 non-custodial sportsbook.

We redesigned it as a Web3 non-custodial sportsbook, covering user research, information architecture, and product redesign for crypto-first bettors. The interface needed to feel "invisible" – fast odds, clear limits, no friction between decision and action – and the result made Web3 infrastructure feel as frictionless as a conventional platform.

Full Redesign Scope, Brand to Betslip

Redesign scope for Bookmaker.XYZ, a Web3 non-custodial sportsbook for crypto-first bettors. Includes brand identity, 3D icons, a swap-and-bridge system, and a combo betslip with live odds.

Bookmaker.XYZ Web3 sportsbook redesign overview showing branding, 3D icons, betslip, swap system

Type and Color Foundations for Web3

The visual foundations of Bookmaker.XYZ, defining typography, color, and the core design language used throughout the platform. Fivo Sans Modern handles headlines and creatives; Inter runs the interface.

Bookmaker.XYZ design system color palette with Fivo Sans Modern and Inter typography specimens
Wireframing the Sportsbook Flows

Early-stage wireframes structuring desktop and mobile layouts for the sportsbook redesign. Skeleton screens mapped navigation, content blocks, and primary actions before UI design began.

Overlapping desktop wireframe skeletons for the Bookmaker.XYZ Web3 sportsbook redesign, shown at an angle.
Mobile wireframe skeleton screen for Bookmaker.XYZ showing a profile card and an active tab state.
Mobile wireframe skeleton for Bookmaker.XYZ with a large placeholder content block below the header.
Mobile wireframe skeleton for Bookmaker.XYZ showing two profile icons and a right-aligned active tab.
500+ Component Design System for Betting

Component library and design tokens covering transaction confirmations, bonus selection, and wallet balances. States include insufficient-funds warnings, minimum-bet limits, and Discord support prompts.

Bookmaker.XYZ UI component library with bonus lists, wallet balance, betslip validation states

Multi-Sport Betting Hub for Web3 Bettors

Homepage structure for new and returning players browsing bookmaker.xyz before connecting a wallet. Surfaces a promo banner, betting events across 12 sports, a live big-bets feed, casino games, and recent wins.

Bookmaker.xyz desktop homepage with freebets banner, betting events, latest big bets, casino games, recent wins
Bookmaker.xyz mobile homepage showing freebets banner, event search, top betting events and combo of the day
Bookmaker.xyz sports tips card with odds and possible payout
Bookmaker.xyz mobile casino section with Slots, Roulette and Poker tabs and a game thumbnail grid
Multi-Sport Betting Hub for Web3 Bettors

Sports betting section covering betting markets across traditional sports and esports. The layout combines market navigation, live odds, and a best-odds panel into a unified experience.

Bookmaker.xyz sports betting homepage with sport sidebar, best odds panel and mobile testnet promo banner
Bookmaker.xyz Football category page with league filters, country list and crypto football betting odds
Bookmaker.xyz mobile Football tab showing matches, match odds
Event Search Across Sports and Esports

Search module for bettors finding live and upcoming matches across sports and esports. Results group by category, flag live matches, and link straight to each market.

Bookmaker.XYZ desktop and mobile search interface showing live soccer and cybersport match results.

Match Odds, Statistics, and Price Alerts

Core betting flow, from the sports homepage to a single match page. Each match adds a statistics tab with market predictability and an odds-movement chart where bettors can set price alerts.

Bookmaker.xyz sports homepage showing best odds cards, tips from masters, and top football list
Bookmaker.xyz match page with odds tab, tips and trends, and markets
Bookmaker.xyz mobile  match page showing odds tab and tips and trends section
Bookmaker.xyz mobile crypto and GameFi tab with a Dota 2 prediction market and Toto pool
Bookmaker.xyz crypto section desktop showing GameFi prediction cards and a Manchester United Toto pool
Bookmaker.xyz expanded odds markets including corners, fouls, and yellow cards
Bookmaker.xyz mobile odds list covering result, handicap, and total goals markets
Bookmaker.xyz mobile statistics tab showing goals scored, goals conceded, and market predictability bars
Bookmaker.xyz desktop match statistics page with goals data and full time result predictability chart
Bookmaker.xyz settled match showing final score and USDC amounts staked per market
Bookmaker.xyz mobile settled match odds screen listing USDC amounts for full time result and totals
Bookmaker.xyz mobile odds movement chart for full time result showing opening, lowest, and highest odds
Bookmaker.xyz desktop odds movement modal with alert bell and odds history chart
Bookmaker.xyz mobile odds movement chart for the Draw outcome with opening and highest odds
Bookmaker.xyz create alert modal letting bettors set a target odd value for Under 2.5 goals
Bookmaker.xyz mobile odds movement chart for the Total Goals Under market with alert bell icon

Wallet Connection and Social Login

An onboarding modal combining Web3 wallet connection with traditional account sign-in. The flow supports multiple authentication methods, promotional offers, and a guided introduction for new users.

Bookmaker.xyz connect wallet modal with MetaMask, Phantom, WalletConnect and social login options
Deposit, Withdraw, and Welcome Flows

A set of onboarding modals guiding new users through their first steps on the platform. The flow covers account funding, withdrawals, and a short introduction to the core experience.

Bookmaker.xyz withdraw crypto modal with USDT Polygon address field and withdrawal amount input
Bookmaker.xyz deposit USDT modal showing wallet address, buy with card, and bridge and swap options
Bookmaker.xyz welcome modal confirming wallet connection with a 3-step deposit and betting guide
Crypto Swap and Bridge Flow

Funding hub letting bettors convert existing crypto into betting balance on the platform. A 3-step flow – select, swap, bridge – shows the exchange rate, transaction time, and cost before confirming.

Bookmaker.xyz crypto swap and bridge flow powered by 1inch showing transaction cost

Anonymous Bettor Profile and History

Profile module preserving non-custodial anonymity while tracking betting history for each user. Wallet address replaces a username, bets show won or declined status, and a View on Explorer link ties every result on-chain.

Bookmaker.xyz anonymous user profile showing bet history, wallet address, view on explorer link
Bookmaker.xyz mobile My Bets tab showing an editable anonymous username and a won single bet
Bookmaker.xyz mobile My Bets filters panel with bet type and sort by creation time options
WXDAI Token Redemption Explainer

Educational modal translating a Gnosis Chain token mechanic into plain steps for bettors. Three numbered steps cover the liquidity pool, unwrapping WXDAI into xDAI, and setting a spending cap, next to a balance panel.

Bookmaker.xyz WXDAI redemption modal explaining liquidity pool and spending cap steps
Bookmaker.xyz participating contests panel listing prize pools and each bettor's current placement
Bookmaker.xyz Gnosis Chain WXDAI balance modal showing amount in bets and amount available to redeem
Referral Program and Rewards Tracking

Referral module rewarding users for inviting new bettors to the platform. Shows a shareable link, an explainer, and three tracked metrics – referral count, current rewards, and total earned.

Bookmaker.xyz referral modal with shareable link, current rewards and total earned stats
Jackpot Pool Betting Tracker

Jackpot module – a pooled prediction game layered on top of standard iGaming sports betting. Active and closed rounds show pool size, bet combinations, and a win-threshold tooltip.

Bookmaker.xyz football jackpot page showing pool size, bet combinations and win threshold tooltip
Bookmaker.xyz mobile jackpot tab showing an active football jackpot with pool size and bet combinations
Bookmaker.xyz mobile jackpot screen showing a redeemable payout and a separate canceled jackpot round
Jackpot Bet Combination Details

Detail view expanding a single jackpot entry into its full match-by-match combination. Lists up to 15 matches per bet with three outcome percentages each, plus won-events count and payout in USDT and $AZUR.

Bookmaker.xyz jackpot bet detail listing 15 match combinations with outcome percentages and payout
Bookmaker.xyz mobile jackpot detail showing finished bet combinations and a settled football jackpot round
Bookmaker.xyz jackpot reward tiers showing payout amounts for 15, 12, 10, and 9 won events
Bookmaker.xyz Toto dashboard listing user-created prediction pools across sports, esports, and crypto events
Bookmaker.xyz mobile Toto dashboard showing a prediction pool waiting for resolution
User-Created Toto Prediction Pools

Toto module letting bettors create their own prediction pools with no liquidity risk on their end. Includes a Create Event CTA, status tabs for tracking each pool, and a category picker – Sports, GameFi, or Crypto.

Bookmaker.xyz Toto empty state on desktop and mobile with a create event call to action
Bookmaker.xyz mobile choose category screen for creating a Sports Toto prediction event
Bookmaker.xyz choose category screen showing Sports, GameFi, and Crypto Toto event options
Bookmaker.xyz GameFi event creation form for a CS:GO match next to a single bet slip
Bookmaker.xyz mobile GameFi event creation form showing team selection and market question fields
Bookmaker.xyz My NFTs grid showing achievement, award, bet, and bonus NFT categories
Bookmaker.xyz mobile My NFTs tab showing a freebet bonus NFT card with details and use button
NFT-Based Bonus and Freebet System

Bonuses issued as NFTs, added under Post-MVP Evolution retainer. Each NFT lists type, amount, minimum odds, and expiry, alongside a filterable My NFTs grid.

Bookmaker.xyz freebet NFT detail page with description, properties, and contract details panels
Bookmaker.xyz mobile My NFTs Bonuses tab showing a 5 xDAI freebet card with two expiry dates
Bookmaker.xyz My NFTs Bonuses tab showing freebet, first deposit, and welcome bonus NFT cards

Casino Game Catalog and Categories

Casino game library organized into Slots, Roulette, and Poker categories. Includes live-dealer titles and instant games, gated behind a Connect Wallet prompt.

Bookmaker.xyz casino games page showing slots, roulette, poker categories and connect wallet
Casino Deposit Flow

Casino balance separated from the sportsbook wallet, with web3 wallet-based deposits. Preset amounts, on-chain confirmation, and in-game controls streamline the playing experience.

Bookmaker.xyz casino deposit modal on desktop and mobile with preset amounts and confirmation time
Bookmaker.xyz slot game desktop view with credit balance and turbo spin control
Bookmaker.xyz mobile slot game with recommended games list and site footer

If your crypto sportsbook still feels like a crypto product first and a sportsbook second, that friction is fixable at the interface layer. Tell us where users drop.

Ready to start your own project?