Sport Med Analytics, a sports injury news app for fans and fantasy managers
Sport Med Analytics (SMA) is a web app for fans, fantasy managers and bettors who want to know who's hurt and when they'll be back. I designed the desktop and mobile experience, including the feed, the injury report, player and team pages, onboarding and account settings.
desktop and mobile screens designed
leagues covered from day one: NFL, NBA and MLB
fantasy platforms to import leagues from: ESPN and Yahoo
TL;DR
- Problem
- Injury news affects fantasy lineups and bets, but it's spread across general sports sites and buried in articles. There was no easy way to follow only the players you care about.
- What I did
- Designed a three-column feed that adapts to what each user follows, a filterable injury report, player and team pages that show injury status first, a skippable onboarding and an account area for importing fantasy leagues.
1. Home feed
The home feed has three columns. The left one is for personalization, where users customize the feed and follow players without leaving the page. The center has the news, with each story tagged by league. The right column has top headlines by league and a short injury report for the user's team.
Ads in the side columns
SMA makes its money from advertising, so I designed around standard ad sizes (728×90, 300×250 and 300×600) and put them in the side columns. The center column, where people read, has no ads.
2. Onboarding and following
On sign up, a short onboarding asks which leagues and teams the user follows, and it can be skipped. After that, "Add to your feed" lets users follow players, teams and leagues from the feed itself, without going to a settings page.
3. Injury report
The injury report is the core of the product. Users filter by league, team and player, sort by newest and see every case in the same structure: player, position, team, injury and projected return. Every card has "Follow team" and "Follow player" buttons for alerts about that team or player.
Same fields for every injury
Injury updates come in as prose from many sources. I gave every entry the same fields in the same order, which makes a team's injury list quick to scan.
4. Player pages
On a player page, injury history and projected return come before the news. A fantasy manager setting a lineup checks those first. Related news is below.
5. Fantasy league import
Fantasy managers already keep their teams on other platforms. In the account area they can import leagues from ESPN and Yahoo, and SMA then knows which players they care about.
6. Mobile
On mobile the three columns become one, with league tabs at the top, then trending stories, then the feed. Onboarding and the injury report keep the same structure as on desktop.
