← Our workCase studyCase studyClient: Swamp
Case study

Swamp.

Webflow build of immersive experience studio Swamp's bold new brand, including a custom GSAP accordion for its productions.

Client
Swamp
Deliverable
Webflow build
Year
2024
Live site
swampexperience.com ↗
Swamp homepage: giant logo over footage of the Netflix x EE Studio launch
Cue 01

The brief

Swamp makes immersive theatre and brand experiences, from its own ticketed productions to launches for Netflix, Xbox and EE. The team had created a new brand identity and designed a website to match, bold, brash and ambitious, and needed it built. Swamp came to us through our outreach to immersive theatre companies.

Cue 02

The approach

Swamp designed the site; we built it in Webflow. The job was to keep the loud type, clashing colours and full-bleed imagery intact on every screen size, with GSAP for the motion, including a custom accordion for the Originals page.

Cue 03

The result

The new site launched with the new brand, and Swamp adds its productions and brand work through the Webflow CMS.

Originals page: Swamp's ticketed productions as vertical panels, Velvet Pines open
Originals: Swamp's own ticketed productions

The Originals accordion

Cue 01

The idea

Swamp's own productions sit side by side as tall vertical panels. Open one and it fills the screen, while the others fold down to narrow spines at the edges.

Cue 02

The build

Panels had to open and close smoothly at every screen size, without titles or images jumping as they resized. We built it in GSAP, and it was the most complex interaction on the site.

Brand Experiences index: Opera GX, Xbox, Netflix x EE and moreNetflix x EE project page with Squid Game guards
Brand Experiences index · Netflix x EE project page
About page: bold condensed headline beside an alien performer
About
Tech & tools
  • Webflow
  • GSAP
Next case studyFlex by Grosvenor →
View all work
Cue 04 — Get in touch

What’s slowing your team down?