Responsive Design for Virgin Media Play App

About the project:

Virgin Media Play has commissioned a comprehensive rebrand across all platforms, including Mobile, Tablet, Web, and TV.

Stakeholders:
Product Designers
Developers


Timeline:
3 Months

Challenges

  • Create an app with a consistent user interface that is optimised for different screen sizes and device capabilities.

  • Comply with Virgin Media Play's rigorous design standards to maintain brand integrity and consistency.

  • Design elements must be easily implementable by developers within the given timeframe.

  • Ensure the Irish Sign Language (ISL) feature is adaptable and effective across various device sizes

Goals

  • Ensure the app's design is clear, uncluttered, and easily navigable across all platforms.

  • Ensure the app's design is inclusive and appealing to a wide audience

  • Design an app that offers a smooth and enjoyable user journey, minimizing any obstacles or points of friction.

  • Prioritize the visibility and readability of the ISL button to ensure it is easily identifiable and usable across various devices.

Homepage

I've preserved the core layout of the homepage to minimize user disruption.
The primary focal points remain the hero carousel and the playlists below.

Single Content Details

For the web and TV versions, a side-placed main thumbnail was introduced to enhance the visual hierarchy and allow for better title visibility. The overall UX design remains consistent across all devices.

Series Content Details

To ensure a familiar user experience, I've kept the layout similar to the single content details page. Whilst on the TV version, I've repositioned the main thumbnail as a background element.

Splashpage

Homepage

Live Page

Catchup

Shows

Series Content Details

Player VOD

Mobile

Player Views

Live Player

Channel changer

Next Episode

Login

Tablet

Homepage

Series Content Details

Single Content Details

Web

Homepage

Box Sets

Series Content Details

Single Content Details

TV

Log-in through Mobile Device

Homepage

Single Content Details

Series Content Details

Final Thoughts

  • To achieve a truly responsive design, it's essential to pay close attention to details like buttons and ensure their adaptability across different platforms.

  • Regular consultation with stakeholders and developers throughout the design process helps ensure feasibility and avoid potential roadblocks.


    Please visit here for Irish Sign Language Design for Virgin Media Play

Previous
Previous

ISL for Virgin Media Play

Next
Next

Filmicca