Proximus Media Guides

Detail page

Informative TV option page where you can subscribe or check latest tv content.

last modified: 01/01/1601 01:00:00

Overview

Detail pages are informative pages that open up once you click on a TVO set vignette through the subscription menu. They show the latest TV options' contents and allow the user to subscribe. Detail pages are produced slightly diffrently for two TV decoders: NTE and v7 decoder.

These visuals are usually updated for most TV options on a monthly basis along with the TVO set and TVO set web.

Anatomy

Detail pages are slightly different for the NTE decoder and V7 decoder but they contain similar contents. Here is a quick overview of what the detail pages contain to better understand this documentation:

  1. Top bar
    Added on top of the visual, not in the visual.
  2. Netflix pack mention (NTE decoder only)
    Netflix | Tuttimus, Netflix | Familus, Netflix | Flex, or none.
  3. TV Jackets
    NTE: Always exported in the visual. V7: exported with and without jackets (see compositions).
  4. Subscription
    HTML content added on top of the visual, not in the visual.
  5. TV options copy
    HTML content added on top of the visual, not in the visual.
  6. Main background visual

Compositions

Detail page visuals must be produced in two different formats: NTE decoder and V7 decoder. These visuals should be produced for each TV options and there may be differences for FR and NL.

Detail page for NTE decoder

Always with the jackets on top of the main visual. Detail page for NTE have a transparent background.

Detail page for V7 decoder

Export with and without the jackets on top of the main visual. Detail page for V7 have a black background.

With jackets
Without jackets
last modified: 01/01/1601 01:00:00

How to

Please use the template and respect the following guidances:

  1. Produce visuals for the V7 template and NTE template.
  2. Respect the margins.
  3. Update the visuals in the smart objects: main background visual + jackets.
  4. Produce visuals for all the required languages.
  5. For Netflix visuals: make sure not to crop a person's face, feet, hands,...
  6. Add the TV content title if it's not already in the visual.
  7. For Netflix visuals: export several visuals with mentions Netflix | Tuttimus, Netflix | Familus, Netflix | Flex and without mention.
  8. Add copyrights if needed (mostly for betv and pickx mix).
  9. Hide unnecessary layers when exporting.
  10. Make sure your visuals are not too heavy and compress if needed.
  1. Name_tvo_detail_page_v7_date_FR
  2. Name_tvo_detail_page_nte_date_FR
Template download

You're part of Proximus organization? Go to the template - If not, request it

Technical specifications

Please respect the following specifications when you export the images:

Breakpoints Size Max weight Format
V7 decoder - no jackets 1920x1080px 100KB .jpg
V7 decoder - with jackets 1920x1080px 200KB .jpg
NTE decoder 1280x720px 800KB .png
How to compress images

To ensure good UI quality and website performances, it's very important to respect the maximum weight indicated while keeping a correct image quality.
Discover here our images compression recommendations.

Naming convention

When exporting your visuals, make sure you use the correct naming.
Please respect the following naming convention:

  1. Name
    Short explanation of the visual, campaign,...
  2. tvo_detail_page
    Name of the visual's type.
  3. Decoder
    V7 or NTE
  4. Date (optional)
    yymm = year month (2108 = August 2021)
  5. Language
    FR or NL.