Geffen Playhouse

About the Project

In 2019, I worked closely with Teak and redeveloped the Geffen Playhouse website. The previous website had become severely outdated, did not use responsive design and became difficult for editors to maintain.

Geffen Playhouse underwent a complete visual rebranding by Base Design and now they wanted to focus their attention on completely overhauling their website, from the design to the platform.

Content Management System

Geffen Playhouse's previous website was based on a custom content management system that they had outgrown after nearly a decade of use. The new platform had to have strong data modeling capabilities, ease of use for editors, an excellent record with regards to security, exceptional performance and longevity. ProcessWire easily fit these requirements and convincing Geffen Playhouse on this fundamental decision went smoothly after demonstrating advanced capabilities of ProcessWire and comparing it to other solutions.

Data Model and Migrations

Geffen Playhouse had a number of interrelated data structures including Seasons, Shows, Performances, People (actors, producers, etc.), Videos, Galleries, Press Release, Documents and many more. These data structures were modeled in ProcessWire and custom interfaces were developed to help explore and manage the content in the backend. Furthermore, Geffen Playhouse's previous data, provided via raw database exports, was cleaned, deduped and imported after developing custom import scripts that maintained existing data relationships. Editors then further updated and organized the imported content.

Page Builder

The ability to create rich content pages was critical for website editors. Therefore, a page builder using section templates with dynamic data capability was created that allowed for a high level of flexibility for content presentation. A live preview feature allows for editors to view their changes in real time (no refreshing necessary to see updated changes).

Calendar

The calendar was a key feature as it served as the primary gateway from which visitors would begin their purchase after identifying a date and time for their desired show. A custom monthly calendar was developed using HTMX that automatically pulls show performances into their respective dates. The calendar also adapts to small device screens and utilizes modals to present available performance times.

AudienceView Integration

Geffen Playhouse uses AudienceView as their ticketing platform. A custom integration was developed using the AudienceView API that ties shows created in ProcessWire with the shows created in AudienceView. Performances for each show are automatically imported and updated multiple times a day. Furthermore, the AudienceView checkout flow was modified to use the Geffen Playhouse branding.

Technical Specifications

Category
Entertainment, Ecommerce
Platform
ProcessWire
CSS Framework
UIkit
Advanced Features
AudienceView API Integration
HTMX Event Calendar
Section Template Page Builder
Related Articles
Creative Agency
Teak