Logan Hartman
Back to work

Creative Engineering

CATS: The Jellicle Ball

Front-end and visual implementation for the original Broadway production website, translating the show’s bold color, oversized typography, and kinetic editorial language into a responsive WordPress experience through custom JavaScript, bespoke layouts, campaign graphics, and a direct path to ticketing.

Front-End EngineeringInteraction DesignResponsive SystemsWordPress
Role
Design engineering and front-end development
Collaboration
Client, marketing, advertising, and production teams
Platform
WordPress, custom JavaScript, and CSS
Project type
Production client work

Project context

The campaign arrived with a developed creative direction and a distinctive visual language. The design-engineering challenge was to make that direction function as an interactive system—not place approved campaign artwork inside a conventional WordPress presentation.

The site extended the campaign’s theatrical energy through continuous motion, editorial composition, responsive image treatment, and web-specific graphics while maintaining a clear path from the campaign experience to external ticketing.

View production site
Tickets
★★★★“A raucous success!”—The New York Post“A lightning strike!”—The New York Times“Paris is purring.”—Time Out New York
The BuzzThe Buzz

Forever. And Now.

Tony Awards Spotlight

CATS performer in black-and-white production portrait
CATS: The Jellicle Ball performs on Good Morning America
Cats: The Jellicle Ball performs on GMA
Good Morning America
CATS: The Jellicle Ball company onstage
For the Team Behind Cats: The Jellicle Ball, Bringing Ballroom to Broadway Is Personal
them
André De Shields performing in CATS: The Jellicle Ball
A reimagined ‘Cats’ on Broadway features a special cat — an actor from the original 1980s musical
Associated Press
CATS: The Jellicle Ball rehearsal footage
Broadway meets the runway in the retelling of ‘Cats’
Morning Joe
MEOW
Music by Andrew Lloyd Webber, based on Old Possum’s Book of Practical Cats by T. S. Eliot; choreography by Omari Wiles and Arturo Lyons; directed by Zhailon Levingston and Bill Rauch

Selected contribution

  • Wrote custom JavaScript for continuous content and image carousels
  • Extended the existing WordPress presentation with custom layouts and front-end behavior
  • Defined responsive rules for item scale, spacing, crop, and visible content
  • Created and reconstructed web graphics from established campaign direction and supplied assets
  • Connected campaign calls to action to the external ticketing destination

Implementation

The carousel system used repeated content tracks and custom JavaScript to create continuous movement without a visible endpoint. Item sizing, spacing, cropping, and visible content changed across viewport sizes so the interaction retained its editorial rhythm rather than becoming a reduced version of the desktop layout.

The visual direction was already established. My role was to interpret that system for the web: identifying how its typography, color, image treatment, density, and playfulness should behave across layouts, interactions, and screen sizes.