Roku Channel Redesign

UX/UI Design · Responsive Web · Concept Project

A conceptual redesign of The Roku Channel's digital experience, exploring a more engaging and intuitive way for viewers to discover streaming content. The project focuses on improving content hierarchy, navigation, and discovery across desktop and mobile.

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.

Project Overview

Project Type

UX/UI Concept Redesign · Responsive Web Design.

Audience

Streaming viewers looking for an intuitive way to discover movies, TV shows, and original content.

Goal

Explore improvements to content discovery, visual hierarchy, and navigation across desktop and mobile experiences.

My Role

UX/UI Designer — responsible for evaluating the existing experience, developing wireframes, and creating high-fidelity responsive designs.

Design Process

Reviewed the existing Roku Channel website, identified opportunities for improvement, explored layout and navigation concepts, and developed responsive UI designs.

Evaluating the Existing Experience

I reviewed the existing Roku Channel website to identify opportunities to improve content discovery and visual hierarchy. The exploration focused on how featured titles, streaming categories, and promotional content were presented across the page.

Design Opportunities

Content discovery: Explore ways to make featured movies, shows, and Roku Originals easier to find.
Visual hierarchy: Give key content and promotions greater prominence.
Responsive experience: Create a more consistent presentation across desktop and mobile.
Content engagement: Introduce more visually engaging ways to browse streaming options.

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.

Wireframing & Layout Exploration

I explored desktop and mobile layouts to establish a clearer content hierarchy and more consistent browsing experience. These wireframes helped define the placement of featured content, promotional sections, and supporting information before moving into high-fidelity UI design.

Responsive Mobile Experience

The mobile redesign explores a more streamlined approach to browsing The Roku Channel on smaller screens. I focused on clear content hierarchy, prominent featured titles, and simplified navigation to make discovering movies and shows more intuitive.

The layouts adapt the desktop experience for mobile while maintaining consistent branding, typography, and visual elements.

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

Featured Content & Hero Design

The redesigned hero section places greater emphasis on featured movies, shows, and promotional content through large imagery, clear typography, and prominent calls to action.

I explored a more immersive layout that gives featured titles room to stand out while maintaining a clear path for viewers to explore and discover 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.

Desktop and Mobile View

Subscription Carousel & Content Discovery

I explored a horizontal carousel layout to organize subscription services within The Roku Channel experience. The design uses recognizable service branding, consistent card layouts, and clear visual hierarchy to help viewers browse available streaming options.

The carousel provides a compact way to present multiple services without overwhelming the page or competing with featured entertainment content.

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 Originals & Exclusive Content

I explored a dedicated section to highlight Roku Originals and exclusive programming, giving viewers a clearer way to discover content available on The Roku Channel.

The design uses prominent artwork, consistent content cards, and a structured layout to distinguish original programming from other streaming categories while maintaining a cohesive browsing experience.

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

Interactive Design Walkthrough

A full walkthrough of the Roku Channel redesign, demonstrating how the proposed website experience comes together through an interactive Figma prototype.

The walkthrough showcases the page layouts, navigation, content browsing, and responsive design concepts explored throughout the project.

Desktop prototype 1728x1117 Prototype link

Design Takeaways

This conceptual redesign allowed me to explore ways to improve content discovery, visual hierarchy, and responsive design within The Roku Channel experience.

Through wireframing and high-fidelity UI exploration, I developed a more cohesive approach to presenting featured entertainment, subscription services, and Roku Originals across desktop and mobile.

The project reinforced the importance of balancing engaging visual design with intuitive navigation and clear content organization.