SKY New Zealand had apps designed and developed for their SKY GO product and wanted to consolidate the same UI patterns established for the apps to translate smoothly into a web app experience.
We relocated to New Zealand for 6 weeks to work closely with the SKY team to make this product come to life.
SKY GO enables all SKY customers to find and view a selection of linear SKY channels and VOD content on smartphones, tablets and on the website.
Competitor matching and product alignment: SKYs competitors in this area already offer VOD content across multiple device types. SKY’s SVOD Product Navajo will deliver the ability for non-SKY subscribers to watch On Demand content on tablets and mobiles.
Subscriber Retention through VOD offering to tablet and mobile devices: Extending our content offering to multiple devices gives us the opportunity to extend the perceived value of our proposition.
Utilisation of Content Rights through increased viewing opportunities: The ability for customers to view the same content in multiple ways can make SKYs programming more relevant and extend its reach.
36% of SKY customers using the SKY GO App every month by the end of FY. (Approx 300k)
Incremental viewership of 4.3 hours/month amongst SKY GO users by the end of FY.
SKY Sport and SKY Movies penetration amongst SKY GO users are 3.5% and 2.7% higher than non-users by the end of FY.
SKY GO has a positive effect on NPS Score.
We started with interviewing customers and getting surveys out to gather some quantitative data from our current pool, we wanted to gather data on:
We planned our survey roadmap and the way we were going to measure different areas and we marked all the areas that interested our research.
We gathered data on our customer demographics, this helped us list out features for specific groups of people.
In order for us to have specific users to build for, out of the research we did we created two types of users so we can refer to during the design and development process.
We carried a detailed competitive analysis with other companies that had similar products to gain an understanding of what they’re doing, what is working for them and what isn’t.
Epics are stories provide an overview of the features. They helped us think through the design decisions, to create and provide a useful user experience.
Based on the research we carried and some user surveys and interviews that we had we were able create some solid business requirements to reach our user and business needs.
After the research phase we moved in house with the SKY team to work closely with the stakeholders to ensure the outcome would be as great as it can be. We carried out daily standups and weekly presentations to make sure everyone was on the same page.
SKY GO apps were built by a different agency and our job was to help consolidate UI patterns already established in the SKY Go apps and translate them into an enhanced website experience. We started looking at what we already have on hand.
We wanted to make sure that the UI and UX from the apps to the website were not too far apart and only make changes when necessary, we started by looking at and studying every app screen we had access to in the right flow and took notes.
After we figured most of the flows and UX patterns, we went back to the business requirements and user requirements and we started planning out the different sections and modules each page required.
We wanted a point of reference and user flows to design from and this required us to do a quick service map of the entire system and get it approved by the stakeholders.
SKY worked closely with a branding agency to develop their new identity and we were given specific brand guidelines to follow.
We used the typography provided by the SKY branding palette to keep a consistent experience across all of their apps.
As mentioned before Sky’s branding was pretty on point, however we had to change some of their colors slightly to make them more accessible friendly.
We worked closely with the branding company and SKY to develop a nice and consistent iconography across all apps and websites. The icons resembled the SKY brand and identity.
Working closely with the SKY team we created their web application as modular and flexible as possible, we documented everything thoroughly for the development team and the SKY team.
Working closely with the development team we decided on a 12-column grid system, they were building their framework from scratch and we designed the following grid system.
We started working on patterns and UI components using the service map that we designed earlier.
Throughout the design we had to think of the different states every user might experience and design all screens accordingly.
SKY content creators also required to be able to create their own content and custom pages using their custom CMS system and this required us to create modules they could use throughout the site.
Putting everything together, the following is the collection of some of the screens that we designed for SKY.
Wow! Time really does fly when you’re having fun. I’m afraid this case study is just about over. But I’ve prepared a few more for you so there’s no need to panic (yet).