CASE STUDY 03 TATA ELXSI · WEB & MOBILE APP · 2024

Redesigning beIN SPORTS for Euro 2024

The web and mobile redesign I led with 6 designers. Average video watch time went from 0.4x to 1.2x after launch.

ROLE

Senior Experience Designer

TEAM

Led 6 designers

TIMELINE

Feb – May 2024

PLATFORMS

Web & mobile

SCOPE

Scores & Match pages

01 CONTEXT & PROBLEM

Built for a quick score check, not a match

beIN SPORTS wanted its Scores and Match pages ready for Euro 2024. Fans struggled to find results quickly, and once they reached a match they checked the score and left.

THE BRIEF

Improve match engagement before, during and after the game, on web and mobile.

GOALS

1. 01 Daily active users and bounce rate
2. 02 Click-through rate and content discovery
3. 03 Session duration and videos watched

Project scope: Scores page, then find a fixture or result, then the Match page.

02 MY ROLE

Leading a team of 6 designers

As Senior Experience Designer at Tata Elxsi, I led the beIN SPORTS web and mobile redesign from site audit to final design.

03 PROCESS

From site audit to final design

Five steps, from what was broken on the live site to what changed after launch.

BENCHMARKING · SCORES & MATCH

beIN had the rights and the coverage. Rivals were winning on how fans find and follow a match.

We benchmarked six competitors on Scores and Match flows, then ran a SWOT to see where beIN could win on engagement without losing its broadcast strengths.

The raw board lives in FigJam; the table and SWOT below are the distilled takeaways we used in scope calls.

See competitor board · 6 platforms — notes, observations, problems.

Open competitor board

Competitor	What works	Where it falls short
GOAL	Local journalists; a wide range of video	No league filter or time sorting; leagues can’t be minimised; past, live and upcoming items look alike
FotMob	Personalised feed; in-depth infographics	Real-time coverage but no video; highlights rely on YouTube
FOX Sports	Live match preview	Scores default to yesterday; date picker limited to yesterday / today / tomorrow; sponsored articles
OneFootball	“Watch now” and live options; ±7-day date picker	Incomplete live page; no in-depth stats
ESPN	“Today” button; competition dropdown; article link after scores	Too much information and too many CTAs; no clear hierarchy
365Scores	Favourite pinning; clear organisation	Betting-led scores page; double scrolling; no video

GOAL

What works: Local journalists; a wide range of video

Where it falls short: No league filter or time sorting; leagues can’t be minimised; past, live and upcoming items look alike

FotMob

What works: Personalised feed; in-depth infographics

Where it falls short: Real-time coverage but no video; highlights rely on YouTube

FOX Sports

What works: Live match preview

Where it falls short: Scores default to yesterday; date picker limited to yesterday / today / tomorrow; sponsored articles

OneFootball

What works: “Watch now” and live options; ±7-day date picker

Where it falls short: Incomplete live page; no in-depth stats

ESPN

What works: “Today” button; competition dropdown; article link after scores

Where it falls short: Too much information and too many CTAs; no clear hierarchy

365Scores

What works: Favourite pinning; clear organisation

Where it falls short: Betting-led scores page; double scrolling; no video

Strengths

• Live rights for La Liga, Serie A and Ligue 1
• Pre-, in- and post-match coverage
• Multilingual, high-quality streaming → Decision 02

Weaknesses

• UI less intuitive than OneFootball
• Fewer notification options than FotMob
• Fewer community features

Opportunities

• Nice-to-have · deprioritised in scope calls
• Expert commentary and tactical analysis
• Player heatmaps and an interactive timeline
• Exclusive access and fan contests

Threats

• Aggregators (OneFootball, FotMob)
• Users expect personalisation and notifications
• Community apps and easier navigation

SITE AUDIT · SCORES PAGE

Results were hard to find

Weak filtering and discoverability made match results slow to find. Euro 2024 needed a more dynamic, intuitive and personalised experience.

01

Filters

Only the week's results and fixtures, with no empty states (for example, no scores for a day or sport).

02

Space above the fold

The hero section did little to help fans find a match.

03

Scores layout

Weak hierarchy; Favourites needed more prominence without overshadowing other cards.

04

Score cards

Too few cards above the fold, hurting click-through and session time.

SITE AUDIT · MATCH PAGE

Nothing kept fans on the Match page

During Euro 2020 the Match page had low session times and poor video watch rates. Fans checked the score and didn't engage further.

01

Header

Large and ineffective. It should give a quick synopsis of the match.

02

Play-by-play

Too text-heavy; lacking visuals for key events, like goal-to-goal transitions.

03

Opta wrapper

The Opta (Stats Perform) 3rd party wrapper didn't scale to mobile, so the page wasn't responsive.

REDESIGN · SCORES PAGE

More scores above the fold

Denser cards, clearer hierarchy and competition logos made it faster to scan fixtures and jump into a match.

REDESIGN · MATCH PAGE

A page that follows the game

Modular widgets for pre-, live- and post-match states, with Match Insights and video surfaced when fans are most likely to watch.

FINAL · SCORES PAGE

Personalised, stats-rich scoreboard

Shipped layouts with scoreboard stats and personalisation prompts tested with beIN stakeholders.

FINAL · MATCH PAGE

Pre-, live- and post-match in one flow

Header, line-up pitch, live blog, extended highlights and man-of-the-match cards across breakpoints.

05 OUTCOMES & IMPACT

What changed after launch

After launch, average video watch time went from 0.4x to 1.2x. Across Euro 2024, beIN passed 1.2B cumulative views.

06 KEY LEARNINGS

What I’d keep, and what I’d change