DGbet Sports Book

Problem Statement

• The old platform felt outdated and disconnected from the evolving crypto and sports betting audience.

• Poor navigation structure overwhelmed new users.

• Inconsistent branding and user engagement limited conversions.

Goals

• Modernize the outdated UI without alienating existing users.

• Improve user flow for placing bets with minimal friction.

• Enhance discoverability of key sports and esports events.

• Introduce a clean crypto wallet connection experience.

• Boost mobile responsiveness for a growing mobile-first audience.

My Responsibilities

• UX Research & Competitive Analysis

• Wireframing and User Flows

• High-Fidelity UI Design in Figma

• Full Desktop + Mobile Responsive Design

• Prototyping Interactive Flows

• Hand-off to Development Team with Design Specs

Discovery & Research

• Competitive Benchmarking: Reviewed top sports betting and crypto gambling platforms like Stake, Rollbit, Bet365, and bookmaker.

• Heuristic Evaluation: Identified 40+ UX friction points in the old UI.

Key Insights

• Users wanted faster paths to find popular bets and place them.

• Crypto users expected a seamless wallet connection (similar to DeFi apps).

• Mobile users demanded a sticky, simplified navigation.

Design Solutions

1. Fresh Visual Identity

• Adopted a dark, premium theme with DGbet’s signature gold accents.

• Used bold typography to differentiate sections and event cards.

• Created a modular card system for events and markets.

2. Improved Navigation

• Added clear "Top Sports" carousels.

• Created a "Hot Events" section for trending bets.

• Introduced persistent left-hand and bottom navbars for quick access.

3. Wallet-First Betting

• Introduced a "Connect Wallet" CTA in the header.

• Designed a minimal, DeFi-style wallet connect modal.

4. Simplified Betting Slip

• Revamped the bet slip sidebar for minimalism and clarity.

• Added live odds updating animations without refreshing.

5. Promotions Integration

• Dedicated banner sections for promotions like Stakeback programs.

• Incentivized user retention without disrupting core flows.

"From a cluttered Web2 betting site to a sleek, Web3-native sportsbook — this redesign made DGbet faster, cleaner, and ready for the next generation of crypto bettors."

Key Learnings

• Progressive Disclosure Works: By reducing upfront information and revealing details progressively, we significantly improved user engagement and reduced cognitive load.

• Crypto behaviors require crypto UX: Users accustomed to Web3 apps expected instant wallet connections, gasless transactions, and DeFi-style flows, even in a sports betting context.

• Visual Hierarchy is Non-Negotiable: A betting platform without a strong, clear hierarchy overwhelms users, especially under time pressure.

• Small Interactions = Big Wins: Micro-interactions (like live odds updating animations) boosted trust and made the platform feel “alive”.

• Design for Mobile First: Over 65% of betting sessions came from mobile. Building responsive, thumb-friendly layouts upfront avoided future rework.

Ongoing Initiatives

• Currently working on building a new brand identity (colors, typography), a scalable design system, and key financial features for users such as betting performance insights and an embedded wallet.

Final Thoughts

This project was a deep dive into balancing crypto-native behaviors with traditional sports betting expectations. It reinforced the power of progressive disclosure, mobile-first thinking, and visual prioritization in a high-stakes, real-time platform.

The DGbet redesign successfully brought the platform into 2025 standards.

Live Website - https://sportsbook.dgbet.fun/