Espace St-Denis
Le client
Espace St-Denis est un complexe culturel établi au cœur du Quartier latin de Montréal. Il regroupe le Théâtre St-Denis — ouvert en 1916 et l’une des plus grandes scènes de la ville avec plus de 2 000 places —, le Studio-Cabaret à l’expérience immersive avec ses écrans 360°, deux restaurants (Le Molière et la Trattoria Del Teatro) et un espace privatif pour des événements corporatifs, Le Marie-Louise. L’établissement présente chaque saison plusieurs dizaines de spectacles en humour, musique, théâtre et variété, devant un public montréalais francophone et anglophone.
Son site web est un outil opérationnel de premier plan : c’est par là que passe la majorité des achats de billets, des réservations au restaurant et des demandes de location de salle privée. Une dégradation de l’expérience en ligne a un impact direct sur les ventes.
Le mandat
Le site avait été construit avec Elementor par une agence précédente. Elementor est un constructeur de pages visuel qui génère un volume important de code CSS et JavaScript superflu à chaque chargement — feuilles de style pour des blocs inutilisés, scripts chargés globalement, balisage HTML imbriqué qui alourdit le DOM. Sur un site à fort contenu visuel comme celui d’Espace St-Denis, ce poids supplémentaire se traduisait par des temps de chargement élevés, une expérience mobile dégradée et un tableau de bord WordPress si encombré que les mises à jour de contenu étaient devenues laborieuses pour l’équipe interne.
Agence Chocolat, agence web de Montréal, a tout reconstruit from scratch sous WordPress, sans Elementor : des gabarits de page sur mesure développés proprement, un calendrier de spectacles filtrable autonome, une version anglaise complète du site et une migration vers une infrastructure haute performance.
Lors du lancement du spectacle de Sting, le site d’Espace St-Denis a absorbé plus de 100 000 visites en quelques jours — sans interruption de service. Lire l’étude de cas →
Les priorités du projet
Alléger le site en éliminant Elementor
Reconstruire l’ensemble des gabarits de page en code propre et ciblé, sans dépendance à un constructeur visuel, pour réduire significativement le poids des pages et améliorer la vitesse de chargement sur mobile et desktop.
Rendre la gestion de contenu autonome
Reconfigurer l’interface d’administration WordPress avec des champs ACF structurés, pour que l’équipe interne puisse ajouter des spectacles, modifier des dates et publier des nouvelles sans intervention technique.
Unifier l'expérience de quatre espaces distincts
Créer une architecture de navigation qui présente le Théâtre, le Studio-Cabaret, les deux restaurants et l’espace privatif comme des destinations cohérentes sous une même identité visuelle, sans que les parcours des différents publics entrent en collision.
La refonte de la page d'accueil
La page d’accueil précédente ne rendait pas justice à la programmation. Nous l’avons entièrement repensée pour mettre les spectacles au premier plan : grandes images visuelles à pleine largeur, mise en avant des productions en cours et à venir, hiérarchie claire entre les quatre espaces du complexe. Une touche d’animation — transitions au défilement, effets de survol sur les cartes de spectacles — rend la page plus vivante sans alourdir les temps de chargement. L’objectif était qu’un visiteur qui arrive sur la page d’accueil comprenne immédiatement ce qui se joue cette semaine et ait envie de cliquer.
La grille graphique des spectacles
L’identité visuelle d’Espace St-Denis repose sur une esthétique sombre et contrastée, et la présentation des spectacles devait en être à la hauteur. Chaque spectacle est affiché dans une carte graphique qui met l’affiche au premier plan, avec le titre, la date et la catégorie clairement lisibles — sans surcharger l’interface. En grille sur desktop, en défilement vertical sur mobile, la présentation reste cohérente et visuellement forte quel que soit le format d’écran. C’est souvent le premier contact du visiteur avec la programmation : la qualité de cette grille influence directement sa décision de cliquer ou non.