Entwicklung der Video-Plattform #SHAREYOURSHOW

Eine Video-Plattform für darstellende Künstler mit den Schwerpunkten Artistik, Tanz und Kreativsport

Die Einschränkungen der Corona-Pandemie stellen Kultur­schaffende und Künstler*innen vor große Heraus­forderungen. SANOSTRA – selbst seit über 15 Jahren für Show Acts für Veran­staltungen jeder Größe verantwortlich – hat daher eine neue Online-Plattform für darstellende Bewegungskunst namens #SHAREYOURSHOW ins Leben gerufen. Das Ziel: Die Vielfalt unserer Bewegungs­kultur aufzeigen und eine virtuelle Begegnungs­stätte für Künstler*innen und Publikum schaffen.

Mit unserer Expertise für video­zentrierte Plattformen, User Generated Content und moderne Web-Technologien begleitete Hypercode das Team von SANOSTRA von Beginn an und entwickelte eine moderne, skalierbare Web-Anwendung für #SHAREYOURSHOW.

Kunde
SANOSTRA GmbH für Showinszenierungen
Leistungen
Technische Konzeption,
Web-Entwicklung
Technologie
Craft CMS, Alpine.js,
Video-Streaming
#SHAREYOURSHOW Smartphone | Hypercode, Digital Product Studio, Köln

Unser Prozess

Während des Corona-bedingten Veranstaltungs­verbots wandten sich die geschäftsführen­den Gesellschafter Annegret Köhler und Björn Hanefeld von SANOSTRA an uns, um eine digitale Plattform zu realisieren, die darstellenden Bewegungs­künstler*innen und kreativen Sportler*innen ermöglichen sollte, ihre Performances online zu präsentieren und dabei durch einen zuschauer­finanzierten Community Award unterstützt zu werden.

In enger Zusammenarbeit mit SANOSTRA und dem Designer Oliver Schmidt konkreti­sierten wir zunächst das Konzept und erste technische Anforderungen, die anschließend von uns als Wireframes und in einem technischen Konzept ausgear­beitet wurden. User Flows und Umsetzungs­details konnten so bereits dargelegt, diskutiert und in gemeinsamen Workshops getestet werden, bevor die erste Zeile Code geschrieben wurde.

Hierauf aufbauend entwickelte Oliver Schmidt ein attraktives, modernes Design, in dem sich die #SHAREYOURSHOW-Marke mit ihrer schwarz-weißen Gestaltung angenehm zurück nimmt, um die eigent­lichen Stars der Plattform – die Shows der Künstler*innen – prominent und mit kräftigen Farben in Szene zu setzen.

Damit die Darbietungen auch im Browser, auf Smartphones und Tablets glänzen konnten, programmierte Hypercode schließlich eine moderne Web-Anwendung, die sämtliche Features – von der Nutzer­registrierung über den Video-Upload bis hin zur Voting- und Crowdfunding-Funktion – in einer hoch­performanten, skalier­baren und gut benutzbaren Plattform vereint, die auch jenseits der Pandemie einen reizvollen digitalen Raum für die Darbietung, Vermittlung und Vernetzung der darstellenden Künste bietet.

  • #SHAREYOURSHOW Prozess | Hypercode, Digital Product Studio, Köln
  • #SHAREYOURSHOW Prozess | Hypercode, Digital Product Studio, Köln
  • #SHAREYOURSHOW Prozess | Hypercode, Digital Product Studio, Köln
  • #SHAREYOURSHOW Prozess | Hypercode, Digital Product Studio, Köln
Design von
Oliver Schmidt

Technologie

Die besondere Herausforderung bei #SHAREYOURSHOW war es, die unterschiedlichen Anforderungen – Video-Streaming, User Generated Content, ein Redaktions­system, E-Mail-Versand, Voting und Crowdfunding für den Community-Award – in einem schnellen und für die Endnutzer gut bedienbaren System zu vereinen. Und das unter Berück­sichtigung eines wegen der Notwendig­keit der Plattform für die Branche eher straffen Zeitplans.

Wir beschlossen daher, auf bewährte Tools und Technologien zurückzugreifen und diese gekonnt zu kombinieren. Als Basis dient uns dazu das Content-Management-System Craft CMS, das bei #SHAREYOURSHOW für die Nutzer- und Inhalte­verwaltung zuständig ist. Dies erweiterten wir um eine eigene Integration mit einem Video-Streaming-Dienstleister, der im Hintergrund die Videos konvertiert und ausspielt. Über eine Anbindung an einen Bezahl­dienst­leister konnten die Crowdfunding-Funktionen integriert werden.

Um auch im Frontend bei bestmöglicher User Experience schnell Erfolge erzielen zu können, setzen wir das mini­malistische, aber mächtige Alpine.js ein, das eine Vielzahl von Animationen, Funktionen und Interaktionen auf der Seite ermöglicht. Mit einem „Mobile First“-Ansatz antizi­pierten wir bereits während der Entwicklung, dass die Teilnehmer*innen und Zuschauer #SHAREYOURSHOW direkt von ihren Mobil­geräten aus nutzen werden.

#SHAREYOURSHOW | Hypercode, Digital Product Studio, Köln #SHAREYOURSHOW | Hypercode, Digital Product Studio, Köln
Wir danken der Hypercode GmbH für die digitale Konzeption und Umsetzung unserer #SHAREYOURSHOW Plattform. Wir haben dieses Online-Videoportal für Künstler*innen in Zeiten von Corona ins Leben gerufen. Unser Ziel ist es, darstellende Kunstformen auf virtueller Ebene zu positionieren, auch wenn aufgrund von Pandemie-Maßnahmen keine Live-Auftritte und Veranstaltungen stattfinden können.
Das Team von Hypercode hat uns von der ersten Idee an unterstützt. Wir wissen es sehr zu schätzen, dass sie unser Projekt sehr engagiert und mitdenkend angegangen sind. Die digitale Entwicklung und Realisierung wurde außerordentlich kompetent und innovativ umgesetzt. Das Ergebnis ist aus unserer Sicht: „State of the Art“.
Björn Hanefeld, CEO – SANOSTRA GmbH für Showinszenierungen
Diese Website verwendet Cookies
Einige dieser Cookies sind essenziell, während andere uns helfen, diese Website und Ihre Erfahrung zu verbessern. Bitte lesen Sie dazu auch unsere Datenschutzerklärung.
  • Wesentliche Funktionen Cookies dieser Kategorie sind für die Grundfunktionen der Website erforderlich. Sie dienen der sicheren und bestimmungsgemäßen Nutzung und sind daher nicht deaktivierbar.
    Name/Dienst hypercode.de
    Anbieter Hypercode GmbH
    Zweck Bereitstellung wesentlicher Website-Funktionen, wie etwa Abspeichern der Cookie-Präferenzen.
    Datenschutzerklärung https://hypercode.de/datenschutz/
  • Name/Dienst Google Analytics
    Anbieter Google LLC
    Zweck Cookie von Google Analytics für die Website-Analyse. Erzeugt statistische Daten darüber, wie der Besucher die Website nutzt.
    Datenschutzerklärung https://policies.google.com/privacy?hl=de&gl=de