TVO set
Vignettes showing the monthly TV content of a TV option.
Overview
TVO sets are small vignettes next to each other promoting the different TV options.
These visuals are usually updated for most TV options on a monthly basis except for Netflix, betv, All Stars and All Stars & Sports which only
show their logos.
When updating the TVO set visuals, you might want to check if an update is also needed for the TVO set web and the detail page.
Anatomy
Here is a quick overview of what the TVO set contains to better understand this documentation:
- Main visual
Including optional title of the TV content. - TV option title
Included in the visual: Netflix, betv, All stars,... - Price
Included in the visual. - Active patch (optional)
Included in the visual. Export with and without this patch (in FR, NL, EN) - Content language patch
FR or NL.
Compositions
Most visuals fit for both NTE and V7 decoders except 4 additional visuals for NTE decoder only. All these visuals are reunited in the same template file.
V7 and NTE TVO set with copy
The designer must write the copy itself, since there is no HTML content above the visual, which results in a lot of visuals to produce. The vignettes are produced with an NL patch for the dutch content and an FR patch for the french content. For both NL and FR content, they should be exported with the copy (TV option title, price) in FR, NL and EN. Repeat the same process with the active patch on.
NTE only TVO set
These vignettes are for NTE decoder only. They have different dimensions and there isn't as much additional copy (price, language patch nor active patch).
How to
Please use the template and respect the following guidances:
- Produce visuals for NL and FR patch.
- Update the visuals in the smart objects.
- Add the correct copy if needed via the text or smart objects.
- Produce visuals for all the required languages (FR, NL, EN).
- Add copyrights if needed.
- Hide unnecessary layers when exporting.
- Make sure your visuals are not too heavy and compress if needed.
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 |
---|---|---|---|
NTE & V7 392-280 | 392x280px | 60KB | .jpg |
NTE 320-240 | 320x240px | 40KB | .jpg |
NTE 196-110 | 196x110px | 20KB | .jpg |
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:
- Size
- Decoder
NTE_V7 or just NTE. - Patch language
FR or NL - Copy language
FR, NL or EN - Active (optional)
For the visuals with the active patch only