Azuro Lite. Swipe-First Web3 Betting App.
Services
Information Architecture
UX Design
UI Design
Design System
Prototyping
Deliverables
iOS App Build
Interactive Prototype
Figma Source Files
Engagement
.webp)
Azuro Lite is a consumer-facing iOS betting app built on the Azuro protocol.
We designed it as a consumer-facing iOS app on the Azuro protocol, covering information architecture, UX, UI, and prototyping for a swipe-based betting flow. Decentralised betting mechanics needed to feel like scrolling, not using a technical sportsbook – and the result hides protocol complexity behind fast, simple market discovery.
App Overview: Betting and Rewards
A first look at Azuro Lite's core loop for Web3 bettors. Swipe-bet-win mechanics sit alongside bet tracking, a social feed preview, 3D visuals, and a reward icon system.
Trends Feed for Match Discovery
The home screen for the iOS betting app built on the Azuro protocol, surfacing matches Web3 bettors can act on fast. Cards show the crowd split on each match plus saved collections by sport.
Leaderboard and Story-Style Content
A ranked leaderboard shows each bettor's win rate next to a full-screen story format for match news. Tapping a story links directly to the related fixture and a Create Combo action.
Swipeable Match Card Feed
Bettors browse upcoming fixtures by swiping through full-screen match cards instead of scrolling a list. Each card carries kickoff time, a stake field, and Win 1 / Draw / Win 2 odds inline.
Combo Bet Builder Flow
Built during the app's original Pitch & Product Concept phase, this onboarding walks bettors through building a multi-match combo by swiping the card feed. A running slip tracks picks, total odds, and payout.
Bet Placement and Confirmation
Placing a bet is reduced to a single tap on one of three odds, with the selection locking in place immediately. A success modal confirms the bet without leaving the match feed.
Match Page Stats and History
Opening a match surfaces the data bettors need before staking, from popular bet splits to head-to-head form. The same screen lists the biggest live stakes by user and both lineups.
Betting Lines and Stake Entry
Beyond the main match odds, bettors can pick totals and yellow-card lines priced as Yes/No. Selecting one opens a numeric keypad to enter the stake amount in USD before confirming.
Esports Match Page and Live Stream
Esports coverage was added under Post-MVP Evolution, extending the same match structure to live esports. An embedded stream sits next to the live score and a handicap line.
Match Chat and League Standings
Each match has its own chat room. Replies can carry an odds pick directly in the message, next to a league standings table.
Bet History and Social Proof
Bettors track every pick's state – accepted, won, or lost – including combo results with total odds. Each settled bet shows the percentage of users who won the same bet, plus a riskiest-bets leaderboard.
Wallet-Connected User Profile
This screen keeps wallet state visible for bettors using a Fintech and Web3 protocol product, showing balance in ETH with a USD equivalent. E-wallet and the network can be changed here, next to badge progress.
Achievements and Betting Stats
Badges track milestones like first 10 bets or biggest stake, each with a condition checklist before the reward can be claimed. A separate statistics screen breaks down monthly ROI, drawdown, and win streak.
Notifications for Bets and Chat
Notifications cover both betting and social activity in one feed – match start alerts, chat replies, likes. A won bet shows its payout amount directly in the notification, not just a status update.
Betting School and Bet Glossary
A built-in Betting School gives newer bettors guide cards on how bookmakers work before they place a bet. Below it, bet types are organised into an alphabetical glossary from Outcome bets to Total.
Beginner Guide Article Layout
Individual guide articles walk beginners through concepts like spreads, using a worked example rather than a definition alone. Tags, view and like counts, and related articles sit below the text.
In-App Glossary Search
Search surfaces betting-school content as bettors type, matching partial terms like 'Co' to glossary entries such as 'What Does Combo Mean?'. Recent searches and recommendations appear before any input.
Building a consumer product on Web3 infrastructure your users shouldn't have to understand? Hiding that complexity is an interface discipline, not a compromise. Show us your protocol.
Ready to start your own project?
