Site web Opéra La petite renarde rusée

Conception, design et fabrication du site éditorial d’un opéra, « La petite renarde rusée », de Leos Janacek.

www.renarde.arcal-lyrique.fr

Point de départ du projet

L’Arcal, compagnie nationale de théâtre lyrique (direction Catherine Kollen) avait besoin, pour accompagner la diffusion d’un opéra (« La petite renarde rusée », de Leos Janacek, mis en scène par Louise Moaty, direction d’orchestre par Laurent Cuniot) d’un site web dédié qui soit à la fois lieu de référence officiel, espace de ressources pour le public autour de l’œuvre et de sa mise en scène et en musique, et plateforme de diffusion des travaux d’ateliers réalisés autour de l’opéra.

Cahier des charges

Le travail de fabrication de ce site web comportait plusieurs facettes :

• Accompagnement à la stratégie web.
• Accompagnement à la construction de l’arborescence et de la nature des contenus.
• Formation à l’usage du back-office (et notamment gestion des textes, images et vidéos).
• Webdesign.
• Développement et intégration web.

Délais et contenus

Pour réaliser ce site et que les délais serrés soient tenus, les contenus ont commencé à être conçus et mis en ligne par les rédacteurs en parallèle du travail de développement web. Grâce à ce vrai temps de construction, lorsque le site a ouvert, les contenus étaient d’emblée riches et intéressants, remplissant d’emblée les objectifs du site.

Lancement du travail

J’ai donc commencé par installer un CMS (Content Management System, sorte de « moteur » de site web), SPIP (que je recommande très vivement), et formé les rédacteurs, collectivement, afin de construire une dynamique pour la construction des contenus.

Webdesign

La conception du webdesign n’est venue que dans un deuxième temps, lorsque la plupart des contenus étaient présents, que les questions de structure et d’arborescence étaient réglées et que le travail sur les répétitions de l’opéra avançait. Ainsi, j’ai abandonné toutes les premières idées de webdesign pour arriver, en appui sur la réalité des contenus, à deux idées force :

1. L’utilisation en fond d’un tableau d’Egon Schiele, qui donne l’identité du site (les décors de l’opéra sont faits de tableaux d’Egon Schiele).
2. L’affichage en haut de chaque page (rubriques et articles) d’une grande image au format Cinemascope (c’est un opéra-vidéo, avec un grand écran Cinemascope sur scène - j’ai d’ailleurs aussi participé à la conception vidéo de cet opéra), qui est à l’image de la mise en scène de l’œuvre, et fait plonger visuellement dans l’univers de chaque section du site.

Navigation transversale et mots clés

Afin de générer une navigation transversale pertinente, par des liens, dans chaque page, vers des articles du même site qui partagent les mêmes thématiques que l’article en cours, chaque article publié doit être « taggé » par des mots clés, qui n’apparaissent pas pour l’internaute, mais qui permettent une éditorialisation automatique, et évolutive, des liens entre les articles.

Pérennité des contenus

Le CMS SPIP permet facilement de séparer pleinement forme et contenus et de structurer les textes, images et médias de façon très claire. Ainsi, ce qui préside à la construction des contenus du site n’est pas la « mise en page » du site, c’est la qualité de sa structure. La « mise en page » est une couche rajoutée par dessus des contenus structurés. Ainsi les contenus sont indépendants de toute mise en page, ils ne sont pas « bloqués », ils pourront toujours, même dans un avenir lointain, recevoir n’importe quel type de mise en page, et pouvoir être déclinés pour d’autres usages qu’un site web.

Les images

Dans ce sens, les images qui accompagnent articles et rubriques sont de grandes images, qui sont redimensionnées et recadrées automatiquement par le site lui-même. Ainsi, quelle que soit la mise en page future, les images sources sont présentes dans le site, et pourront toujours être redimensionnées pour répondre à des besoins en évolution.

Les vidéos

Concernant les vidéos, elles ne sont pas hébergées sur des sites de vidéo communautaire, elles sont hébergées dans le site lui-même, et lues de façon fluide en streaming sur tous les navigateurs grâce à la technologie HTML5. Ainsi, les droits en sont préservés, et elles ne sont pas soumises aux prérogatives d’une autre plateforme. J’ai donc aussi formé les rédacteurs à l’encodage vidéo pour le web et à la mise en ligne sur sa propre plateforme.