Skip to content

BalONcesto TV

Complete redesign of the platform that streams the FEB's games

For
Sportway · Spanish Basketball Federation
Role
Product Designer
Team
Design from the FEB; development by Sportway
Tools
Figma
When
2026
Primera FEB competition page in the new BalONcesto TV
Home of the new BalONcesto TV, with the featured live game
Home of the new BalONcesto TV on mobile

Context

BalONcesto TV is the platform that streams the games of almost every Spanish Basketball Federation (FEB) competition. It came out of an agreement between the Federation and Sportway, which provides the technology.

Since I joined the FEB, we've launched several products with a shared visual style: the Digital Scoresheet, the competitions website and the LF Endesa website. BalONcesto TV, on the other hand, looked nothing like them.

Competitions screen on the FEB website, with LF Endesa, LF Challenge and Liga Femenina 2
The FEB competitions website: the style BalONcesto TV had to fit in with.

What was wrong

Beyond the aesthetics, the original platform made it hard for anyone who just wanted to watch a game.

  1. The brand ahead of the games

    On desktop, the logo took up the first third of the homepage. On mobile, each section opened with a large header: an empty gradient.

  2. You had to know where to look

    The homepage showed competitions, not games. To get to one, you had to go into a competition and page through them 24 at a time.

  3. Hard-to-read cards

    Both teams were on a single all-caps line, which wrapped or got cut off. And the card made no distinction between a live game and one starting on Friday.

  4. Unreadable titles

    Outlined text on top of images, like “PRIMERA FEB 2026/27” over its own banner.

  5. Empty screens in full view

    Whole sections saying “No hay nada que mostrar” (“Nothing to show”), with the pagination controls still showing.

Primera FEB page in the original app: the title overlaid on the banner, and the pagination
Primera FEB in the original app.
New homepage: a featured live game at full screen and, below it, the live and upcoming games
Original BalONcesto TV homepage: the large logo and, below it, a grid of competition banners
BeforeAfter
⇆
The homepage on desktop, before and after. Drag to compare.

My role

I designed the whole platform, for desktop and mobile.

The proposal

The first decision was to align the look with the competitions website. From there, everything else revolves around the game.

Explore screen in the mobile proposal: women's and men's competitions, Copa España and plans, each with its logo
The Explore screen in the mobile proposal: women's and men's competitions, Copa España and plans.
The game should be the first thing you see.

On the first screen, the brand and the competitions. Not a single game: to see one, you had to open a competition.

Diagram based on screenshots of the original home page and the proposal, on desktop.
  1. Games first

    As soon as you land: what's on now and what's coming up.

  2. Cards you can read

    One team per line and, at a glance, whether the game is live or when it starts.

  3. Find without navigating

    A search bar for teams, competitions and clubs, with filters and a grid or list view.

  4. A video player with context

    The game details, a countdown if it hasn't started yet, and more games from the same competition.

Primera FEBPrimera FEB
Iberolea Palencia crest
Cajasiete Gran Canaria crest

Iberolea Palencia - Cajasiete Gran Canaria

Iberolea PalenciaCajasiete Gran Canaria

Viernes, 21:00

  • Both teams on a single uppercase line that breaks or gets cut off.
  • No difference between a live game and one that starts on Friday.
Recreation using a game from the proposal: the original platform's card and the new one.

Before

Original Primera FEB competition page: a banner with the title overlaid and a grid of games

After

New Primera FEB competition page: a header with the logo, season and stats, and live, upcoming and finished games
A competition page: each one with its own logo and color.
baloncestotv
Live video player: the video, the game details with time and venue, and more Primera FEB games
The video player: the game, its details and what to watch next.

On mobile

Every desktop screen has a mobile version. Three of them, before and after:

Original homepage on mobile: competition banners
New homepage on mobile: a featured live game and a “Watch now” button
BeforeAfter

Home

Instead of competition banners, a featured live game and the button to watch it.

Original video player on mobile: the time over the blurred crests
New video player on mobile: game details and a countdown with a “Notify me” button
BeforeAfter

Video player

The time no longer sits on top of the blurred crests: the game details and a countdown with a button to get notified.

Original team page on mobile, with empty sections
New team page on mobile: crest, competitions and games
BeforeAfter

Team

No empty sections: its crest, its competitions and its games.

Results

  1. A complete proposal

    Every screen, with the same visual style as the rest of the FEB's products.

  2. Presented to Sportway

    By the FEB, for them to develop.

Let's talk.

I can walk you through any of these projects in more detail, including the screens I can't publish here.