Agency
Energy House Digital / Digivate
Client
Sport 24 TV / IMG
Role and Core product
Creative Lead / Senior digital and visual designer, for UI and UX; working with senior management, clients and development teams to deploy the global site for Sport 24 TV. Taking the site from concept, design iterations, through to deployment. Sport 24 is the first and only live sports channel specifically for the airline and cruise line industries. The core product is a fully responsive site which allows users/customers to quickly see what sports programmes will be available to them in air and at sea. The complexity of the site required significant thought and design to account for global timezones, a custom CMS to allow XML programmatic info to be deployed and updated seamlessly, variance and scalability of the site.
Process
Working with clients and stakeholders to map out various customer/user journeys. Designing wireframes to quickly understand and confirm user journey’s and how they interact with the site. This was then taken to high fidelity designs; creating a design system to standardise UI components and help development; working collaboratively in an “agile methodology” with development teams to quickly turn around iterative updates and amendments, to meet all technical and key stakeholder requirements.
Schedule module on the homepage
A requirement was to include a programme schedule that appears on the homepage, and worked across all breakpoints. The complications to deliver this were several fold:
• The user must be able to see what is available on both platforms (in flight and at sea)
• The user must be able to clearly see the current broadcast and the programme details
• Certain programmes are shown 'Live' and must be tagged
• There will also be a 2nd channel, Sport 24 Extra, which is available to both platforms, but with different content shown on either platform
My solution to these problems, that works across breakpoints, can be seen here:
User testing the full schedule page and global timezone change
• User testing revealed that users wanted to alter the timezone to either establish what would be available en-route or when they arrived
• Users can globally change the timezone to show all programmes with updated time details
• All programmatic content is uploaded in GMT via XML
• This enabled us to negate issues with VPNs and blocked IP’s
• The time-bar animates/moves along accordingly, displayed programme time details change, but the underlying XML schedule data remains intact
• The change to your timezone is clearly displayed
Guidelines for federation logos and creating a Design System
• Given the sheer number of federation and event logos that exist (and this will only grow), guidelines on how to implement them (to help account for size and positional variations) had to be designed
• I created a Design System to work across components throughout, and worked closely with the developers to make sure the implementation was without issue.
• Guidelines on how to create the assets were also designed, tested and implement with the client
User research and designing a schedule print-flow
• User research and insight revealed that (especially for cruise line users and cabin staff) a printable version of the schedule is required
• The refined print flow allows users to select a mode of travel, optionally include Sport 24 Extra content, and then export a print ready PDF
• Visual exploration and wire framing lead to the design, which allows for multi-day PDFs (max 3 days per page, over several pages) to be generated for user convenience
