DREES & SOMMER

ALLE ZUHAUSE - UND DOCH ZUSAMMEN

Wenn eine globale Pandemie das wichtigste Event des Jahres in Gefahr bringt, dann sorgen wir für die digitale Rettung.

leistungen

  • Konzeption der Plattform
  • Screen- und UI-Design
  • Technische Umsetzung
  • Live Support

aufgabe

Bedingt durch die COVID-19 Pandemie musste die große Mitarbeiterveranstaltung in Rekordzeit zu einem reinen Online-Event umgeplant werden. Konzeptionell, organisatorisch und vor allem technisch.

ergebnis

Innerhalb von nur 6 Wochen wurde ein maßgeschneidertes, leistungsstarkes und flexibles Online-Portal geschaffen. Tausende Mitarbeiter*innen waren live dabei und erlebten Learning Workshops, Freizeitangebote und zentrale Livestreams über Ländergrenzen hinweg.

Nicht nur die Mitarbeiter*innen und das Orga-Team waren begeistert: Die Plattform hat den deutschen Preis für Online Kommunikation in der Kategorie "Digital Event" gewonnen.

DIGITALES MITARBEITEREVENT

GEMEINSAM ERLEBEN UND BEGEISTERN GEHT AUCH ONLINE

BÜROSEMINAR ONLINE

ALLE GEMEINSAM. ALLES DIGITAL.

Grundlegender Aufbau einer Online-Erlebnisplattform & komplettes Tagesprogramm interaktiv erlebbar für tausende Mitarbeiter*innen. Umsetzung in Rekordzeit – von der ersten Idee bis zum Go Live! vergingen nur knappe 6 Wochen.

HOCHWERTIGER LIVE CONTENT

SESSIONS, WORKSHOPS & FREIZEIT

Gemeinsames Lern- und Freizeiterlebnis für alle. Klarer Tages­ablauf mit in Sessions eingeteilte Learning Workshops & Freizeit­angebote sowie intuitive Benutzerführung durch interaktive und zeitgesteuerte Interface Elemente.

EIN UNVERGESSLICHES LIVE-ERLEBNISS FÜR ALLE TEILNEHMER*INNEN

BISHER OFFLINE - JETZT AUCH ONLINE

  • Zentrale Livestreams und informative Workshops
  • Freizeitaktivitäten wie Yoga, Brainfits, Sprachkurse uvm.
  • Realisiert mit Microsoft Streams/Teams und der Realtime Chatanbindung von Slido

ALLE MIT DABEI

HERZSTÜCK DES EVENTS: DIE SOCIAL WALL

Themenübergreifender Kommunikationskanal für alle. Einbindung und Interaktion mit den Mitarbeiterposts im zentralen Livestream – Umsetzung mit on-screen.info und Einbindung von Mail, SMS und WhatsApp.

DANK EVENT-PLATTFORM AUCH IN PANDEMIE-ZEITEN ALLE VEREINT

REIBUNGSLOSER ABLAUF

LEISTUNGS­STARKES FUNDAMENT: DIE TECHNIK

Kernanforderungen der Umsetzung

  • Live-Events zu bestimmten Zeiten inkl. verschiedener Zeitzonen
  • Zugriffe von anderen Kontinenten müssen gewährleistet sein
  • Mehrere tausend zeitgleiche Zugriffe und Streams
  • Unterschiedlichste Geräte mit unterschiedlicher (Hardware-)Performance müssen unterstützt werden
  • Sehr geringe Ladezeiten
  • Mehrsprachige Umsetzung und Ausspielung der Inhalte

Technik, die begeistert

  • Modernste Framework-Technologie im Einsatz
  • Internationaler und zeitgesteuerter Zugriff für tausende Aufrufe gleichzeitig
  • Extreme Ladezeitoptimierung und beste Ressourcenverwaltung

SO IST UNS DAS GELUNGEN

Die Live-Events & Workshops wurden über den Service Microsoft Streams übertragen und eingebunden. Live-Feedback wie Abstimmungen, Kommentare oder Fragen an die Hosts des Events, erfolgte bei den Livestreams über den Dienst von sli.do. Bei den Workshops wurde auf die Videochat-Lösung Microsoft Teams gesetzt.

Einerseits sollte gewährleistet sein, dass alle Benutzer in allen Ländern ein möglichst gleiches Nutzererlebnis haben (in puncto Ladezeiten & Performance), andererseits sollten die veröffentlichten Zeiten auch der jeweiligen Zeitzone entsprechen.

Hier haben wir uns für eine reine JavaScript-Lösung entschieden - konkret gesagt für eine statische Single Page Application, basierend auf Vue.JS. Der große Vorteil ist hier, dass nach dem erstmaligen Aufrufen der Seite alle Inhalte ohne weitere Ladezeiten abrufbar sind. Und das weltweit.

Die Start- und Endzeiten der Streams wurden mittels Day.js in die jeweilige Zeitzone des Benutzers konvertiert. Besonders war hier, dass die Webanwendung auch ohne ein Neuladen entsprechend reagiert. Mittels Vuex wurde der aktuelle Zeitstempel an sämtliche Komponenten kommuniziert, sodass diese immer sekundengenau Bereiche der Seite freigeben konnten.

Die illustrierte Karte auf der Startseite wurde performanceoptimiert aus SVG- und PNG-Grafiken mittels des Animationsframeworks GSAP animiert. Auch diese veränderte sich zu speziellen Zeiten während des Betriebs, zeigt diverse Animationen und gibt neue Bereiche im Tagesablauf zur Interaktion frei.

Mit on-screen.info haben wir eine Social Wall ermöglicht, bei der die Teilnehmer via WhatsApp, E-Mail oder SMS hunderte Nachrichten, Bilder und Videos in Echtzeit eingesendet haben.

PROJEKTE AUS UNSERER FEDER

NOCH MEHR VON UNS

Manege frei: 361° macht digitale Sachen und Dinge. Schön, häufig komplex, manchmal verrückt, meistens langfristig, immer funktional und erfolgreich.

OOOOKAY LET'S GO

PROJEKT ANFRAGEN

Hallo, ich bin

und interessiere mich für

  • eine neue Website
  • eine (Web)-App
  • Online-Marketing
  • Digital Branding
  • was ganz Neues

Schreibt mir eine E-Mail an

Was ist die Summe aus 2 und 3?