Sumpf.
Webflow-Umsetzung der kühnen neuen Marke des Immersive-Experience-Studios Swamp, einschließlich eines maßgeschneiderten GSAP-Akkordeons für dessen Produktionen.
- Kunde
- Sumpf
- Ergebnis
- Webflow-Erstellung
- Jahr
- 2024
- Live-Website
- swampexperience.com ↗
Die Aufgabenstellung
Swamp realisiert immersives Theater und Markenerlebnisse – von eigenen, kartenpflichtigen Produktionen bis hin zu Markteinführungen für Netflix, Xbox und EE. Das Team hatte eine neue Markenidentität entwickelt und eine dazu passende Website entworfen – kühn, frech und ambitioniert –, die nun umgesetzt werden musste. Swamp kam über unsere Kontaktaufnahme mit Unternehmen aus dem Bereich des immersiven Theaters zu uns.
Der Ansatz
Swamp hat die Website entworfen; wir haben sie in Webflow umgesetzt. Die Aufgabe bestand darin, die auffällige Typografie, die kontrastreichen Farben und die randlosen Bilder auf jeder Bildschirmgröße beizubehalten, wobei GSAP für die Animationen zum Einsatz kam, einschließlich eines maßgeschneiderten Akkordeon-Menüs für die „Originals“-Seite.
Das Ergebnis
Die neue Website wurde zusammen mit der neuen Marke gestartet, und Swamp fügt seine Produktionen und Markenarbeiten über das Webflow-CMS hinzu.
Die „Originals“-Akkordeon
Die Idee
Swamps eigene Produktionen stehen als hohe, vertikale Paneele nebeneinander. Öffnet man eines davon, füllt es den Bildschirm aus, während sich die anderen an den Rändern zu schmalen Streifen zusammenklappen.
Der Build
Die Panels mussten sich bei jeder Bildschirmgröße reibungslos öffnen und schließen, ohne dass Titel oder Bilder beim Anpassen der Größe versetzten. Wir haben das in GSAP umgesetzt, und es war die komplexeste Interaktion auf der Website.
- Webflow
- GSAP