📱 beIN CONNECT – Mobile App Redesign

🎯 The Challenge

beIN CONNECT, a leading OTT platform for sports and entertainment, needed a mobile app redesign to improve content discoverability, enhance user engagement, and provide features that competitors had, such as offline viewing. The existing app had usability issues with navigation, content accessibility, and user flows, which hindered the overall user experience.

 

🧠 The Goal

  • Enhance user engagement by improving content discoverability and reducing cognitive load
  • Create a seamless content browsing experience that immediately presents users with personalized recommendations
  • Optimize the sports section to cater to high-value sports viewers (e.g., Super League football fans)
  • Add features like offline content download and easy access to key areas (e.g., My Favorites, Continue Watching)
  • Improve navigation with a simplified tab menu and intuitive interface for a better user experience

 

💼 My Role

As Senior Product Designer, I led the redesign of the beIN CONNECT mobile app, working closely with product managers, developers, and stakeholders. I was responsible for user research, ideation, wireframing, prototyping, UI design, and user testing to ensure that the final product met both business objectives and user needs.

 

🎤 User Research & Insights

I conducted one-on-one user interviews to better understand how users interacted with the app, particularly how they discovered and accessed content. Key findings included:

  • Users expected content to be readily accessible and personalized when they first entered the app
  • There was a significant demand for offline content access, which competitors were offering
  • The current navigation system, especially the tab menu, needed improvement to reduce confusion and enhance accessibility

 

🔑 Key Features

Main Screen
  • Enlarged hero area for better content visibility
  • Personalized categories (e.g., Continue Watching, My Favorites) placed immediately below the hero section to reduce cognitive load and make it easier to find content
  • Dynamic content display based on user preferences and past behavior
Sports Section
  • Designed an intuitive sports tab with an icon-based menu and A/B testing to optimize user engagement, particularly for football fans (Super League viewers).
  • The sports link was made a prominent feature at the bottom of the home screen for quick access.
Tab Menu Redesign
  • Simplified and reorganized the tab menu to improve navigation, offering easier access to key screens like the main screen, live TV, account settings, and My List.
Package Selection
  • Designed intuitive screens for package selection during the registration process, keeping users in context and providing a clear, easy-to-read flow for purchasing content access.
Download & Play
  • Added a download feature for offline viewing, with clear explanations for users on how to use this new functionality.
  • The download feature was designed as an overlay, allowing users to immediately start downloads without additional steps.
Films & TV Series
  • Designed main, category, sorting, and film detail screens for users with two different viewing rights.
  • The main category screen displayed larger posters and basic content info, allowing users to preview content without entering the detailed screen.
  • This design pattern was replicated across other sections like Search, My Lists, and My Favorites to ensure consistency.
Adv (Advertising)
  • Designed an advertising display module for marketing announcements, integrating images, text, and clear call-to-action buttons to enhance user engagement and promote content.
QR Code
  • Created a QR code scanning screen that allows users to easily log in to the app on their mobile devices and access content on TV.
  • If the user’s membership does not include access to TV, they are directed to the package selection screen, encouraging them to upgrade.
Tooltip
  • Designed a tooltip walkthrough that is displayed to first-time users to guide them through new features and functions of the app.
  • This feature was added to help users quickly understand the updated layout and functionality of the app.
Search
  • Redesigned search results pages to facilitate easier content discovery with large posters and filtering options just below the search bar.
  • Integrated intelligent recommendations based on search history to make finding relevant content faster.
Live TV
  • Improved the Live TV screen by incorporating channel search, program filtering, and easy switching between channels while watching.
  • Provided program details on the listing page for users to see what’s coming up next.
Remote Control
  • Redesigned the remote control interface based on feedback from remote control app usability studies.
  • The new design focused on compactness and accessibility, removing unnecessary elements from the original design for a better user experience.

📈 Impact & Results

  • Improved user engagement by delivering a more personalized content experience.
  • Increased content discovery speed and reduced user frustration by optimizing the main screen layout.
  • The offline viewing feature led to positive user feedback, with an increase in user satisfaction for mobile viewing.
  • Enhanced sports content engagement by designing a dedicated section for sports fans, improving retention among this high-value audience.