View more
Published in
2025
Oddible client logoOddible client logo

Oddible iOS. US Betting App UX & Design System.

Bohdan Kononets
Alona Yakovlieva
Linconl Gomes
Julia Slazhnieva
Maxym Konyk
Oleksandr Kozachinsky
Andrei Zolotukhin
Maria Soloveva
Marharyta Korovina
Services
User Research
Market Research
Information Architecture
UX Design
UI Design
iOS App Design
Design System
Deliverables
iOS App Build
Figma Source Files
Design System
Wireframe Set
High-Fidelity Mockups

Oddible is a social betting app turning complex markets into clear, shareable picks.

We designed it from a one-sentence brief, mapping every user scenario and component variation at the wireframe stage before UI. Developers needed zero clarification cycles during implementation – and the handoff delivered exactly that: zero dev clarification cycles post-handoff.

Inside the Oddible Betting App

A first look at the social betting app built for US sports bettors. Screens cover pick discovery, live odds charts, AI bet grading, and a two-book arbitrage slip.

A first look at the social betting app built for US sports bettors. Screens cover pick discovery, live odds charts, AI bet grading, and a two-book arbitrage slip.

Early Concepts for the Vibe Feature

Two competing directions for Oddible's core discovery screen, tested before locking the wireframes. One built around a single circular vibe entry point, the other around per-league icons.

Oddible My Vibe concept screen with glowing orange circle and pick cards
Oddible Create concept screen with league icon bubbles
Visual Direction Options for Vibe Creation

Three visual treatments explored for the same "Create my vibe" entry point. Options ranged from an illustrated hand motif to a live counter and a soft gradient blob.

Oddible concept screen with illustrated hand motif and "Create my vibe" entry point
Oddible concept screen with counter and Create button
ddible concept screen with pink gradient blob and "Create my vibe" entry point
Game-to-Prop Navigation Wireframes

Wireframes mapping how a bettor moves from a game's Top Picks list to a single player prop. The prop screen carries a Smart Score, a GOOD BET tag, reaction counts, and a game hit-rate chart.

Oddible game page with Top Picks tab and moneyline, spread, and total odds table
Oddible player prop card with Smart Score, GOOD BET tag, and hit rate chart
Local Trends and Arbitrage Pick Feeds

Feed structures for trend-based and arbitrage picks inside this sports betting app. Cards surface local context, the share of users on a bet, and per-pick arbitrage profit.

ddible Trends tab showing "Peoples choice" location-based pick cards
Oddible "Discovered in Alabama" list of picks sorted by highest odds
Oddible Arbitrage Opportunities screen with profit and stake split calculator
300+ Screens Across the Product

The full architecture behind Oddible, covering onboarding through daily use. Flows include a hedge-bet calculator, promo-to-cash conversion, a wallet with real-time P&L, and a swipe-to-delete parlay builder.

Grid of Oddible screens: wallet, hedge bet calculator, parlay builder, and performance dashboard

Typography Tokens for the iOS App

Typography tokens built for engineering handoff. The system uses Apple's SF Pro Text, SF Pro Display, and SF Compact across a Hero-to-H4 scale with defined weights and line heights.

Oddible design system typography card showing SF Pro fonts
Oddible design system typography card showing type scale
Color Tokens for Brand and Vibes

Color tokens covering brand, subscription, and personalization layers of the app. The palette pairs a core orange/cream/dark brand set with a Pro-tier gradient and six distinct "vibe" colors for personalized feeds.

Oddible color palette with brand tones, Pro gradient, and six vibe colors
Layout Grid and Spacing Rules

Spacing rules documented for developer handoff on the main discovery screen. Cards sit 8 pixels from the edge, while the text content grid carries 20 pixels of padding.

Annotated Oddible screen showing 8px card margin and 20px content padding
Custom Icon Set and Avatars

A custom icon library and avatar system built for the app's social and betting features. The set includes functional icons plus avatars in duotone, gradient, and grayscale states.

Oddible custom icon set with icons and duotone gradient avatar styles
Component Library for Betting Cards

A component library covering every betting-card state used across Oddible. States include won/lost bet chips, sportsbook promo cards, line-movement charts, and social proof cards showing bettor percentages.

Grid of Oddible UI components: bet chips, promo cards, and social proof cards

Onboarding Flow for New Bettors

The first-run flow for new users of this sports betting app. Steps include a league picker, a value-prop screen with a user testimonial, and FAQ-style prompts before sign-up.

Oddible onboarding screens with league selection, testimonial, and FAQ prompts
Feedback Loop and Subscription Paywall

A feedback loop and paywall shown right after onboarding. Users can rate the app and leave comments, then start a free trial of the subscription plan.

Oddible Rate The App screen with fire rating, Users badge, and testimonials
Oddible Send Feedback screen with fire rating scale and text feedback field
Oddible Thank You screen confirming submitted app feedback and rating
Oddible Personalizing Your Experience loading screen with progress indicator
Oddible Choose Your Plan paywall with PRO and Basic annual subscriptions

Discovery and Trends Feed Screens

Discovery screens inside this sports analytics app for bettors comparing best matches and trending picks. Top Movers tags show why a line changed, such as after an injury report, next to each pick.

Oddible discovery and trends screens showing top movers and injury-report odds changes
Sportsbook Filters and Sort Options

Filtering tools for the Best Matches feed of picks across sportsbooks. Bettors can toggle sources, then sort by risk, event time, or popularity.

Oddible Best Matches list with picks and BET NOW odds buttons
Oddible sportsbook toggle list and Sort By modal with risk and time options
Arbitrage Bet Calculator Flow

An arbitrage calculator for flagged picks. Entering a stake splits it across two books, then confirms both bets as placed.

Oddible Arbitrage Opportunities list with picks and Calculate bets button
Oddible Calculate Bets result screen with split stake and two Bet placed confirmations

Player Prop Pick Detail Screen

The detail screen for a single player prop pick, built for casual and semi-serious bettors. It surfaces odds, fair odds, EV, win probability, line movement, and last game hit rates in one view.

Oddible pick detail screen with odds, EV, win probability, and hit rate stats
AI Score Summary for Each Pick

An AI-written explanation behind each bet grade, aimed at bettors who don't want to read raw odds data. The summary states the grade in plain language, then lists supporting factors like value percentage and win probability.

Oddible Line Movement tab with odds chart and AI profit history suggestion
Oddible AI Score Summary explaining a GOOD BET grade with supporting factors
Bet Reasoning and Sportsbook Connection

Supporting screens behind each Smart Score verdict in the betting app. Users see why a pick is graded (odds, fair odds, value), log into sportsbooks for full coverage, and check who else picked the same bet.

Oddible good bet modal, sportsbook login list, and who picked it social proof
Line Shopper and Sportsbook Bonuses

The Line Shopper tab compares a pick's odds across every connected sportsbook. Alongside price, bettors see sign-up offers in Bonus Bets.

Oddible Line Shopper screen comparing odds with bonus offers
Oddible bonus bet promo card offering in bonus bets
EV Calculation Methods and Settings

Expected-value tooling for bettors who want to see how a pick's edge is calculated. The settings let users choose between Worst Case, Power, Multiplicative, Additive, or Shin methods, with Pinnacle or Fliff as the no-vig baseline.

Oddible EV Analysis table comparing Worst Case, Multiplicative, and Power methods
Oddible EV Calculation Settings with method toggles
Win Probability Calculation Breakdown

A transparent breakdown of how win probability is derived from market odds. The panel shows a consensus across books, then walks through converting odds to a true probability.

Oddible market overview
Oddible win probability calculation modal with odds conversion steps
Trend History and Injury Filters

Historical trend data behind a single player prop, filterable by season or head-to-head matchups. Hit rates range from recent games to career averages, with a filter to exclude injured players.

Oddible trend history table by season and injured player filter modal

Sportsbook Account Sync and Management

Account management for every sportsbook synced into the app. Screens flag accounts that need 2FA re-authentication, toggle auto-sync per book, and confirm before deleting a connection.

Oddible sportsbook account screen with 2FA alert, auto-sync toggle, and delete confirmation
Sportsbook Search and Selection

The sportsbook picker bettors use to link accounts before betting through the app. The full list spans sportsbooks, narrows instantly as users type, and shows an empty state when nothing matches.

Oddible Add Sportsbooks Accounts list showing sportsbooks with login buttons
Oddible sportsbook search with empty state and filtered results for "Bet"
Sportsbook Login and 2FA Verification

The login flow for linking a sportsbook account from inside the app. Users enter email and password, confirm a 6-digit verification code, then see a success screen unlocking their betting history.

Oddible sportsbook login screen with email, password, and 6-digit verification code

Parlay Builder and Sportsbook Comparison

A parlay builder that stacks multiple picks and checks which sportsbook covers all of them. Parlay payouts are shown, while books missing an event display a lower leg count.

Oddible My Parlays screen with pick parlay and individual leg odds
Oddible sportsbook comparison for a pick parlay showing partial leg coverage
Search by Game, Team, and Player

A unified search across games, teams, players, and markets for finding a pick fast, with results filterable by Smart Score grade or odds range.

Oddible search screen with Player Props, Team Props, and Game Outcomes browsing options
Oddible search screen with keyboard open and typed into the search field
Oddible search results for "Tot" showing Tottenham matches and player names
Oddible pick results list for sorted by highest odds
Oddible Sort By and Smart Score filter screen with odds range slider
Sharp Stats and Top Game Props

The main game page, switching between Top Picks, Sharp Stats, and full game props. Sharp Stats tags each pick with hit rates, while picks are sorted by the highest odds.

Oddible game page with Sharp Stats hit rates and Great bet tags for props
Player Props by Category

Player-level prop markets grouped by stat type for a single game. The page splits Points, Rebounds, Assists, and Threes, with each line tagged Good or Great alongside its odds.

Oddible player props screen
Oddible player props screen with points and rebounds tabs

Social Feed and Follow Recommendations

A social feed where bettors share vibes, tail each other's parlays, and follow top performers. Suggested profiles list win rate next to follower count.

Oddible social feed with tailed bets, follower win rates, and Go Pro follow suggestions
Comment Threads on Shared Bets

Threaded comments attached to a shared bet or vibe post. Users can reply, edit or delete their own comment, report one from others, and see an empty state prompting the first reply.

Oddible comments modal with threaded replies
Oddible comments modal with options, and empty state prompt
Tail a Friend's Parlay

The flow for copying another user's parlay into your own slip. Each leg can be removed before placing, and a banner flags whether your current odds are better or worse than the original tailed bet.

Oddible Tail 3-Leg Parlay screen with better-odds confirmation banner
Oddible tailed parlay screen with lower-odds warning banner and removable leg
Bet Sharing and Leaderboard Ranking

Sharing tools for a placed bet, from posting it to the feed to sending it as a direct message. A separate leaderboard ranks users by ROI or profit in units, filterable by day, week, month, or all time.

Oddible Successfully Placed Bet confirmation with option to post to feed
Oddible bet share screen with comment field and posted confirmation
Oddible Leaderboard ranked by ROI with daily filter and follow buttons
Oddible Leaderboard ranked by Profit in units with all-time filter and empty state

Bettor Profile and Bet History

A bettor's public profile, alongside their private bet history. The profile shows followers, tailed bets, and a badges, while My Bets lists open positions with a live progress bar toward the line.

Oddible bettor profile with badges
ddible My Bets screen with Open Bets tab, live game progress bar, and comments
Follower Management and Activity Feed

Follower and following lists showing each person's win rate next to a follow toggle. Users can filter their Activities feed by placed bets, results, followings, or shared vibes, and remove a follower without notifying them.

Oddible followers list and activity feed settings with silent follower removal
Achievement Badges for Betting Milestones

Unlockable badges tied to real betting milestones, from a first follower to a first moneyline win. Each award, including one for three of five winning bets, can be shared or compared with other users who unlocked it.

Oddible achievement badges: First Friend, First Moneyline Victory, and Ultimate Gold Winner
Home Dashboard and Cash Balance

The home dashboard bettors land on, tracking setup progress alongside money in play. A checklist nudges users to connect bookies and create vibes, while a Cash Balance modal breaks down balances by sportsbook.

Oddible home dashboard with onboarding checklist and per-sportsbook cash balance breakdown
Settled and Open Bets History

A bettor's full history, split between open and settled bets across every connected sportsbook. Each entry carries a personal caption, a comment thread, and results.

Oddible My Bets Settled Bets tab with record, PNL, and today's results
Oddible settled bet feed with captions, comment threads, and a parlay
Betting Calendar and Unit Sizing

A daily profit-and-loss calendar paired with bankroll management settings. Each day shows a dollar result, an AI summary flags moneyline bets as the strongest category, and unit size is set as a percentage.

Oddible profit calendar with daily results, AI summary, and unit size input
Performance Breakdown by Market Type

Profit and ROI tracking broken down by market type, league, sportsbook, or team. ROI ranks a bettor overall, while category data compares Totals against Moneylines.

Oddible Performance screen with weekly profit chart and ROI
Oddible performance breakdown by market type with rank and shareable results
Account Settings and Notification Controls

The settings hub covering account, privacy, and notification preferences in one place. Push and in-app alerts can be toggled separately for bet results, sportsbook promos, and Oddible's own promo messages.

Oddible account settings menu with edit profile and granular notification toggles
Account Details and Data Deletion

Core account fields a bettor can edit directly, including state, verified email, and password. A dedicated flow handles email or password changes, and a separate action permanently deletes the account and its data.

Oddible account management screen with change password, change email, and delete account
Two-Factor Authentication Setup

Security controls for enabling or disabling two-factor authentication on a betting account. Turning it on sends a 6-digit code by email, and turning it off requires an explicit confirmation step.

Oddible iOS app two-factor authentication setup with 6-digit code verification screen
Oddible iOS app security settings showing two-factor authentication enabled and active
Oddible iOS app dialog confirming disable of two-factor authentication security feature
Profile Privacy Permission Levels

Privacy controls covering who can view a profile, share it, or comment on it. Each setting has its own three-tier choice: Everybody, People I follow, or Nobody.

Oddible iOS app profile privacy screen with profile access, sharing, and comments controls
Oddible iOS app profile access permissions screen with Everybody, People I follow, Nobody options
Custom Vibe Builder for Picks

The configuration flow behind a personalized "vibe" feed, choosing a betting style, leagues, and timing. Picking "+EV Betting" generates a saved Vibe feed showing EV picks at fair odds.

Oddible vibe customization screen generating a +EV betting feed
Vibe Sorting and EV Baseline Filters

Filter controls for tuning a saved vibe feed's math and order. Bettors choose an EV method, set a baseline sportsbook, then sort by odds, time, popularity, or highest EV.

Oddible iOS app EV calculation method and baseline sportsbook comparison selection screen
Oddible iOS app sort by screen with risk, time, popularity, and EV filter options
Preset Vibe Types for Bettors

Ready-made vibe presets for different betting styles, from Underdogs to Most Historically Profitable. Each preset returns results with its own AI hint, alongside bonus and promo cards bettors can convert or hedge against.

Oddible Underdogs, Historically Profitable, and Meme Picks vibe screens
Oddible Available Bonuses screen with offers
Oddible Promo Converter and Promo Details screen with hedge bet setup
Promo Hedge and Deposit Configuration

Setup screens for hedging a signup promo against a second sportsbook. Bettors pick a hedge book, then define the promo's type, refund method, and exact deposit and free-play amounts.

Oddible promo hedge sportsbook selector
Oddible customize promo details screen

If your developers keep pinging designers mid-sprint, the problem is the handoff, not the team. A system that answers implementation questions upfront removes those cycles. Ask us how it's built.

Ready to start your own project?