How to Design for Connected TV (CTV) Devices

During this course, we'll build an entire OTT Streaming App product for TV Devices from the ground up together to help you get a better understanding of OTT apps. The SVOD (Subscription Video On Demand) model is the best first step into this niche or segment of the digital industry.

The course is up to date and reflects the current state of this section of the digital industry.

OTT is a growing market the demand for Connected TV apps is higher than ever. If you're a designer and want to stand out or gain additional skills to further your design career, this might be the course for you.

In this course, we'll look into how to design CTV (Connected TV) devices, and all the possibilities, and opportunities. You'll learn about the restrictions and challenges you're facing, how to approach a project like this, what to look for, and how to communicate with your development team effectively. You'll learn about best UX practices for OTT apps, how to keep your users engaged on the big screen, you'll learn about their mindset and goals.

The topics covered in the course are:

Section 1 - Introduction

Section 2 - Software & hardware requirements

Section 3 - Planning ahead

Section 4 - Core Differences between CTV & Web:

1. Navigation

2. Focus state

3. UX differences

Section 5 - Design file:

1. Creating your design file

2. Freebies

Section 6 - Design preparations:

1. Grid & overscan

2. Typography for CTV devices

3. Design in isolation & pre-prototyped frames

Section 7 - Home page:

1. Navigation

2. Header section

3. Generic content cards & variants

Section 8 - Series page:

1. Header sections & generic cards

2. Genre rail & inner page

3. Movies page

Section 9 - Individual content pages:

1. Individual content page for series/shows

2. Additional concepts

3. Individual content page for movies

Section 10 - Video player

Section 11 - Search functionality

Section 12 - Account section

Section 13 - Log in & Sign up flows

Section 14 - Prototype

Section 15 - Thank you!