Image not found

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.

Image not found

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
Image not found

Landscape

Our Ambition.

Image not found

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.

Image not found

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.

Image not found

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.

Image not found

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.

Image not found
Image not found

Experience

The Production
Data Flow
.

SKY_VE_FLow
Image not found

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.

Image not found
Image not found

Expereince

A Visual
User Flow
.

Image not found

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
Image not found
Image not found

Methodology

skyOS
Framework.

Image not found

Ecosystem

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

SKY_VE_DS01
Image not found

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
Image not found

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
Image not found

Welcoming

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

SKY_VE_Navigate
Image not found

Tailored

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

SKY_VE_Search
Image not found

Search

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

SKY_VE_Search
Image not found

Safety

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

Image not found
Image not found

Why

Product Design Delivery at Scale.

Image not found
Image not found

Method 

Design
Methods.

2000 - 2022

Image not found

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
Image not found

Twenty yeras in making

20+

jira
Image not found

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.

Image not found
Image not found

People

The Sky Q Apps
Product Team.

2013 – 2016

SKY_T_Anthony
Image not found

Anthony D.

Group Director

SKY_T_Davide
Image not found

Davide T.

CPO® Apps

SKY_T_Jeremy
Image not found

Jeremmy W.

CPO® Sky Sports

SKY_T_Joel
Image not found

Joel B.

Creative Director 

SKY_T_Jiri
Image not found

Jiri M.

CX Director Apps

SKY_T_MattC
Image not found

Matt C.

Design Director Core

SKY_T_Sam
Image not found

Sam B.

CSM®

SKY_T_MattP
Image not found

Matt P.

Copywriter

SKY_T_Adelaie
Image not found

Adelaide L.

UI Designer

SKY_T_Ashley
Image not found

Ashley B.

UI Designer

SKY_T_Annake
Image not found

Anneke G.

UI Designer

SKY_T_Andy
Image not found

Adny C.

UI Designer

Image not found

Impact

Impact of Design on the Product Delivery.

Overall
Budget.

Image not found

50m

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

Design
Function Saved.

Image not found

16m

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

Impact on
the Business.

Image not found

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.

Subscribe

To a tailored list of meaningful snippets that help design
leaders manage their daily challenges at scale.

Behind

the Scenes.

LINE_MAGENTA_050_301

Legal

T&C
Privacy
Coms
GDPR

All brands and trademarks presented on Design at Scale™ website are owned by their relevant companies or agencies. The projects represent collaborations between designers, developers and product owners. 
Do not copy or publish any of the projects shown here without writen approval from Design at Scale™ (alternatively GIVE™, 9V™) and/or relevant companies and agencies.

BADGE_M
BADGE_IN
BADGE_IG
BADGE_X
FOOT-GIVE-Steel
Back to top Arrow
View