Page & Layout
Last updated
Last updated
This guide is for the person who is responsible for designing the page structure and content layout in your OTT system.
As an OTT Platform as a Service (OTT PaaS) provider, we aims to make it flexible for you to customize your OTT platforms. So the page & layout are dynamic so that you can customize your pages & structure your content layout in a way that fit your needs.
Features in the Page & Layout management section on Vimai CMS:
These are the concepts used in our page & content layout structure
OTT Platform (used interchangeably as Platform in Vimai Guidelines) represent your OTT platforms. In normal use case, use usually only need to create one OTT platform for all your app device platform (Web, Mobile, CTV).
Platform is used to separate the design layout, content layout structure & potentially to separate your contents. Example use-case where you might need to create more than one platforms:
You want to create 2 separate sites with separate page structure / content layout & separate contents, like: One separate site for Documentaries, and one separate site for Anime. (Both with different page structure, content layout & content list)
You want to use a different page structure because the page structure on your site consists of many page that cannot fit your mobile app bottom navigation bar.
Menu bar, consisting of page list, is the main navigation in client app in your platform.
The menu bar can be configured in the "Manage Pages":
with each page corresponding to one menu item in the menu bar.
Once configured, those page (menu bar item) will show up on your app platform accordingly:
A Page Layout will consist of:
One Banner / Cover section: containing a list of contents that you would like to highlight in the page)
Multiple Ribbon / Carousels: Each Ribbon / Carousels contains a list of automatically-added contents (based on ribbon / carousels content filter conditions).
The position of ribbons / carousels can be reordered in Layout management page (See Manage Page Layout)
Each ribbon / carousels will have the following customizations:
Display
Customization the display of the ribbon / carousel items
Either:
Thumbnail (Landscape Poster): Display ribbon / carousel item image in landscape poster size.
Poster (Portrait Poster): Display ribbon / carousel item image in portrait poster size.
Ribbon Type (Ribbon's content curation rule)
Except for the "Master" ribbon type, the other ribbon type will be the content-curation rule. The content-curation for ribbon is the automatic ribbon content population mechanism. The rule will specify which types of contents will be automatically be added to the ribbon.
Either:
Automatic: Automatically curate contents into the ribbons using filtering condition (by category, by genre, by producing country) with selectable ordering strategy (by popularity, by on-air time, by popularity & on-air time combination)
New Release: Automatically curate newly-released contents sorted by release date into the ribbon.
Recent Movie (Recently Watched): Automatically curate the user's recently-watched content into the ribbon.
Top Content: Automatically curate the top 10 content with highest view count into the ribbon
Paid TVOD Content: Automatically curate user's paid TVOD/PPV contents into the ribbon.
Favorite Contents: Automatically curate user's favorite (liked) contents into the ribbon.
Recommendation (Using AI): Automatically curate recommended contents for the user (based on users' watch history) using AI algorithm (Matrix Factorization)
Master: For indicating this ribbon to be the Banner / Cover (containing items for the banner / cover)
When we configure a page layout with the below ribbons / carousels:
Watching Contents
Recent Movie (Recently Watched)
You might like
Recommendation (Using AI)
New Releases
New Release
Only on VD
Automatic
Content curation rule:
Category: "Only on VD"
Sports
Automatic
Content curation rule:
Category: "Movies"
Content Sorting Strategy:
By On-Air Time
Hot Drama
Automatic
Content curation rule:
Category: "Drama"
Content Sorting Strategy:
By Popularity
Trending Movies
Automatic
Content curation rule:
Category: "Movies"
Content Sorting Strategy:
By Popularity
Discovery
Automatic
Content curation rule:
Category: "Movies"
Content Sorting Strategy:
By On-Air Time
Comedy
Automatic
Content curation rule:
Category: "Comedy"
Content Sorting Strategy:
By On-Air Time
Documentaries
Automatic
Content curation rule:
Category: "Documentary"
Content Sorting Strategy:
By On-Air Time
Asia Drama & Movies
Automatic
Content curation rule:
Category: "Drama", "Movies"
Region (Producing Country): Asia
Content Sorting Strategy:
By On-Air Time
Europe Drama & Movies
Automatic
Content curation rule:
Category: "Drama", "Movies"
Region (Producing Country): Europe
Content Sorting Strategy:
By On-Air Time
The page layout will be displayed as:
Manage OTT Platform
Manage OTT Platforms, which each platform having separated page structure & content layout.
Add / Remove OTT Platforms dynamically on Vimai CMS.
Manage Page
Manage Page Structure (Navigation Bar) for each OTT Platform separately.
Add / Remove / Reordering pages dynamically on Vimai CMS.
Manage Page Layout
Manage Page Content Layout Structure for each page separately.
Flexible, highly-configurable & dynamic content curation rule for each ribbons / carousels in the page.
Add, remove and reorder ribbons / carousels / page submenu (tabs) dynamically on Vimai CMS.
