mvlanga Icon Arrow Right Zurück
sekunden übrig
en

Škoda, 2022, umgesetzt bei SCHACHZUG

Digitale Weltpremiere des neuen Škoda Enyaq Coupé

Škoda-Fans und Medienvertreter konnten die Weltpremiere des neuen Škoda Enyaq Coupé iV am 01.01.2021 um 16:00 Uhr live im Internet unter skoda-virtual-event.com verfolgen. Die Website war bereits im Vorfeld mit verschiedenen Teaser-Videos online.

/assets/portfolio/skoda-enyaq-coupe/skoda-enyaq-coupe-thumbnail_01.jpg
/assets/portfolio/skoda-enyaq-coupe/skoda-enyaq-coupe-thumbnail_02.jpg

Die Story

Aufgrund der steigenden Infektionsraten (COVID) in Tschechien konnten keine Live-Veranstaltungen mit Journalisten durchgeführt werden. Deshalb planten wir eine rein digitale Weltpremiere. Diese bestand aus einem Livestream und einer virtuellen Eventplattform, die wir seit 2020 nutzen und stetig weiterentwickeln. Für die 3D-Umgebung haben wir einen fiktiven Kinosaal erstellt, ähnlich dem Gebäude in dem die Pre-Show gedreht wurde. Die Umsetzung des Virtual Events erfolgte in weniger als 4 Wochen.

Meine Aufgaben

Konzeptunterstützung, 3D-Animation & Rendering, Interface-Design, Fullstack-Entwicklung.

Teil des inhaltlichen Konzepts für die virtuelle Veranstaltung
Planung der User Journey & Umsetzung des Interface Designs
Modeling, Schattierung und Lighting des Kinogebäudes mit Cinema 4D und V-Ray
Postproduktion des Renderings und Vorbereitung für den Einsatz im Web
Entwicklung der Anwendung mit Angular und Firebase
Deployment der Anwendung mit Firebase Hosting
Konzept, Animierte Grafikwände, Kamerafahrten & Platzierung Renderpeople

Me Colleagues

/assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg /assets/img/icons/angular.svg /assets/img/icons/firebase.svg /assets/img/icons/after-effects.svg /assets/img/icons/cinema-4d.svg /assets/img/icons/v-ray.svg /assets/img/icons/xd.svg

Weltpremiere

Die eigentliche Weltpremiere fand per Livestream statt. Nutzer, die während der Show online waren, wurden automatisch auf eine Seite weitergeleitet, auf dem der YouTube-Livestream eingebettet war. Kein aktiver Nutzer der Website konnte das Event somit verpassen. Das gesamte System basierte auf einer Art Remote-Config, die den Status der Anwendung für alle Nutzer in Echtzeit aktualisierte.

/assets/portfolio/skoda-enyaq-coupe/beauty_04.jpg
/assets/portfolio/skoda-enyaq-coupe/beauty_05.jpg

Highlights

Zusätzlich zum Livestream und anderen Videoclips, wie dem Making-of der Weltpremiere, gab es weitere Features wie zwei Minispiele, eine Sitzplatzauswahlfunktion und Kameraübergänge zwischen den verschiedenen 3D-Umgebungen.

/assets/portfolio/skoda-enyaq-coupe/beauty_03.jpg

Guess the right shape

/assets/portfolio/skoda-enyaq-coupe/beauty_06.jpg

Guess the right sound

Seat selection

Camera transitions

Complete run through

Wie hat es dir gefallen?