BestOdds. Sports betting odds comparison platform.
Check
Website
Partnership
2+ years
Services
Market Research
Product Strategy
Data Visualization
Dashboard Design
UX Design
UI Design
Product Redesign
Deliverables
Research Findings
Wireframe Set
Design System
Component Library
Handoff Documentation
Design QA Report
Asset Pack
Technical Documentation
BestOdds is a sports betting odds comparison and intelligence platform.
We redesigned it as a sports odds comparison and intelligence platform, covering new player and match pages, a US props section, and expanded sports features. The site needed better odds/data discovery and conversion paths without breaking SEO-driven content or affiliate monetisation – and Flatstudio's alternative site structure proved more efficient than the competitor approach it was measured against.
Match, Odds & Player Props Overview.
A snapshot of BestOdds, a sports betting odds comparison platform for bettors. Match pages show win probability and head-to-head trends; props pages pair stat charts with live moneyline, spread, and total odds.
Design System for Live Odds.
A desktop and mobile grid built for BestOdds' data-dense odds tables and props cards. A content style guide with vertical-rhythm rules keeps columns, spacing, and typography consistent across every screen as new sports and markets are added.
Typography for Odds-Heavy Screens.
Type choices for a screen full of odds, spreads, and player stats. Sink Font carries bold headlines, while Ubuntu Sans handles body copy and dense numeric tables at small sizes.
Color System for Odds Signals.
Color tokens that carry meaning across BestOdds' odds tables. Green, cyan, and navy form the core palette; accent red, orange, yellow, and green flag live badges, trends, and win or loss states.
Homepage for Multi-Sport Bettors.
The entry point for bettors navigating NFL, NBA, MLB, and NHL from one home screen. Featured games, live scores, players' best bets, and ranked sportsbook and casino categories sit in a single scroll.
Empty States for Off-Season Sports.
A pattern for months when a league has no active games. Rather than a blank screen, an out-of-season message stays paired with live games and betting offers from other sports in the sidebar.
League Hub Pages Across Sports.
Each league inside BestOdds gets its own hub – NFL, NBA, MLB, and NHL – a structure we reuse across sports analytics products. A season progress bar, best-bet call-outs, and team standings sit alongside league news on one page.
Games List with Public Betting Splits.
The games list at the center of this sports platform, filterable by today's, live, and upcoming matchups. Public betting shows the split between the % of money and the % of bets, next to a running best-bets sidebar.
Scoreboard Hub and Final Box Scores.
A scoreboard hub searchable by team and week, for bettors reviewing finished games. Each final game page breaks down the score by quarter, marks which moneyline, spread, and total bets hit, and lists box score leaders by stat category.
Best Bets by Team or Player.
Trend-based picks split between team and player views, with filters for game, market, and sportsbook. Each pick cites a hit rate over recent games.
Standings and Cheat Sheet Tables.
Dense stat tables for bettors who need league context beyond the odds. Standings break down by conference and division with win percentage; the cheat sheet tracks punt and off-drive touchdown rates by game window and venue.
Player Props Grid by Stat Type
Prop lines for individual players, grouped by stat category from rush yards to receptions. Each card pairs a line with live odds and up-or-down movement, searchable by player name.
Player Prop Pages for Any Stat.
One template for player props across NFL, NBA, and MLB, from rushing yards to a double-double or home run market. Each page pairs a game log, opponent defense-vs-position ranks, and odds across multiple sportsbooks' main and alternate lines.
Matchup and Lineup Tabs Before Kickoff.
A single-game page for bettors comparing lines before kickoff, split into Matchup and Lineup tabs. Moneyline, spread, and total each get their own stat breakdown by game history, while Lineup surfaces injuries and season leaders for both teams.
Sport-Specific Tabs on Game Pages.
Extra tabs on the individual game page adapt to the sport in play. Baseball toggles Moneyline and Run Line with batter, pitcher, and bullpen stats; other games narrow props, best bets, and cheat sheet to the two rosters in play.
Casino and Sportsbook Ranking Hubs.
Affiliate hub pages ranking real-money casinos and sportsbooks for US bettors, each paired with a bonus CTA. Protecting this affiliate structure while adding new pages was a core constraint of the ongoing Post-MVP Evolution engagement.
Operator Review with Safety Score, Bonuses, Legal Availability
A single-operator review, giving bettors trust signals and offer details on one page. A safety score, a rating aggregated across three sources, bonus terms, and a 50-state legality map sit above a byline crediting the writer and fact-checker.
Casino Games Library with Demo Play.
A slot game directory for casino players browsing before they commit real money, filterable by provider, reels, paylines, and features. Each game page carries a working free-play demo alongside the real-money and bonus CTAs.
Promo Feed by Operator Type.
A promo directory for bettors comparing sign-up offers across sportsbooks, social sportsbooks, and casinos. Each card carries an expiry date and a claim CTA, filterable by offer type such as free bets, special offers, or no deposit.
News Hub with Topical Tag Filters.
An editorial hub for bettors following NFL, NBA, MLB, and NHL news, each story carrying a byline and timestamp. Tags for sport, market, and event type narrow the grid, part of Marketing Design & Assets work on BestOdds.
Author Bios
A writer and editor directory for BestOdds' sports betting articles and guides, showing each contributor's role, bio, and recent bylines. A system keeps headings and body copy consistent across author cards and profile pages.
Betting Guides Sorted by League.
Betting guides grouped by league, from NFL to NBA and MLB, each tagged by difficulty and read time. An A-Z glossary sits alongside, defining terms such as arbitrage, bankroll, and moneyline for bettors new to the vocabulary.
About Page with Team and Mission.
The company story for bettors deciding whether to trust the site, including a founding year and mission statement. Co-founder bios note betting-industry backgrounds, an editorial-process explainer sits below, and a contact form closes the page.
Overflow Menu for Category Growth.
A navigation pattern for a site whose category list keeps growing past sportsbooks, casinos, and news. A "More" overflow menu nests extra categories on both desktop and mobile, keeping the primary sidebar and hamburger menu short.
Live Search Across Players and Games.
Instant search for bettors. Results group into players props, games, and news tabs as you type, with a dedicated no-results state for typos.
Auth Flow States for Sign-Up.
The account flow for bettors creating or recovering access to BestOdds. Sign in/up, forgot password, a 6-digit verification code, and success or failure states – expired link, invalid password format – each get their own screen.
404 Page that Keeps Odds Live.
An error page for bettors who hit a broken or outdated link. Quick links back to Home, Sportsbooks, and Casinos sit above a sidebar that keeps today's games and betting offers live, with the newsletter signup and sitemap intact below.
Methodology and Review Scoring Rubric.
The legal and editorial standards pages closing out the site, alongside the Privacy Policy. A scoring scale explains each review verdict, and a three-source fact-checking rule covers every data point down to a bonus expiry date.
If your affiliate platform's redesign risks the SEO traffic that funds it, structure comes before visuals – every time. We've protected rankings through a redesign.
Ask how.
Ready to start your own project?
