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