Théâtre de l'oeil

Refonte du site web pour une institution fondatrice de la marionnette contemporaine au Québec — frise chronologique des 50 ans balisée Schema.org, architecture bilingue pensée pour les diffuseurs internationaux et les familles, et design sobre au service des visuels de spectacles.
Secteur : Culture · Arts vivants · Marionnette contemporaine
Services : Refonte · Hébergement · Maintenance
Technologies : WordPress · ACF · Schema.org
Année : 2024

Le client

Le Théâtre de l’Oeil est l’une des compagnies de marionnettes contemporaines les plus reconnues au Canada. Fondée à Montréal en 1973 par Francine Saint-Aubin et André Laliberté, elle a produit 31 œuvres originales présentées dans 44 festivals internationaux sur quatre continents — Belgique, Chine, États-Unis, Algérie, Mexique et bien d’autres. La compagnie a également 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 reçu le Prix Albert-Tessier ainsi que la désignation Compagnon de l’Ordre des arts et lettres du Québec.

En 2023, c’est Simon Boudreault qui assure la direction artistique, avec trois productions actives en tournée : M. Nicolas et la lune, 176 pas et Perruche. Un legs de 50 ans à célébrer, une activité artistique présente à documenter.

Le mandat

La refonte de 2023 coïncidait avec les 50 ans de la compagnie — ce qui transformait un projet web standard en quelque chose de plus exigeant. Le site devait simultanément célébrer un patrimoine artistique considérable et servir d’outil opérationnel pour les tournées actuelles. Il devait parler à un parent qui cherche un spectacle pour son enfant, à un diffuseur qui programme une saison, et à un chercheur qui documente l’histoire des arts de la marionnette au Québec.

La contrainte créative centrale : rendre l’histoire de la compagnie accessible en ligne d’une façon rigoureuse et engageante — pas une liste de productions dans un PDF, mais une expérience de navigation dans le temps. En parallèle, maintenir une architecture opérationnelle claire pour les tournées actives, et assurer un bilinguisme intégral à la hauteur du rayonnement international de la compagnie.

Cinquante ans d’histoire en frise chronologique, une architecture pour diffuseurs et familles, et un bilinguisme à la hauteur d’une tournée sur quatre continents. Lire l’étude de cas →

Les priorités du projet

Priorité 1

Concevoir la frise chronologique des 50 ans

Structurer près de 60 ans d’histoire — productions, tournées internationales, collaborations, distinctions — en une frise de navigation lisible et balisée Schema.org, pour que chaque événement soit indexé par Google comme une donnée structurée plutôt que comme du texte ordinaire.

Priorité 2

Créer une architecture pour deux audiences radicalement différentes

Concevoir une navigation qui serve simultanément les diffuseurs qui programment des tournées (disponibilité des spectacles, fiches techniques, contacts) et les familles qui cherchent un spectacle pour leur enfant — sans que ces deux logiques entrent en collision.

Priorité 3

Assurer un bilinguisme intégral et une gestion autonome

Déployer un site entièrement bilingue français-anglais gérable sans compétences techniques, pour qu’une compagnie sans équipe web interne puisse maintenir ses deux versions de contenu de façon autonome au fil des tournées et des saisons.

La frise chronologique des 50 ans

Grille graphique du Théâtre de l'Oeil de Montréal

La frise chronologique est le cœur narratif de la refonte. Elle documente l’histoire de la compagnie depuis les premières formations d’André Laliberté en 1963 jusqu’au présent, en passant par chaque production marquante, chaque tournée internationale et chaque collaboration déterminante — la première tournée en Belgique en 1976, Regarde pour Voir qui a tourné sept ans en Chine et aux États-Unis, Le Porteur avec ses 800 représentations et trois Masques, la fondation du DESS à l’UQAM en 2007. Chaque événement est balisé selon le vocabulaire Schema.org, ce qui permet à Google d’indexer cette information comme des données structurées. Le résultat est un actif culturel autant qu’un actif SEO : une référence numérique sur l’histoire de la marionnette contemporaine au Québec.

Grille graphique du Théâtre de l'Oeil de Montréal

L'architecture des spectacles et la navigation bilingue

Exemple d'un site web culturel — Théâtre de l'Oeil, compagnie de théâtre

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é — une clarté essentielle pour les diffuseurs qui programment des saisons et qui ont besoin de savoir en quelques secondes si une production est disponible. Le calendrier de représentations centralise les dates de tournée pour les familles et les journalistes culturels. Le site est entièrement bilingue français-anglais, avec un sélecteur accessible depuis toutes les pages — reflet direct d’une compagnie qui négocie ses tournées et ses co-productions dans les deux langues avec des partenaires sur quatre continents. Toute la gestion du contenu bilingue est assurée dans WordPress, sans compétences techniques requises de l’équipe de la compagnie.

Exemple d'un site web culturel — Théâtre de l'Oeil, compagnie de théâtre