LINE_White

Case Study

Bringing your favourite Apps to SkyQ – Vevo, Spotify, RedBull TV.

2016 - Sky

Our first integration was with Vevo, a multinational video hosting service founded in 2009 as a joint venture between UMG, SME and EMI.

Develop the application ecosystem that can easily be scalable and adapt to existing trends and technology.

LINE_3COL_Red

Alongside the main Sky apps, we explored several new partnerships that offered them opportunities for businesses such as Vevo, Spotify, RedBull TV, etc. Our first integration was with Vevo, a multinational video hosting service founded in 2009 as a joint venture between UMG, SME and EMI.

SKY_VE_Hero
LINE_Red

Landscape

Our Ambition.

LINE_Grey

Effect

Our ambition was to blend Vevo's APIs with our established navigational model. Our design team found that Vevo's APIs perfectly matched our requirements and allowed us to merge Vevo's proposition with our technical capabilities.

LINE_White

Scalability

Integration.

Integration and continuous testing was our first challenge. As vevo's product evolved, we had to accommodate these changes through constant integrations. Our product owners maintained clear communication across each team and kept our day-to-day delivery focused on the next release.

LINE_White

Flexibility

Scalability.

The APIs provided a variety of feeds that could be tailored to our customer needs. To display this content we had to agree to work with live data, where the APIs would change constantly. This offered an incredible opportunity for our development and design teams to shape the business proposition.

LINE_White

Integration

Personalisation.

Personalisation is a standard feature of SkyQ. Using Vevo APIs, we could create a bespoke experience that allowed Sky customers to have the same functionality across all our apps as they would on the Core platform.

FURNITURE_Light
LINE_Red

Experience

The Production
Data Flow
.

SKY_VE_FLow
LINE_Grey

Natural

The architecture for TV products usually involves using a remote control to move from one piece of content to another. This means we needed to follow the horizontal navigation pattern inherited from the Core platform.

FURNITURE_Light
LINE_Red

Expereince

A Visual
User Flow
.

LINE_Grey

Effect

TV user flows are inherently more linear than other experiences. We took Vevo's flow model and applied the skyOS three-click principle so our customers could navigate to the content they wanted more easily.

SKY_VE_Map
FURNITURE_Light
LINE_Red

Methodology

skyOS
Framework.

LINE_Red

Ecosystem

The atoms, elements and components of the SkyOS framework were used to develop the UI for the Vevo App.

SKY_VE_DS01
LINE_Red

Adaptable

From the defined elements above, we created grid components that can operate independently and display content in real-time. This means any updates Vevo makes would automatically appear in the SkyOS.

SKY_VE_DS02
LINE_Red

Atomic

The navigation model allowed customers to quickly travel between different parts of the experience and find the right content in three clicks.

SKY_VE_DS03
SKY_VE_Play
LINE_Red

Welcoming

Deep links allow our customers to jump directly to their favourite genre with one click.

SKY_VE_Navigate
LINE_Red

Tailored

Channels proved to be very popular amongst all age groups. This is why they have priority on the menu.

SKY_VE_Search
LINE_Red

Search

If you can't find what you are looking for, don't worry, you can use the organic search capabilities.

SKY_VE_Search
LINE_Red

Safety

If you don't want your kids to watch certain content, it can be blocked.

DIVIDER_White
LINE_Red

Why

Product Design Delivery at Scale.

ARROW_L_Magenta
LINE_4COL_Red

Method 

Design
Methods.

2000 - 2022

LINE_White

Confluence

The Customer Experience team together with talented BAs created Design Hubs where we shared all information. The hubs allowed us to collect our High-Level Requirements (HLRs), User Acceptance Criteria (UAC), System-Level Requirements (SLRs), as well as the design prototypes and all their iterations. An easily trackable and sharable environment allowed us to move faster and smarter. 

confluence
LINE_4COL_Red

Twenty yeras in making

20+

jira
LINE_White

Jira

Atlassian's JIRA helped me organise work across the three teams and 30+ projects. Together with CSM® and powerful Jira Query Language (JQL), we created dashboards that operated and informed stakeholders about the current situation, velocity and how we were delivering value to the business.

FURNITURE_Dark
LINE_3COL_Red

People

The Sky Q Apps
Product Team.

2013 – 2016

SKY_T_Anthony
LINE_White

Anthony D.

Group Director

SKY_T_Davide
LINE_White

Davide T.

CPO® Apps

SKY_T_Jeremy
LINE_White

Jeremmy W.

CPO® Sky Sports

SKY_T_Joel
LINE_White

Joel B.

Creative Director 

SKY_T_Jiri
LINE_White

Jiri M.

CX Director Apps

SKY_T_MattC
LINE_White

Matt C.

Design Director Core

SKY_T_Sam
LINE_White

Sam B.

CSM®

SKY_T_MattP
LINE_White

Matt P.

Copywriter

SKY_T_Adelaie
LINE_White

Adelaide L.

UI Designer

SKY_T_Ashley
LINE_White

Ashley B.

UI Designer

SKY_T_Annake
LINE_White

Anneke G.

UI Designer

SKY_T_Andy
LINE_White

Adny C.

UI Designer

LINE_Red

Impact

Impact of Design on the Product Delivery.

Overall
Budget.

LINE_Red

50m

We have launched the product earlier than originally estimated, which has a significant pack on operational cost

Design
Function Saved.

LINE_Red

16m

DaS implementation saved on operational and management costs as we don’t need to spend additional reporting.

Impact on
the Business.

LINE_Red

32%

From the project initiation to final delivery the overall impact on the business including team cost, operation, development and integration was about 32%

* All great teams operate on a simple family model. Across the multicultural and multidiscipline teams, we all have families and understand our roles in these groups. Translating that correctly to the team makes a significant difference to the tribe and their outcome.

Say Hi!

Get in touch whether you want to talk about a new project,
collaboration or to have a chat.

* All brands and trademarks presented on GIVE™ are owned by their relevant companies or agencies. These projects represent collaborations between designers, developers and product owners. Do not copy or publish any of the projects shown here without approval from givetm.co and/or relevant companies and agencies.

Back to top Arrow