The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
BetPro is a modern sports betting mobile application designed to provide users with a fast, intuitive, and engaging way to discover live sporting events, explore betting markets, place bets, and manage their accounts and wallet.
🎯 Project Objective
The goal was to simplify the sports-betting journey while creating a premium, trustworthy, and high-energy digital experience. The interface focuses on quick access to live matches, easy odds comparison, seamless bet placement, and transparent wallet management.
🎨 Visual Direction
The design uses a dark premium UI with electric green accents, creating a visual language associated with sports, energy, and technology.
Primary: Neon Green #31C24A
Background: Deep Navy / Black
Typography: Poppins
UI: Rounded cards, high contrast, subtle gradients
Design system: 8px spacing, reusable components, consistent states
Navigation: Bottom-tab navigation for quick access
⚡ Core UX Features
Live sports & real-time odds
Multiple betting markets
Single and multiple bets
Quick stake controls
Potential-return calculation
Live match tracking
Wallet & transaction management
Promotions and bonuses
KYC verification
Responsible-gaming controls
💡 UX Focus
The main UX principle is “Bet faster, understand more.”
The interface minimizes unnecessary steps between discovering a match → selecting odds → reviewing the bet → placing the bet, while keeping important information such as odds, stake, potential returns, and account balance highly visible.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
How do you keep a brand's promise of calm intact once real users start clicking through checkout?
Mudita builds minimalist devices around one idea: technology that harmonizes with your life instead of competing for your attention. The brandbook lays that promise out in detail - tone, restraint, what the brand should never feel like. My job was carrying that same discipline into the product itself.
I worked across the checkout flow, the storefront and category browsing, and the product page above the fold - three surfaces where small frictions had quietly built up against the brand's own case for calm. The brandbook gave the rules. The UI work was making sure those rules survived contact with a real cart and a real user.
For the case study visuals, I used AI for the first time to produce product footage 🤖 - wind moving through a scene, an object drifting in place. Higgsfield was genuinely a good way to learn that workflow fast.
Full case study - actual before/after breakdowns - is up on Behance 🔗, linked below.
Genuinely curious where people land on this: generating production assets with AI is fast, and honestly kind of fun as a workflow - but there's real pushback that it's taking work away from people who used to shoot this stuff. Where do you fall on that?
The checkout flow detail is what stands out to me, that's usually where a brand's calm promise turns into three different button behaviors fighting each other. On your AI question, I think it matters less whether it's fast and more who's checking the output against the brand's...
Awesome!
Looks great
