Live & VOD Sport Events Video App
The MSG+ project is a next-generation sports streaming service developed by MSG Networks, designed to cater to sports fans in the New York/New Jersey area. It allows users to access live games and other programming from teams like the New York Knicks, Rangers, Islanders, New Jersey Devils, and Buffalo Sabres. MSG+ is available through different subscription models, including per-game, monthly, and annual options, as well as free access for users with specific cable TV providers.
As a UX solution, MSG+ aims to provide a seamless, multi-device experience that integrates features like live streams, personalized offers, and interactive elements such as live betting odds. The service supports multiple platforms, including iOS, Android, and desktop browsers, with plans for broader device compatibility. It’s designed to improve user engagement with features like real-time updates, team-specific content, and minimal blackout restrictions.
I was hired to lead the design and definition of all interactions and functionalities for the app’s video player across a wide range of platforms, including web, mobile (Android and iOS), tablet, Roku, and Smart TV. In my role as the Product Designer, I ensured a cohesive and consistent visual and functional language throughout all user interactions, regardless of the platform. This required strategic leadership to maintain design integrity and deliver a seamless, intuitive user experience across diverse device ecosystems.
The Process
Identify different scenarios and possibilities for the user and the app in different situations with different devices.
Withdraw Functionalities and flows, out of user scenarios and requirements.
Provide wireframes and iterate on peer reviews, PO reviews and proposals and Dev team feasibility check for ensure evolution.
Create icons and indicators for functionalities and feedback.
Propose prototype mockups for main screens.
Generate mocked flows for functionalities in each platform.
Most of All functionalities on screen and others on device. Providing flexibility for all users situations on the move. With seek bar to move across the time line.
The variables are many to consider; the situation, the role of the user, the place, the event type, the input hardware.
Navigate through all the MSG channels to see events, documentaries, news, etc. Different functionalities according to content type and permitions.
Interaction design and Definition
UX Interaction definitions for each functionality presented as user Flow and screen flows.
This is exchanged with the DEV team in order to check feasibility, créate ideas and see posibilities with the PO team, find agreements on development and ux definitions and solve problems.
How I delivered value
Curiosity is one tool that can not only help us provide great products but visualize issues, and stoppers for the future of this development. I was able to run enoght research to asure great progress and development of the User flows and the creation of content. I was able as well of not only thinking on the user but the client as well and people setting the courses.
Takeaways
Working with a very UI centered team, tought me to be more oriented to pixel perfect design. Be also concious of the benefits of cosmetics and demened me to stay updated with UI and visual design trends.
