
Centaur Theatre
Enhanced User Experience for an Evolving Theatre
Client
Centaur Theatre
Year
2022 - Present
Expertise
- Ticketing System Integration
- UX Design
- UI Design
- Information Architecture
- WordPress
- Component-driven Development
Plank has been a long-term web partner of Montreal’s renowned Centaur Theatre, completing a website redesign and helping them increase their online presence in the process. Following a successful relaunch in 2018, the website needed further improvements that matched its recent rebrand – including enhanced user navigation, greater flexibility for administrators, and seamless ticketing integration. The result is a site that continues to express the magic of theatre online and bring culturally significant stories to a wider audience.

Why this project was a success
-
1
Implemented modular design giving admins flexible content blocks with endless configurations.
-
2
Integrated Spektrix to simplify ticketing, enable flexible donations, and improve the overall user journey.
-
3
Modernized the site navigation and simplified the content structure to improve user experience and conversion rates.
Flexible Content With Modular Design
The first iteration of Centaur Theatre’s website included a number of templates used to build web pages. Templates are naturally very rigid, with little ability for admins to move sections of a page around to fit their needs. To give them more flexibility with their content, we implemented a modular design, which contains blocks that can be moved, added, or removed easily.
With modular web design, administrators have the ability to create pages using independent content sections that can be combined in an infinite amount of ways. This also allows Centaur Theatre’s website to evolve and scale as its organization does without relying on agency support for monthly updates.

Integrating Spektrix for Ticketing & Donations
A key priority for Centaur was ensuring that ticketing and donations felt like a natural extension of the website — smooth for users and simple for the team to manage. We worked closely with them to integrate Spektrix in a way that balanced flexibility, usability, and brand consistency.
For ticketing, we implemented a system that allows staff to easily manage performances by entering Spektrix event IDs directly into the CMS. These IDs automatically generate “Buy Now” buttons, linking users to the checkout process through an embedded iFrame. The result is a straightforward purchasing experience that blends seamlessly with the rest of the site.
Donations required a more tailored solution. Since Spektrix doesn’t support iFrame functionality for donation forms, we used web components to embed the experience directly into the website.
What looks like a single, streamlined donation form is actually a series of components working together behind the scenes. We styled and configured the experience to support bilingual inputs, tribute fields, and recurring donations — all while keeping the form accessible and on-brand.
We applied a similar approach for subscriptions, which are also managed through Spektrix. By customizing the layout and styling, we created a unified experience across all key patron actions — from buying a single ticket to making a long-term commitment.
These thoughtful integrations make it easy for Centaur to manage their content while giving audiences a frictionless path to engage and support the theatre.

Improved Navigation
The mantra less is more can be just as significant to web design as anything else. By carefully selecting the content that is displayed, and where and when it’s shared, you can better guide users across a site. We applied this concept to Centaur Theatre’s website by carefully designing the navigation to focus on key actions like buying tickets and viewing shows.
Their navigation now features a main menu that contains content users are most likely searching for and an expanded menu containing additional information. Another way we improved navigation is by using a sticky call-to-action button that invites users to buy tickets while scrolling. By making these simple yet effective changes, users can easily engage in desired actions, which can result in an increase in conversion rates long-term.

About the client
Centaur Theatre, located in the heart of Old Montreal, is devoted to bringing the cultural landscape of today’s world to the stage by telling the most relevant stories of our times. It has been the centre of the city’s arts community since 1969 and for over 50 years has fostered the spirit of new artists and audiences alike.