Redesigning a sports website for
50+ million subscribers
What is
beIN Sports?
beIN Sports is a global sports network with a strong presence in the Middle East and North Africa (MENA) region, as well as France. With over 55 million subscribers, beIN Sports offers a wide range of sports content, primarily focused on football. However, they also provide coverage for 17 other sports, including basketball, tennis, and motorsports. They have the largest portfolio of sports rights of any global broadcaster.
👩🏻💻Role
User Experience Designer
⏰Duration
5 Sprints
🏅Status
Live on the
👥Team
5 Ui/Ux designers
10 Developers
4 Managers
2 Analysts
#Company Goal
-
Optimize and offer a mobile-first experience
-
Design the customer experience to push video consumption per session
#Project Goal
-
Redesign to Improve the Performance and Usability of the Scores and Match Page to accommodate Increased content demand during UEFA EURO 2024
#Company Goal
-
Optimize and offer a mobile-first experience
-
Design the customer experience to push video consumption per session
Must Have
-
Dwell time must be increased
-
Content engagement must be increased
-
Session duration per session must be increased
#Project Goal
-
Redesign to Improve the Performance and Usability of the Scores and Match Page to accommodate Increased content demand during UEFA EURO 2024
Nice to Have
-
Improve brand perception
-
Boost conversion to beIN's social media platforms
What is ADHD?
Attention Deficit / Hyperactivity Disorder (ADHD) is a mental health condition that can cause unusual levels of hyperactivity and impulsive behaviours.
It affects the frontal lobe of the brain and it cannot be prevented or cured.
Combined
This is a mix of inattentive symptoms
and hyperactive/impulsive symptoms.
Predominantly
Inattentive
Predominantly
Hyperactive/Impulsive
AD/HD
Prioritize a single platform that offers a seamless
experience for accessing a variety of sports content
including editorial articles and on-demand videos.
Avid consumers of a wide range of sports content,
extending beyond their
primary team's activities
opportunity lies in gaining year-round engagement,
retention, and loyalty
among these users.
FANATICS
Inefficient content
discovery leads to
frustration and
dissatisfaction among these users.
How did we achieve this?
Mapping out existing mental models
Interviewing 10+ Users
They are primarily
interested in curated
content tailored to their
specific team and match preferences.
These users primarily
engage with the platform on match days involving
their favorite team
These users often face
challenges in efficiently
consuming the relevant
content for the match they are following.
MATCH DAY VISITORS
opportunity lies in
providing real-time,
minute-by-minute
updates to keep these
users engaged during live matches.
Responsive across all devices | Supports 4 different Languages
A modular approach to widgets that caters to entire event lifecycle in sports
Match Page
Performed SWOT analysis to benchmark industry-leading sports entertainment platforms, identifying strategic opportunities and potential challenges.
Community Building
Exchange first-hand info with other parents, share articles,
stay in contact with the experts you meet on the website
and build your community.
The Modular Approach
To overcome this challenge, we went ahead with the Bento design style. This made our design
modular, scalable and development-friendly. How did this help us?
Development issues and challenges were tackled easily
Seamless Localization
Responsiveness
The modular design approach mitigated development challenges. Issues affecting specific features or data sources could be isolated, ensuring the overall website remained functional. This allowed for agile development, enabling us to prioritize critical features and address issues in a timely manner
The mobile-first design approach ensured a seamless user experience across devices. By prioritizing mobile optimization, we created adaptable widgets that scaled effortlessly to tablet and desktop screens, delivering a consistent and engaging experience
The Bento design approach facilitated seamless adaptation for Arabic language by leveraging a two column layout and right-to left text direction, we could easily modify individual widgets without affecting the overall page structure, ensuring a localized and user friendly experience.
Results
-
Dwell time was increased
-
Content engagement increased by 518%
-
Session duration per session was increased by 105%
Reflection
-
Gained experience with collaborating within a large, cross-functional team comprising developers, analysts, and managers
-
Enhanced skills in managing challenging client interactions while maintaining high-quality deliveries
-
Developed a stronger focus on creating practical and developer-friendly designs that balance innovation with feasibility.
The Scores Page
Creating a personalized experience. Favorite your top matches and find them instantly in the 'For You' section
Thank you for your time 🙏🏽
Pre-match
Countdown Timer
Head-to-Head
Live-match
We Introduced an exclusive Live Blog feature, unique to beIN Sports, delivering real-time updates on ongoing matches. Powered by beIN’s dedicated editorial team, it provides users with timely, engaging updates as the action unfolds.
Wireframing Challenges
The design process started with wireframing based on research insights and client requirements and was frequently interrupted by evolving stakeholder expectations. These changes, often driven by internal or external market shifts, necessitated a flexible and adaptable approach to the design
To Consider
We followed the WCGA Guidelines for our designs and took into consideration a duo-lingual approach.
Post-match
Enhanced the post-match experience with a suite of widgets that deliver comprehensive match insights. Users can access detailed statistics, in-depth analysis, and enjoy match highlights, creating a complete and immersive post-game experience
Before we dive in
What was the Elxsi Impact?
Designed features that increased Web Traffic by more than 105% in UAE & France
Increased video views by 518% (178M to 1.1B) through UX redesign of the web pages
User-Centric Approach to Product Development
I collaborated closely with the Business Analyst to understand client and end-user needs to ensure a user-centric approach. This collaborative effort allowed us to prioritize user stories based on their impact and feasibility, ultimately shaping the product roadmap and sprint planning
Pre-match
Countdown Timer
This feature strategically builds anticipation and excitement for upcoming matches driving repeat visits.
Head-to-Head
This widget tells user the history of the two teams, providing users with details of past matches, including results, scores, dates, and competition names, to enrich their pre-match experience
