Conception d'une scène réactive pour les expériences théâtrales

D’abord, on s’organise…

La première étape de cette refonte a été de faire une cartographie détaillée du site. Il était essentiel de réorganiser les innombrables contenus du site et d’aider l’équipe du TCT à faire des choix, à trier les informations, à prendre des décisions quant aux contenus à conserver et à regrouper, de même qu’à déterminer ce qui était désuet ou qui n’était plus nécessaire. Une étape laborieuse, mais essentielle à la création d’un message clair et concis et pour permettre au théâtre de raconter son histoire et de faire entendre sa voix.

… puis, on joue

Le théâtre pour enfants de Cincinnati souhaitait que son nouveau site soit beaucoup plus visuel et qu’il déborde d’images ludiques et percutantes. L’établissement qui célèbre ses 100 ans dispose d’une quantité phénoménale d’images et d’œuvres d’art qui témoignent de sa longue et formidable histoire. Aujourd’hui, avec ses trois établissements et sa myriade de productions, de tournées, d’ateliers et d’écoles, ce ne sont pas les images et les vidéos qui manquent pour raconter la fabuleuse histoire de ce théâtre.

En ce qui concerne le design, on souhaitait laisser l’art et les images s’exprimer. Et le récit raconté est tout à fait magique. Les histoires captivantes attirent les gens à visiter un site Web, Plank l’a bien compris. Nous voulions donc offrir aux utilisateurs un terrain de jeu irrésistible et un environnement Web qui soit des plus agréables.

Que le spectacle commence

Plank a privilégié une approche de design modulaire, ce qui laisse beaucoup de flexibilité aux administrateurs du site du TCT pour choisir les contenus visuels et les renseignements à afficher pour chaque spectacle ce qui, essentiellement, leur laisse carte blanche sur l’histoire qu’ils souhaitent raconter. Et puisque le TCT présente plusieurs spectacles, dans plusieurs salles et en tournée, il est essentiel que les administrateurs du site soient en mesure d’adapter chaque page.

Nous avons également intégré Spektrix afin d’offrir une expérience de billetterie fluide. En configurant le CMS pour qu’il accepte les identifiants uniques des événements, le personnel de TCT peut facilement générer des boutons «Book Tickets» pour chaque production qui renvoient directement aux pages d’achat gérées par Spektrix. Cela permet à l’équipe de contrôler et d’être cohérente tout en gardant l’expérience utilisateur fluide et conforme à la marque. Même avec une configuration iFrame relativement simple, nous avons stylisé l’intégration pour qu’elle semble faire partie intégrante du site – en maintenant la confiance de l’utilisateur et la continuité tout au long du processus d’achat.

Les touches importantes comme «Book Tickets» ou «Donate Now» sont affichées en tout temps sur le site. Des renseignements tels que le lieu, les dates des représentations, l’âge recommandé, la durée du spectacle — bref, tout ce qu’on veut savoir sur le spectacle! — sont en option sur la page de chaque production. C’est une façon de présenter chaque spectacle qui permet au TCT de choisir comment présenter chacune de leurs productions. Les pages des spectacles peuvent également inclure des photos, des vidéos, des critiques, de l’information sur la distribution, le générique et les ressources de la production. Et lorsqu’un spectacle s’achève, il est aussitôt archivé et classé avec les productions antérieures. Encore ici, on mise sur une très grande flexibilité.  

Une remarque sur l’accessibilité…

Chez Plank, l’accessibilité est au cœur de la conception de chaque site Web, y compris pour les personnes avec une déficience visuelle. La police de caractère est suffisamment grande, les contrastes sont marqués et le contenu est lisible pour ceux qui utilisent un lecteur d’écran. Ces critères d’accessibilité tiennent également compte des personnes qui ne peuvent utiliser la souris. Les touches sont suffisamment grandes, bien nettes et faciles à cliquer. Les sites conçus chez Plank respectent la norme WCAG 2.2 de niveau AA, de même que les directives et standards de codage de WordPress. Bref, chez Plank, l’accessibilité est toujours à l’avant-scène.