Proximus Media Guides

NBO banner

NBO visuals on TV devices.

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

Overview

The NBO banners appear on the TV devices and promote TV contents.

Anatomy

HTML contents do not come on top of the NBO banners. The designers need to put the copy and contents themselves.
Here is a quick overview of what the NBO banner contains to better understand this documentation:

  1. Title
  2. Copy (optional)
  3. Button
  4. Patch (optional)
  5. Copyright (optional)
    Must remain small and discreet.

Compositions

There are two different formats: the NBO banners and the small vignettes (ip artboard):

NBO banners
Vignette - ip artboard

NBO TV banners might also be duplicated for MyProximus app and MyProximus web. Refer to the documentation if needed.

Accessibility

The designers must add the different contents on the visuals themselves so they are in charge of the accessibility. Make sure copy is always clear and readable.

Accessibility - Contrast is the most important consideration

Our websites and applications have to be accessible, meaning perceptible, operable, understandable and robust for users with disabilities. Discover here our accessibility guidance.

The visual presentation of text has a contrast ratio of at least 4.5:1. Success criterion 1.4.3 Contrast

Negative mode
Positive mode
last modified: 01/01/1601 01:00:00

How to

Please use the template and respect the following guidances:

  1. Use the smart objects to insert the copy.
  2. Add patch, logos (Enjoy!, betv) if needed.
  3. Add copyright if needed.
  4. Produce visuals for all the required languages.
  5. Make sure your visuals are not too heavy and compress if needed.
  6. Produce visuals for MyProximus app and MyProximus web if needed.
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:

NBO TV banner
Breakpoints Size Max weight Format
IP vignette 320x180px 40KB .jpg
TV banner 1100x266px 110KB .jpg
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. Do not use caps, spaces, accents or symbols (except a dash - )
Please respect the following naming convention:

  1. Name
    Short explanation of the visual, campaign,...
  2. Date
    yymm = year month (2108 = August 2021)
  3. tv-nbo-banner
  4. Type (optional)
    If the visual has a patch, it might be a try&buy visual (or upsell)
  5. Language
    EN, FR or NL.