Roku Channel Redesign

This was a concept I developed for the Roku Channel landing page on Roku.com.

Roku streaming platform displays animated characters in a scene with a dark, colorful background and the text "A Delicious Adventure Awaits" and "Join Flint Lockwood as food rains from the sky in Cloudy with a Chance of Meatballs."

Hero view for mobile and desktop.

Desktop prototype 1728x1117 Prototype link


Audience

Users looking for more content to stream and to show what is popular this month.

Goal

Redesign to match other new pages on the Roku.com and to help grow the Roku Channel.

Role

I created this as a prototype for a proposal to update current site.

Design Process

I worked with fixing any UI/UX issues and designed based on the new homepage style.


Current Roku Channel page

Here is the current live page that I redesigned from.

Screenshot of the Roku Channel website homepage, displaying various TV show and movie options across categories such as Roku Originals, Free TV & Movies, Live TV, Kids & Family, and subscription services.

Smartphone screens displaying the Roku streaming app interface with featured TV shows like 'If,' 'SpongeBob SquarePants,' and 'Despicable Me,' and a central promotional section encouraging app download.

Desktop and Mobile View


The request was to create a feature that showcases top content available on the Roku Channel for a specific period of time. This section would help generate revenue through paid partnerships.

Hero featured content

Promotional image for the animated movie "Cloudy with a Chance of Meatballs" showing animated characters in a quirky scene, with text indicating it is available on Roku Channel with a "Watch Now" button.

Premium Subscription Carousel

Promotional image for the TV series "The Chi" on Showtime, featuring an older man with four young women standing behind him, set against a cityscape background at dusk.

Roku Original content showcase

Roku streaming platform interface showcasing various original movies and shows, including 'The Fugitives,' 'Punk'd,' and 'Flipped,' with a background gradient of dark purple.

Wireframing