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 Dec, 2023
Language - English
Duration -7.5 hours
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:
Section 5 - Design file:
Creating your design file
Section 6 - Design preparations:
Grid & overscan
Typography for CTV devices
Design in isolation & pre-prototyped frames
Section 7 - Home page:
Generic content cards & variants
Section 8 - Series page:
Header sections & generic cards
Genre rail & inner page
Section 9 - Individual content pages:
Individual content page for series/shows
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
Check out the detailed breakdown of what’s inside the course
- Introduction 01:50 01:50
Software & Hardware Requirements
Core differences between CTV & Web
Individual Content Pages
Login & Sign up flows
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.
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
Related Video CoursesView More
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video CoursesSubscribe now
Master prominent technologies at full length and become a valued certified professional.Explore Now