All Collections
Website and App Development
Design guide - Assets required for OTT Mobile Apps
Design guide - Assets required for OTT Mobile Apps
Anjana avatar
Written by Anjana
Updated over a week ago

To create a visually appealing streaming mobile apps for your viewers, we require specific assets from you.

Here are assets you need to provide

Image Aspect Ratio and Dimensions:

  • 16:9 - 1920 x 1080 pixels

  • 4:3 - 1440 x 1080 pixels

  • 3:4 - 1080 x 1440 pixels

  • 1:1 - 1080 x 1080 pixels

Theme:

Choose a theme that aligns with the identity of your content. For this article I've explained the defaults based on theme - Hybrid. You can choose any other theme as well

Theme Presets:

Once you select a theme its presets are applied to your content

Typically on the below page types

  • Movie Content

  • Series Content

  • EPG / Live TV Content

Here are the widgets that are used on these pages

1. Sidebar

There are 3 header layouts, you can customize it based on your requirements

Default Sidebarr - Hybrid Theme

Sidebar Style 2

Sidebar Style 3

2. Carousel:

Carousel supports only 16:9 aspect ratio images.

There are 2 layouts for your carousel

Default Hybrid Theme Carousel

Carousel Style 2

3. Horizontal Listing / Grid Listing:

  • Horizontal listing displays multiple videos under a single category in one row.

  • Grid listing displays multiple videos under a single category in multiple rows.

Horizontal Listing

Grid Listing

  • Three layouts are available for both horizontal and grid listings, supporting 16:9, 3:4, and 1:1 aspect ratios.
    ⚠️ Note: Default layout for Horizontal/Grid Listing: 16:9 (Medium)

Default Horizontal Listing

Listing Style 2 (1:1)

Listing Style 3 (Circular) - 1:1 image needed

Details that can be Displayed:

  • Title: Name of the content (video/show/playlist).

  • Subline:Select the details to be displayed (e.g., Video name, Duration, Rating, Release Date, Publish date, Show Name, Category name)
    ⚠️ Note: Any two details to be highlighted in the Subline section.

Each horizontal listing layout (16:9, 1:1, 3:4) has different card sizes: Small, Medium, Large, Extra Large, Jumbo.

⚠️ Note: Default Horizontal Listing card size: 16:9 (Medium)

Small- 16:9

Medium -16:9
(Default)

Large - 16:9

5. EPG (Electronic Program Guide)

Channel Logos: We will need logos for each channel to be added to the EPG.

Here is how it will look

6. Detail Page - Video/ Movie / Show/ Season Page

For the Detail pages, we need high-resolution 16:9 preview images.

⚠️Note: The preview image is associated with the content, eg, the thumbnail of a video.

Movie/Video Detail Page

Show Detail Page

Season Detail Page

Did this answer your question?