Le Canal 29 de la TV d’Orange est une chaîne dédiée à la promotion de produits de divertissement, selon des thématiques ou partenariats qui imposent une validation des ayants droit, comme les sorties de films, des festivals, des évènements internes et externes à Orange, etc. L’activité étant exponentielle, le traitement du nombre de dossiers pour cette chaîne est situé entre deux à cinq dossiers par mois.
Chaque dossier se constitue au minimum d’une page de chargement et d'accueil. L'interface de l'écran d'accueil est composé d’un fond avec des tuiles conduisant à différents flux selon le dossier (live TV, bandes-annonces, vidéo à la demande, jeu concours, playlist...). La mission du studio d'Orange est de définir l’univers graphique des dossiers , la composition des éléments visuels et textuels, l'animation et l'interaction de l'interface, le parcours et l'expérience utilisateur.
une évolution technologique
Le canal 29 utilise l'explorateur Opéra version 9 (2007-2008) pour fonctionner sur les décodeurs les plus anciens et exploite la technologie HTML & CSS pour afficher ses contenus. Cette contrainte technique impose bon nombre de restrictions au niveau des interactions et des animations sur la TV d'Orange. Dans l'ensemble, l'affichage repose sur une grille statique avec plusieurs tuiles de formats et comportements prédéfinies, et la navigation se fait à l'aide des touches fléchées de la télécommande.
Durant deux années, nous avons conçu et mis en place différentes mécaniques d'intégration. Avec l'aide des équipes techniques, nous avons développé le service en y apportant progressivement des solutions interactives capables d'être supportées par tous les décodeurs d'Orange. En ce sens, nous avons expérimenté et intégré de nouveaux codes HTML/CSS afin d’améliorer les comportements d'animation et d'interaction, mais également du  code javascript selon les besoins. Toutefois, nous avons des spécifications imposées pour les fichiers (dimension, poids, format) afin de répondre aux connexions les plus lentes. 
Pour exemple, les vidéos étaient non supportées pour les anciens décodeurs. Nous avons donc intégré une boucle interactive avec un effet de fondu entre plusieurs images transparentes (étoiles). L'ensemble est superposé à l'image de fond pour un rendu similaire et plus léger qu'une vidéo en plein écran (voir ci-dessous). 
Dans le temps, la structure de la grille a également évolué pour devenir plus flexible afin de ne plus limiter la disposition et la taille des tuiles. Sa taille reste inchangée, mais l'espacement entre les tuiles et leur quantité peuvent être adaptés selon les campagnes. Avec l'amélioration de la compression des images et l'ajout du format d'image transparente (PNG), la qualité de la présentation du contenu proposé aux utilisateurs devient plus dynamique. 
une évolution graphique
En parallèle du développement de l'architecture du Canal 29, nous avons décidé de produire des interfaces graphiques avec des univers plus personnalisés et beaucoup plus en adéquation avec chaque thématiques proposés par le service. En alliant nos connaissances techniques et artistiques, nous avons pu répondre aux demandes et aux exigences de chaque dossier.
Pour exemple, nous avons désactivé les contours et les tailles prédéfinies des tuiles afin de laisser place à de véritables états de survol pouvant être générés avec des effets CSS et/ou des images. Ce nouveau format laisse une plus grande liberté créative, mais demande une plus grande réflexion en amont sur les différents types de comportements des tuiles. Voici deux exemples de dossier réalisés d'une année à l'autre par le studio.
quelques dossiers
Comme déjà précisé, chaque dossier comporte des éléments différents. Quel que soit les flux (live TV, bandes-annonces, vidéos à la demande, un jeu concours, playlist...), il est impératif d'être en empathie avec les visiteurs pour lui proposer la meilleure expérience possible durant sa navigation. Pour y arriver, nous allons définir des parcours utilisateurs pour retenir les meilleures disposition et composition des éléments graphiques (typographie, photographie, image, vidéo, etc.). Dans cette démarche, nous allons prendre en compte l'animation globale de l'interface pour améliorer l'ergonomie, la navigation et le comportement des contenus.

1/ Promotion de tourisme : Direction l'Afrique du sud
L’office du Tourisme de l’Afrique du Sud souhaite mettre en avant ce beau pays par le biais du Canal 29. De ce fait, un jeu concours est proposé avec un séjour de 11 jours et 8 nuits pour 2 personnes à gagner. L'objectif était de valoriser des vidéos promotionnelles du pays, une playlist d’artistes sud-africains, les sites classés UNESCO, une sélection de films en VOD, les évènements à retenir, les villes les plus connues,
les découvertes sportives et pour finir, le jeu concours.
2/ Promotion des nouvelles offres Canal +
3/ Concours place de cinéma : Dragons 3
4/ Les offres du calendrier de noël d'Orange
5/ Promotion événementielle : Festival de Cannes
6/ Concours place de cinéma : Les Animaux Fantastiques
7/ Promotion exclusivité OCS : Game of Thrones
8/ Promotion de chaîne TV : Trace Urban
9/ Promotion maison connectée

You may also like

Back to Top