Roku TV Launch

I was the lead designer for the Roku-branded TV launch on Best Buy and Amazon. I helped deign the landing page and each product page to showcase individual products.

Images of television screens displaying Roku website with a mountain landscape, text reading "Discover the new era of Roku," and buttons labeled "Shop all TV's" and "Learn More."

Hero view for mobile and desktop.

Desktop prototype 1728x1117 Prototype link

Smartphone displaying a Roku app with a streaming image of a tiger on a TV screen and a description about 4K resolution and HDR10+
A circular abstract pattern with a deep purple color and a textured, pixelated surround.

Section 3 mobile view.


Audience

Potential customers who are looking for a new smart TV.

Goal

To showcase the new Roku branded TV on e-commerce partner sites.

Role

I was responsible for designing the landing pages for Best Buy and Amazon.

Design Process

Deadlines were set for weeks away so I started investigating layout and image options.


Three side-by-side screenshots of a Best Buy webpage promoting various smart TVs and accessories, including remote controls and streaming options.

Other Iterations

Here are a few of my earlier explorations of layouts and imagery.

Micro-interactions

Micro-interactions was something I explored to help this page stand out.

Advertisement for Roku Plus Series 4K QLED TVs featuring a large TV displaying a canyon landscape, with text "The smart TV that makes sense"

Best Buy Manufacturer: Roku Plus Series image.

This launch campaign had many design elements needed for various touch points. Here are a few examples from the Gallery and Enhanced Content pages.

Visual Design

Two smartphones displaying Best Buy product pages for a 75-inch Roku TV. The left phone shows a screen with streaming app icons and a living room background, while the right phone displays a close-up of a tiger on the TV screen, with a living room background.

Here are a few examples of gallery images in use.

Image of a Roku interface showing streaming options, an enhanced voice remote, and a Roku Plus Series 4K QLED TV, with supportive text about features and streaming services.

Here are a few more examples of gallery images.

I usually develop digital design specification documents to outline the build of each page.

Specifications

Collection of presentation slides featuring a smart TV with an image of a mountain landscape, a remote control, and various layouts and specifications of the TV, including sections focused on features, properties, anatomy, and user interface details.

Click to view Specs

In the third quarter of 2023, Roku reported total net revenue of $912 million, marking a 20% increase year over year. This growth was driven by strong performance in content distribution, video advertising, and the launch of Roku-branded TVs.

Results