Théâtre de l'Oeil — Refonte web et frise chronologique pour une institution de la marionnette qui fête ses 50 ans

Cinquante ans de création, 31 productions originales, 1,4 million de spectateurs sur quatre continents. Quand le Théâtre de l’Oeil a amorcé sa refonte web en 2023, l’enjeu allait bien au-delà d’un simple coup de pinceau numérique. L’institution fondée en 1973 avait besoin d’un site capable de porter simultanément deux missions : célébrer un demi-siècle de patrimoine artistique et servir d’outil opérationnel pour ses tournées actuelles. C’est l’agence web à Montréal Agence Chocolat qui a reçu ce mandat — concevoir un site à la hauteur d’une institution qui a façonné le théâtre de marionnettes contemporain au Québec.

Le client — un demi-siècle de marionnettes pour les jeunes publics

Le Théâtre de l’Oeil n’est pas un organisme culturel parmi d’autres. C’est l’une des compagnies de marionnettes contemporaines les plus actives et les plus reconnues au Canada. Fondée à Montréal en 1973 par Francine Saint-Aubin et André Laliberté — qui en assurerait la direction artistique pendant 47 ans —, la compagnie a produit 31 œuvres originales présentées dans 44 festivals internationaux, en Belgique, en Chine, aux États-Unis, en Algérie, au Mexique et dans une dizaine d’autres pays répartis sur quatre continents.

La compagnie est aussi une institution de formation : elle a contribué à la création du DESS en Théâtre de Marionnettes Contemporain à l’UQAM, engagé plus de 350 artistes au fil de son histoire et formé des générations de marionnettistes à travers ses stages et son programme de compagnonnage. Parmi ses distinctions, le Prix Albert-Tessier et la désignation Compagnon de l’Ordre des arts et lettres du Québec, accordée à son fondateur André Laliberté, témoignent d’un rayonnement qui dépasse largement les frontières québécoises.

En 2023, c’est Simon Boudreault — lui-même issu de la compagnie comme marionnettiste — qui en assure la direction artistique, avec au répertoire actif trois productions en tournée : M. Nicolas et la lune, 176 pas et Perruche.

Le défi — donner une présence numérique à un legs de 50 ans

Le contexte de la refonte était particulier. L’anniversaire des 50 ans n’était pas une occasion de communication anodine : c’était le moment de synthétiser un patrimoine artistique considérable, de le rendre accessible en ligne — à la fois pour les familles et les jeunes publics, pour les diffuseurs qui programment des tournées, et pour les partenaires institutionnels qui évaluent la crédibilité d’un organisme.

Le site devait donc remplir des fonctions multiples et servir des utilisateurs aux profils très différents : un parent qui cherche un spectacle pour son enfant, un directeur de diffusion qui évalue une production pour sa programmation, un chercheur qui documente l’histoire des arts de la marionnette au Québec. Ces trois personnes arrivent au même site avec des intentions radicalement différentes.

Par-dessus tout, le 50e anniversaire imposait une contrainte créative claire : l’histoire de la compagnie — ses productions, ses collaborateurs, ses tournées, ses distinctions — devait être présente sur le site d’une façon qui soit à la fois rigoureuse et engageante. Pas une simple liste de productions dans un PDF. Une expérience de navigation dans le temps.

La frise chronologique — une mémoire vivante en données structurées

Le cœur narratif du projet est la frise chronologique, accessible depuis la section Compagnie du site. Elle raconte l’histoire du Théâtre de l’Oeil depuis les premières formations d’André Laliberté comme apprenti des Marionnettes de Montréal en 1963, jusqu’au présent — en passant par chaque production, chaque tournée internationale marquante, chaque collaboration artistique déterminante.

Concevoir cette frise posait un double défi : structurer près de 60 ans d’histoire en séquences lisibles, et le faire d’une façon qui soit exploitable par les moteurs de recherche. C’est ici que les données structurées entrent en jeu. Chaque événement de la frise est balisé selon le vocabulaire Schema.org — les productions, les prix, les collaborations, les faits d’institution — ce qui permet à Google d’indexer cette information de façon structurée plutôt que de la traiter comme du texte ordinaire.

Concrètement, la frise documente des jalons comme la première tournée internationale en Belgique en 1976, la production Regarde pour Voir de 1979 qui a tourné pendant sept ans en Chine, aux États-Unis et en Algérie, la création du spectacle Le Porteur en 1997 — 800 représentations, trois Masques, un Chalmers Canadian Play Award —, ou encore la fondation du DESS en Théâtre de Marionnettes Contemporain à l’UQAM en 2007. Ces données, structurées et balisées, font du site du Théâtre de l’Oeil une référence numérique sur l’histoire de la marionnette au Québec — un actif SEO autant qu’un actif culturel.

Une architecture de navigation pensée pour les diffuseurs et les familles

La structure de navigation du site reflète les réalités opérationnelles de la compagnie. La section Spectacles distingue clairement ce qui est en tournée active, ce qui est disponible sur demande et ce qui appartient au répertoire documenté. Pour un diffuseur qui cherche à programmer un spectacle, cette clarté est essentielle : il doit pouvoir savoir en quelques secondes si une production est disponible pour sa saison, quelle est sa durée, à quel groupe d’âge elle s’adresse et comment initier une demande.

La section Projets spéciaux couvre deux dimensions moins connues de la compagnie : la création numérique — dont La Cité des Loups, racontée par le bout du crayon, une œuvre numérique gratuite produite pour les 50 ans — et les ateliers de médiation culturelle destinés aux établissements scolaires. Ces sections élargissent la perception de la compagnie au-delà du spectacle sur scène, vers une institution qui s’engage activement dans l’éducation artistique.

Le calendrier de représentations centralise l’information sur les dates de tournée, ce qui simplifie la tâche tant pour les familles qui planifient une sortie que pour les journalistes culturels qui cherchent à couvrir un spectacle.

Un design sobre au service de la marionnette contemporaine

Les choix esthétiques du site partent d’un principe simple : le contenu — les images de spectacles, les visuels de marionnettes, les extraits de production — doit être le vrai protagoniste de l’expérience visuelle. L’interface est donc volontairement retenue : palette sobre dominée par le blanc, le noir et un gris-bleu discret, typographie lisible et contemporaine, espaces généreux qui laissent respirer les visuels.

La mascotte illustrée présente sur la page d’accueil joue un rôle d’identification rapide — un élément de personnalité visuelle qui ancre l’univers de la marionnette sans alourdir l’ensemble. Le design est responsive et adapté à trois points de rupture majeurs, avec une navigation hamburger fluide sur mobile. Une attention particulière a été portée aux performances d’affichage : LazyLoad pour le chargement différé des images, intégration propre des médias externes (chaîne YouTube des capsules du 50e anniversaire, playlist Spotify d’Ariane Moffatt associée à la production 176 pas).

Un site bilingue de fondation

Le rayonnement international du Théâtre de l’Oeil — 44 festivals, 12 pays, des partenaires sur quatre continents — imposait un bilinguisme intégral et irréprochable. Le site est entièrement disponible en français et en anglais, avec un sélecteur de langue accessible depuis toutes les pages. Cette dimension bilingue n’est pas un ajout de surface : elle reflète une réalité opérationnelle pour une compagnie qui négocie ses tournées et ses co-productions dans les deux langues avec des partenaires canadiens et internationaux.

Toute la gestion du contenu bilingue est assurée dans WordPress, ce qui permet à l’équipe de la compagnie d’alimenter et de mettre à jour les deux versions du site sans compétences techniques particulières. La fluidité du système de gestion est un facteur de durabilité du site — un organisme culturel sans équipe web interne doit pouvoir maintenir son site de façon autonome, en français comme en anglais.

Visitez le site du Théâtre de l’Oeil pour découvrir les spectacles en tournée et explorer la frise des 50 ans.