Porsche Connect_
Interaktive PWA für die Auto Shanghai 2023
Wunsch des Kunden
Welche Innovationen haben wir für die Auto Shanghai 2023 entwickelt? Wir haben eine progressive Web App entwickelt, um das digitale Innenleben von Porsche durch informative Inhalte und interaktive Elemente zum Leben zu erwecken. Das Beste daran? Diese App funktionieren und sieht aus wie eine native App, sie kann aber direkt über den Browser ohne Installation aus dem App Store oder Google Play Store genutzt werden.
So haben wir es umgesetzt
Technisch setzten wir das Projekt auf einer Progressive Web App (PWA) um, basierend auf React und Vite. Die Spiele wurden mithilfe von PixiJS realisiert, um eine optimale Performance sicherzustellen. Das gesamte Projekt wird auf AWS Cloudhosting gehostet, um eine zügige und sichere Benutzererfahrung zu gewährleisten.
Unser Projektergebnis
Die entstandene Web App ist nicht einfach nur ein digitaler Katalog, es gibt interaktive Erlebnisse und Spiele, wie zum Beispiel eine virtuelle Rennstrecke. Hier erhält der Nutzer Informationen über effektives Fahren in einem Porsche. Es wird ermöglicht aus der Sicht vom Fahrer und Beifahrer den Porsche zu erleben. In der Ansicht des Beifahrers wird gezeigt, wie Filme auf dem neuen Beifahrerdisplay geschaut werden können, ohne den Fahrer abzulenken. Aber das ist noch nicht alles! Mit der „My Porsche“ App hast du die Kontrolle über die Ambientebeleuchtung, den Sound und die Klimaanlage im Innenraum. Unser Ergebnis wurde innerhalb eines Umsetzungssprints von nur vier Wochen umgesetzt und mit einem sechsköpfigen Entwickler:innen-Team von uns realisiert.
Janina aus dem Entwicklerteam sagt dazu: „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.“Technologien
AWS Lambda · AWS DynamoDB · Vite · TypeScript · AWS CloudFront · React · PixiJS · AWS API Gateway · styled components