Eine interaktive Messe-PWA, die das digitale Ökosystem im Fahrzeug von Porsche erlebbar macht. Von naymspace für die Auto Shanghai 2023 entwickelt.
The interior of a Porsche with steering wheel and instrument panel

PORSCHE CONNECT

Eine Progressive Web App für smarte Dienste und Apps im Fahrzeug

PWA-Entwicklung Frontend-Entwicklung Projektmanagement

Fakten

Live seit
2023
Zusammenarbeit seit
2023
Leistungen
  • Technische Umsetzung
  • Projektmanagement

Partner

Porsche-Logo

Entwicklerteam

  • 4 Softwareentwickler:innen
  • 1 Projektmanager:in

Technologien

AWS Lambda AWS DynamoDB Vite TypeScript AWS CloudFront React PixiJS AWS API Gateway styled components

Progressive-Web-App-Entwicklung für ein Messeerlebnis

Porsche Connect ist das digitale Ökosystem von Porsche, das Fahrzeug, Smartphone und Online-Dienste nahtlos miteinander verbindet und so ein intuitives, modernes Nutzungserlebnis schafft. Für die Auto Shanghai 2023 haben wir eine Progressive Web App (PWA) entwickelt, die dieses digitale Innenleben auf jedem Gerät zum Leben erweckt, ganz ohne Installation. Die Anwendung präsentiert die Funktionen von Porsche Connect in anschaulichen, ansprechenden Inhalten und macht sie durch interaktive Elemente direkt erlebbar. Besucherinnen und Besucher der Messe konnten so entdecken, wie sich das Fahrzeug digital steuern, personalisieren und erweitern lässt – und erhielten einen lebendigen Eindruck davon, wie sich Technologie und Fahrgefühl bei Porsche zu einem ganzheitlichen Erlebnis verbinden.

Umsetzungszeit
4 Wochen
Spiele
3
Ort
Shanghai

In der PWA: interaktive Erlebnisse und Spiele

Die entstandene Web-App ist weit mehr als ein digitaler Katalog. Sie bietet interaktive Erlebnisse und Spiele, etwa eine virtuelle Rennstrecke, auf der Nutzerinnen und Nutzer mehr über effektives Fahren in einem Porsche erfahren. Die App lässt sie das Fahrzeug sowohl aus Sicht der Fahrerin oder des Fahrers als auch aus Sicht der Beifahrerin oder des Beifahrers erleben. Die Beifahreransicht zeigt, wie sich auf dem neuen Beifahrerdisplay Filme schauen lassen, ohne den Fahrer abzulenken. Mit der App „My Porsche“ lassen sich zudem Ambientebeleuchtung, Sound und Klimaanlage im Innenraum steuern. Das Ergebnis haben wir in einem Umsetzungssprint von nur vier Wochen geliefert, realisiert von einem Team aus sechs Entwickler:innen.

Technisch haben wir das Projekt als Progressive Web App (PWA) auf Basis von React und Vite umgesetzt, sodass es schnell lädt und ohne Installation im Browser läuft. Die Spiele wurden mit PixiJS umgesetzt, um auf den Geräten, die Besucherinnen und Besucher am Stand nutzten, eine optimale Rendering-Performance zu erreichen. Die gesamte App wird auf AWS gehostet, damit das Erlebnis schnell und sicher bleibt. Von der Konzeption über die Frontend-Entwicklung bis zum Betrieb hat naymspace die individuelle Software durchgängig geliefert.

Trotz der kurzen Zeit haben alle Teammitglieder an einem Strang gezogen, sich gegenseitig unterstützt und alles gegeben. Die verschiedenen Bestandteile wurden motiviert und zielstrebig umgesetzt. Wir sind stolz, dass wir im Team in kürzester Zeit so ein tolles Projekt realisiert haben.
Lukasz Rybinski Lead Engineer bei naymspace

Bereit für Ihr eigenes Erfolgsprojekt?

Lassen Sie uns darüber sprechen, wie wir innovative digitale Lösungen für Ihr Unternehmen entwickeln können.

Portrait of Maike Thieme
Maike Thieme