View more
Published in
2026

Outlier. Pro sports betting analytics dashboard simplified.

Dmytro Staryshev
Marharyta Korovina
Linconl Gomes
Tetiana Vozniak
Alona Yakovlieva
Oksana Shevchuk
Maria Soloveva
Bohdan Kononets
Elena Buzila
Services
Market Research
Product Strategy
User Research
Information Architecture
UX Design
UI Design
Design System
Data Visualization
Accessibility Design
Deliverables
Deployed Web App
Design System
Component Library
Figma Source Files
Developer Handoff Documentation

Outlier is a US sports betting analytics platform designed by Flatstudio from day 0.

We built it from day 0, covering market research, product strategy, and a design system supporting fast integration of new sportsbooks. Colour-vision accessibility was built in from the start – and the platform became a first-of-its-kind US sports betting analytics product.

Core Modules of the Betting Dashboard

An overview of the sports betting analytics platform built for US bettors tracking odds, props, and value bets. Screens cover profit tracking, game insights, arbitrage staking, and dark/light modes.

Middle Bets screen showing moneyline stakes and EV percentage
My picks panel listing saved bets and payout across multiple sportsbooks
Profit chart, game matchup defense stats, and dark mode bar chart mockups collage
Arbitrage bet calculator showing stake split and profit

Typography and Color System for Odds

The visual foundation behind Outlier's design system, built for a data-dense sports betting platform. A teal-led primary palette pairs with five accent colors and SF Pro type for fast odds scanning.

Outlier design system palette with teal primary colors and SF Pro typography
Responsive Layout Grid for Odds Tables

Wireframes mapping the grid behind the sportsbook dashboard, built for developers implementing dense odds tables. Column widths are measured in pixels and held consistent across EV+, Props, and Middle Bets on desktop and mobile.

Desktop and mobile wireframe grid with measured column widths
Wireframe collage of the Insights page and My Picks empty state
Mobile wireframe skeleton for the EV+ tab layout
Mobile wireframe skeleton for the Props tab with league filters
Mobile wireframe skeleton for the Middle Bets tab layout
Icons & 3D Illustrations Library

A custom icon library built for the sports betting dashboard, covering bookmarks, alerts, percentages, and calculations. A separate 3D icon set supports marketing and empty-state screens.

3D illustrated icons in teal, blue, and pink for marketing and empty-state screens
Teal flat icon set covering bookmarks, alerts, calendar, and gift bonus actions
Teal flat icon set covering navigation, verification, search, and percentage stats
Hover States for Odds Table Rows

Interaction states for each odds row, built so bettors can compare sportsbooks without missing a click. Hover recolors rows and logos; a Quick Bet menu links to bookmakers; click zones separate De-Vig and Market Details.

Default and hover row states for an odds table, collapsed and expanded with per-book pricing
Mobile odds card with a Quick Bet dropdown linking
Quick Bet dropdown menu showing  odds with an unhide pick option
Click zone map for an odds row highlighting pick, market details, and de-vig actions
Expanded odds row with a de-vig books table listing win, tie, and loss odds per sportsbook
Expected Value+ panel comparing Multiplicative and Additive de-vig methods with EV and Kelly
Mobile de-vig ring chart showing weighted book contribution to fair value
Mobile de-vig book weighting sliders with an equally-weight toggle and apply button

Game Listings Across Moneyline and Spread

A cross-sport games list inside the sports betting analytics platform,covering multiple sports and leagues. Each row surfaces moneyline, spread, and total odds, plus public betting splits.

Desktop games list showing odds and public betting data across multiple sports and leagues.
Mobile games list showing odds and public betting data across multiple sports and leagues.
Matchup, Injury and Insights per Game

The single-game view a bettor opens before placing a bet, covering one matchup at a time. Gamelines, Player Props, Team Props, and Game Props sit in tabs, next to a panel with injury and position-based defense stats.

Desktop game page showing Team Props odds and a matchup panel with defense stats
Mobile game page showing moneyline, spread, and total odds under the Odds tab
Props tab with moneyline, spread, and total odds rows
Player Props tab listing Cam Reddish over/under points odds
Popular trending parlay feed on mobile with public betting percentages
Popular trending parlay feed on desktop with public betting percentages
Odds Timeline and Team Statistics

The Team Markets tab isn't limited to moneyline and total – it also covers Correct Score, Tri-bet, and Both Teams to Score. Each market carries an odds timeline, L5/L10/L20/H2H filters, and a public-bets chart.

Outlier web app moneyline betting screen
Outlier mobile moneyline matchup screen showing a game with win/draw/loss stats.
Outlier mobile insights screen showing betting trend and public bets chart
Outlier mobile odds movement table with live odds timeline
Outlier mobile screen showing defensive rankings and season scoring comparison
Outlier desktop statistics panel comparing over/under win percentages for two teams
Outlier correct-score prediction screen with head-to-head stats
Outlier mobile screen showing a correct-score matchup screen with head-to-head statistics.
Outlier mobile spread betting screen showing a -3.5 line and stats.
Outlier desktop spread betting screen with margin stats and results
Outlier desktop BTTS screen
Outlier mobile BTTS screen

Player Props with Live Hit Rates

A player props table across multiple sports and leagues, updated live with in-game scores and clocks. Each row shows line, odds, implied probability, opponent rank, and hit rate.

Desktop player props table showing live scores and hit rate percentages
Mobile player props table showing live scores and hit rate percentages
Desktop filter modal with category sidebar and searchable player checklist
Mobile filter modal showing active filter count and player search list
Desktop odds range filter slider set
Mobile implied probability filter slider with percentage range input
Desktop league filter list grouping American leagues and soccer competitions
Mobile league filter checklist with NBA selected among American leagues
Desktop sorting panel with ascending and descending arrows for prop stat columns
Mobile sorting panel showing active filter count and L5 sort selection
Desktop player prop page sorted by L10 with odds timeline and matchup panel
Mobile player prop bar chart sorted by L10 performance
Mobile insights table showing assists over/under results sorted by date
Desktop assists history modal listing minutes, result, line, and odds per game
Mobile assists history modal showing over/under split and per-game odds table
Custom Filters on a Player Prop

Granular filters on a single player prop, built for bettors who want more than a listed line. Sliders adjust margin, minutes per game, and opposition rank, next to L5, L10, and H2H hit-rate breakdowns.

Player prop page with margin, minutes, and opposition rank filter sliders
Player Prop Filters on Mobile

The same player prop filters adapted for a mobile screen, built for bettors filtering odds on the go. Games with or without a specific player, opposition rank, win/loss margin, and a home-games toggle each get their own panel.

Mobile player prop filter panel with opposition rank and home games toggle
Desktop Yes/No player prop page with last five games checkmark trend and odds timeline
Mobile Yes/No player prop card showing 65 percent yes and last five results
Sport-Specific Stats for MLB Props

Sport-specific data layered onto player props for MLB bettors, beyond a generic stat line. Starting pitcher stats, a pitch arsenal broken down by pitch type, and ballpark and weather factors sit on one screen.

Outlier player prop screen showing points-plus-assists trend and starter pitcher stats
MLB pitch arsenal donut charts
MLB ballpark factor rankings and starting pitcher stats table.
MLB Stats on Mobile

The same pitch arsenal and matchup data resized for a mobile browser. Batter stats, pitch arsenal donut charts, and offensive-line blocking percentages carry over from desktop; the platform also has a dedicated Outlier iOS app.

Outlier mobile player prop screen showing points-plus-assists trend and betting lines
Outlier mobile screen showing pitch-type breakdown and batter stats by year
Outlier player prop screen with offensive and defensive line matchup data
Outlier dashboard combining run-pass breakdown, target share, and depth-of-field matchup data

Early Positive EV Table Design

The first version of the Positive EV table, built to help bettors scan for value across sportsbooks. Columns cover odds, no-vig, EV%, vig, Kelly, and width, with saved filter templates for repeat searches.

Early Positive EV table design with odds, no-vig, and Kelly columns
EV Table on Mobile

The full Positive EV table condensed into cards for mobile, without cutting any of the desktop data. Each card holds EV%, Vig%, Kelly%, no-vig odds, and width, with extra rows for specific markets.

Outlier mobile Positive EV screen listing value bets across markets with matching data layout
Outlier mobile EV list showing expanded odds details for specific betting markets
Refined Positive EV Table Design

A refined version of the Positive EV table, shipped as part of ongoing Post-MVP Evolution work after the first release. Kelly Multiplier and EV/Vig controls sit above the table, with fair value shown next to raw odds.

Refined Positive EV table with Kelly multiplier and fair value columns
EV Card View and Book Filters

The refined Positive EV table's card view and book filter panel on mobile. Bettors filter by minimum EV%, minimum Kelly%, vig%, bet type, league, and specific books.

Outlier mobile Positive EV screen with a simplified, decluttered value-bet layout
Outlier mobile EV screen showing de-vig book odds and quick sportsbook comparison filters
Outlier Positive EV table with saved templates and value-bet filters
Outlier mobile Positive EV screen showing value bets and de-vig book odds
Devig book selection  with required, optional, and minimum books settings
Mobile devig book checklist with weight and minimum books controls expanded
Outlier mobile league filter screen for selecting American and soccer leagues
Outlier league filter panel for selecting American and soccer leagues
Outlier devig book weighting panel with equal odds sliders
Outlier mobile devig book weighting screen with equal odds sliders
 Outlier mobile custom devig weighting screen for two sportsbooks
Outlier  custom devig book weighting panel with adjustable sliders
Outlier filter panel for setting devig books and minimum sportsbook count
Outlier mobile filter modal for setting the minimum number of books
Mobile odds movement line chart comparing sportsbook prices with positive EV tags highlighted
Desktop odds movement line chart comparing sportsbook prices with positive EV tags highlighted
Market Limit Filters by Sportsbook

An advanced filter layer for bettors narrowing EV limits. Filters cover dates, Kelly range, minimum EV, width, no-vig odds, de-vig method, and per-book limit ranges.

Outlier filter system collage showing multiple advanced betting filter panels
Outlier filter panel with devig book market limits and distribution sliders
Outlier mobile filter screen showing devig book market limits for two sportsbooks
Outlier mobile Kelly criterion filter screen with a percentage distribution slider
Outlier Kelly criterion filter panel with a percentage distribution slider
Expected Value+ panel with four de-vig methods and a De-Vig book odds table
Mobile player prop page with Expected Value+ panel and radar chart
De-Vig book weighting modal open on a player prop page with matchup panel
Mobile book-weighting sliders with an apply button on the EV+ panel
Fair Value and De-Vig Detail

A mobile drill-down showing how a de-vig fair value is built for one bet. EV%, vig%, width, and Kelly stake sit above a book-by-book odds table with stake limits, next to a ring chart weighting each book's share of the fair line.

Outlier mobile De-Vig detail screen showing fair value odds across sportsbooks
Outlier mobile De-Vig breakdown showing weighted odds ratios by sportsbook

Arbitrage Stakes and Bet Handoff Flow

An arbitrage calculator that splits stake across two or three sportsbooks for a guaranteed return. Bettors enter one amount, see the stake split and arbitrage percentage, then hand off to bookmakers via a QR code and confirm the bet.

Outlier Arbitrage tab showing a cross-market arbitrage opportunity and picks slip
Outlier mobile Arbitrage screen for the same cross-market opportunity
Outlier bet-placement modal confirming a Fanduel stake and guaranteed profit
Outlier modal for entering bet amount and choosing a sportsbook
Outlier modal showing a QR code to place a bet via mobile app
Outlier  confirmation modal after placing an arbitrage bet
Outlier mobile confirmation modal after placing an arbitrage bet
Outlier Middle Bets tab showing a moneyline middle opportunity
Outlier mobile Middle Bets screen for the same moneyline opportunity
Outlier modal listing possible win outcomes for a middle bet
Outlier modal with QR code to continue placing a bet
Outlier Boosts & Promos tab listing boosted-odds offers
Outlier mobile Promos screen listing boosted-odds offers
Outlier boost detail screen with Kelly criterion betting table
Outlier stacked boost offers across multiple sportsbooks
Outlier mobile boost detail screen with Kelly criterion betting table

Saved Picks and Sportsbook Payouts

A running bet slip that tracks saved picks and compares payout across sportsbooks. Picks and Picks History sit in separate tabs, with a sportsbook dropdown ranking payout.

Outlier Props tab listing assist odds and hit rates across NBA games
Outlier mobile My Picks screen listing saved bets across multiple sportsbooks
QR Code Handoff

A QR code moves the bet slip from desktop to mobile, then offers a bonus or a share option. A confirmation notes a 15-minute odds delay, plus a per-book bonus list and a share panel listing selected picks for friends.

Outlier QR code modal for continuing a bet slip on mobile
Outlier mobile bet confirmation modal after placing multiple picks
Outlier modal showing deposit bonus offers across several sportsbooks
Outlier share-with-friends modal for sending selected picks
Outlier mobile share-with-friends modal for sending selected picks
Outlier mobile public betslip page showing a user's shared picks
Outlier public betslip page showing a user's shared picks
Outlier expired betslip page prompting visitors to create their own picks
Outlier mobile expired betslip screen prompting users to create their own picks

Profile Settings and Filter Templates

An account menu covers subscription, referrals, and saved settings, next to reusable filter templates. Each Template saves a Devig Method, Kelly setting, sportsbook, and league; Betting Preferences sets odds format and bankroll size.

Outlier account menu showing saved filters and profile options
Outlier mobile account menu showing saved filters and profile options
Outlier mobile betting preferences screen with odds format and Kelly settings
Outlier betting preferences panel with odds format and Kelly settings
Outlier saved filter templates list grouped by market type
Outlier mobile saved filter templates list grouped by market type
Outlier mobile profile settings screen for name and social links
Outlier profile settings panel for name and social links
Colour Vision Across Screens

An accessibility pass that simulates colour vision deficiency across the sports betting dashboard, not just one screen. Bar charts, odds tables, and the games list are re-rendered under each simulation and checked against the default palette.

Outlier collage comparing standard colors with colorblind-accessible palette variants
Outlier odds boards and player prop charts shown in a colorblind-accessible color palette
Outlier games list and matchup insights shown in a colorblind-accessible color palette
Outlier premium plan screen showing current subscription and upgrade options
Outlier mobile refer-and-earn screen showing referral rewards and signup steps

Onboarding Flow and Subscription Paywall

The full new-user flow from onboarding through the subscription paywall. Four onboarding steps set up preferences, then lead to a three-tier paywall.

Desktop account-created confirmation screen inviting the bettor to personalize their experience
Mobile account-created confirmation screen before the onboarding questionnaire begins
Mobile onboarding step one asking the bettor's main goal with Outlier
Desktop onboarding step one showing four goal options including real-time EV and arbitrage
Mobile onboarding step two listing sportsbook accounts
Mobile onboarding step three listing sports leagues
Mobile onboarding step four selecting favorite bet types
Desktop paywall promoting Outlier Pro with a 7-day free trial and feature previews
Desktop pricing table comparing Premium, Premium+, and Pro subscription plans
Mobile pricing table with a monthly and annual billing toggle for three plans
Desktop subscription management panel showing the active Premium plan and renewal date
Mobile subscription management screen showing current plan and upgrade option
Desktop weekly tips email capture modal with a promo opt-in checkbox
Mobile email capture modal for weekly tips with keyboard open
Mobile subscription confirmation screen next to a live betting promotion card
Mobile push notification permission prompt for prop and odds updates

Starting a data-dense product from zero and want the design system shaped for scale before the first line of code? Day 0 is when we're most useful. Tell us what you're building.

Ready to start your own project?