How to Design for Connected TV (CTV) Devices

person icon Gergo Szaszik

How to Design for Connected TV (CTV) Devices

The first step into OTT - 2022! Design your first OTT Streaming app for TV Devices

updated on icon Updated on Dec, 2023

language icon Language - English

person icon Gergo Szaszik

architecture icon Design,Product Design,Design Thinking,Web Design

Lectures -26

Resources -1

Duration -7.5 hours


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 8,500+ top Tutorials Point courses anytime, anywhere.

Course Description

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!


What will you learn in this course:

  • Design fundamentals for Connected TV Devices

  • How to design an OTT Streaming App

  • Basic UX, User Mindset, User Behaviour, Best & Worst Practices for TV

  • Differences between web & TV

  • TV-specific typography & grid

  • The design approach in Figma

  • Navigation & UI states

  • Various components & pages

  • TV & platform specific restrictions


What are the prerequisites for this course?

  • Basic understanding of digital design & web design
  • Laptop or computer
How to Design for Connected TV (CTV) Devices


Check out the detailed breakdown of what’s inside the course

1 Lectures
  • play icon Introduction 01:50 01:50
Software & Hardware Requirements
1 Lectures
Planning Ahead
1 Lectures
Core differences between CTV & Web
3 Lectures
Design File
2 Lectures
Design Preparations
3 Lectures
Home Page
3 Lectures
Series Page
3 Lectures
Individual Content Pages
3 Lectures
Video Player
1 Lectures
Search Functionality
1 Lectures
Account Section
1 Lectures
Login & Sign up flows
1 Lectures
1 Lectures
Thank You!
1 Lectures

Instructor Details

Gergo Szaszik

Gergo Szaszik

A product designer based in London. Used to study graphic design in a private institution called "Shillington" where I fall in love with design. After my studies, I ended up working in a digital environment where I really found myself. At first, I was focusing and working with web products.

In the past 3 years, almost exclusively, I was focusing on Connected TV Devices and OTT experiences.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us