A Local Non-Profit's New Central Hub of Marketing & Operation

A Local Non-Profit's New Central Hub of Marketing & Operation

A Local Non-Profit's New Central Hub of Marketing & Operation

A complete reimagining for a booming local theater community.

A complete reimagining for a booming local theater community.

Business Opportunity

My favorite local comedy theater needed some help.

My favorite local comedy theater needed some help.

Almost three years ago, I rediscovered my love for comedy theater through Improv Collective, a local non-profit and thriving community. It became my “third space,” where friends of all ages gather to perform, laugh, and connect.

The problem was, their web presence didn’t match the energy, inclusivity, or fun they brought to the stage. The information was outdated, the design wasn’t WCAG-compliant, and the photos didn’t really capture the incredible vibe we share every weekend.

I decided to do something about it.

⭐️ The Goal
  • Create a new website for my booming local theater community.

⏱️ Duration
  • June 2024 → November 2024 (5 months)

👯 Team
  • New Website Designer & Developer (Me)

  • Old Website Developer

  • Main Show Producer / Community Manager

👩‍💻 Users
  • 100+ Orange County Improv community regulars.

  • Theater owners and show producers.

🧠 Challenges
  • This was an unpaid project. The team didn't have much time or energy to dedicate to the redesign effort or regular upkeep.

  • The existing website was live and supported many people's shows. We couldn't risk launching something that wouldn't work.

🏆 Results
  • A dazzling new website that supports 16 monthly comedy shows and nightly audiences of 50+.

  • A new backend booking platform, embedded seamlessly into the website, which is friction-free and with lower fees.

The Problems

People's shows were not easy to post or find tickets to.

People's shows were not easy to post or find tickets to.

A Friction-Filled Process
A Friction-Filled Process

The all-volunteer team in charge of keeping our theater afloat was working overtime to accommodate this overly-complex system that had many bottlenecks.

Not A Great First Impression
Not A Great First Impression

Fun Fact: When I was first looking for an improv class in Orange County, I chose the other theater because their website looked more professional. Whoops!

Opportunities & Success Criteria

Opportunities & Success Criteria

I asked myself how might we create a better website and central hub of operations which would benefit both our community members and hard working volunteer producers?

Drab, outdated photos and information, hacky unfinished look

Vibrant, memorable branding, updated information, photos, and show posters

Difficult to maintain, gate-kept by complex software only one person could update

Design that requires fewer updates, built with more streamlined, accessible tools

From here on, I made sure to operate in pursuit of these goals.

What I Did

What I Did

1️⃣ Gathered Community Feedback

2️⃣ Rethink the Information Architecture

3️⃣ Create First Draft Designs

4️⃣ Form a Powerful New Partnership with the founder of Jetbook

5️⃣ Build & Launch

1️⃣ Gathered Community Feedback

2️⃣ Rethink the Information Architecture

3️⃣ Create First Draft Designs

4️⃣ Form a Powerful New Partnership with Jetbook

5️⃣ Build & Launch

Gathering Community Feedback

Gathering Community Feedback

I created and sent out a Google Forms survey to our community Discord group. It received 15 responses.

Here's what we learned.

Most community members found Improv Collective through mutual friends.


Not the website. (Or anything else.)

The most popular way to learn what shows were coming up at Improv Collective was to wait for someone else to tell you.


But, an established LA theater? Check the website, obviously.

(Because their websites were better.)

(Because their websites were better.)

(Because their websites were better.)

The calendar was the most valuable page. By far.


And people needed to access it on their phones.

Branding-wise, people thought our website should feature "fun", "warmth", and "community".


The current website did not receive high praise.

Information Architecture

Make it easier to…

Make it easier to…

  1. See what events are coming up.

  2. Get involved in the community.

  3. Find the theater.

  1. See what events are coming up.

  2. Get involved in the community.

  3. Find the theater.

By rearranging the information onto different pages, the thing you're looking for should only be one click away.

The Get Involved page was a new idea that answered the questions community members were often having to ask human beings through text message.

Also a photo of the building was added to the bottom most pages.

A New Look (First Draft)

A New Look (First Draft)

Updated photos and flashy show posters front and center, plus a reminder of the address on every single page.

Wordpress (Current) vs. Framer (New) ?

Wordpress (Current) vs. Framer (New) ?

After creating the initial design concept, the question remained. Who would build it? Who would maintain it?

I advocated for migrating to my favorite no-code website building tool, Framer. But there were some issues.

Keep Wordpress

Keep Wordpress

Website was already on Wordpress. (No migration of existing data.)

The producer / community manager could keep uploading event information the same way.

The only guy who knew how the Wordpress beast was set up would have to continue maintaining it on his own, slowing everything down.

Rebuild in Framer

Rebuild in Framer

I could build, launch, and maintain the whole thing myself. I could get the new website out QUICK and speed up future updates.

Leave behind a mountain of design debt / tech debt for fresh start.

I couldn't find a sufficient replacement for the Wordpress plugin that supported the calendar — the most important page — that would be compatible with Framer :(

I thought my Framer dreams were nearly dashed… until…

A Powerful New Partnership — Jetbook!

A Powerful New Partnership — Jetbook!

After visiting another theater's website for inspiration, I discovered a tiny little startup company, Jetbook.co, founded by comedian and tech maniac, Peet Guercio.

(I'll just let him explain the product to you.)

An embeddable calendar.
A backend booking platform.
And it's free?
An embeddable calendar.
A backend booking platform.
And it's free?
Thanks Peet!
Thanks Peet!

P.S. We're friends now 😎

P.S. We're friends now 😎

Build & Launch

I recreated my design in Framer, fully responsive with Jetbook's calendar creatively iframed in.

I recreated my design in Framer, fully responsive with Jetbook's calendar creatively iframed in.

With automatically updating social media widgets so there are fewer things to update on the website itself.

Challenge: creating a natural scrolling experience on a mobile device where the primary calendar had it's own design and scroll behavior which I couldn't control.

Challenge: creating a natural scrolling experience on a mobile device where the primary calendar had it's own design and scroll behavior which I couldn't control.

See how it turned out below!

See how it turned out below!

Results

Results

Results

🏆

A New Website
A New Website

All Improv Collective community members have a new website to advertise their shows to friends and family with confidence. (And get to see their own faces on it!)

🏆

A New Booking Platform with Less Friction and Lower Fees
A New Booking Platform with Less Friction and Lower Fees

Our producer / community manager saves countless hours per week with Jetbook's new booking platform. And we'll never have to ask our Wordpress guy for help again!

Hey! Click on some more of my projects. (Please.)

Hey! Click on some more of my projects. (Please.)

Still here? Add me on LinkedIn ;)