VIDEOLAND BY RTL

Shaping a better UX for the biggest Dutch streaming
platform

Shaping a better UX for the biggest Dutch streaming
platform

Date

September 2018 - current

Date
September 2018 - current

Client

RTL Nederland

Client
RTL Nederland

Role

UX/Visual Designer, Motion Design

Role
UX/Visual Designer, Motion Design

Team

App Team, Growth & Stability Team, Onboarding & Desire Team

Team
Jochem Lubbers
Jaime Visser
Jeroen Bakker
Jeroen Kaldenback
Jeroen Zonneveld
Michelle Haanstra
Wien Smit

Product background

Videoland is the second biggest media streaming service in the Netherlands (after Netflix), and the biggest originally Dutch streaming service, with currently over 600.000 paid subscriptions. As a daughtercompany of RTL Nederland, it's offices are located at the Media Park in Hilversum.

App Team

In September of 2018 I joined the Videoland Apps team at RTL Nederland, to work on the applications for iOS, Android, tvOS, Android TV and SmartTV. I was assigned to work on the visual and interaction design of various user stories.

rtlkantoor_jeroenjumelet_anp

I worked closely with two other UX designers, PO, tester, UX researcher and several developers. For the design we worked with a component library that contained the main design elements that the app consists out of - looseley based on the Atomic Design philosophy. Using Sketch and Principle we designed and prototyped new interface elements and interactions and using Zeplin we handed them off to the developers. We worked in Scrum and used Jira for project management.

During my time on the app team, among other things, a big project was the restructuring of the main navigation elements in the mobile apps. For this, we worked together closely with the UX Researcher on the team.

Bitmap
iPhonx XS Max

Landing pages

After half a year on the Apps team, I joined the team working on onboarding and landing pages as the main designer. The landing pages are the pages that prospect customers land on before they subscribe (through the onboarding flow) for the product. The main landing page, videoland.com, has an average of ~ 1 milion unique visitors per month. 

After working on various A/B tests to incrementally improve this page, in October 2019 togehter with our Lead CRO Lucas Vos, I set up a project to drastically redesign videoland.com.

The goal was to create a page that aligns better with the needs and wants of prospect customers, designed in a mobile-first manner with short copy that conveys the message and speaks to the target audience.

1_nHN65tP1TK7bA62HAf_MSA

In April 2020, we launched the new landing page. I wrote an article on the process and learnings of co-creating, prioritizing, designing, optimizing and testing this page.

Read the full article ->

Rebranding

Achtung – 8

In August of 2019 a project was launched at Videoland to rebrand. At the time, there wasn't a very clear visual language and coherent style (there were several different main colors floating around, that were isolated from old designs and logos) which did not make for a strong brand and consistent experience across platforms. We worked together with branding agency Achtung McGarryBowen to create a new visual identity. I was involved with the development of the style along with the other designers at Videoland.

After the branding was final, the work came of implementing it in a consistent way into the product. Key here was consistency across different channels, from apps and web to smart TV and marketing materials. I was mostly involved in creating the designs and guiding and overseeing the implementation for the web touchpoints, inlcuding the landing pages, onboarding and web platform.

Tiering

This feature is not released yet. More info soon.

Design System

nfQ7dKtBrJTVDTWc96-HYw

Since the day that I started working full-time at Videoland, I set up a project to create a unified design system for web. Along with this I've worked on introducing design versioning and developer handoff using Abstract.

This made for a single source of truth, better collaboration on designs and more transparency about what is being worked on. Next to master files, component libraries and branches in Abstract, I created an accompanying style guide in ZeroHeight. This way, our design principles and rationale behind components, elements and styles is more clear and can easily be communicated.

Other

Schermafbeelding 2020-06-09 om 11.13.19

videoland.design
As a central place for everything related to the design of Videoland, I bought a domain and set up a website using one of my favourite tools, Notion, collecting useful links to style guides, Abstract acces, articles we've written, articles we're reading, talks we've given and more.

Go to videoland.design ->

Schermafbeelding 2020-06-12 om 14.51.57

RTL XL
For rtlxl.nl, RLT's Dutch AVOD service, we launched a new website in the beginning of 2020. I was involved in some of the UI and UX design of the new website.

Go to the new RTL XL ->

© 2020 Joost Reus. Email • LinkedIn