%20--%3e%3csvg%20version='1.1'%20id='Pfade'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20122.8%2021.3'%20style='enable-background:new%200%200%20122.8%2021.3;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M9.7,0.7H0v0.5h0.3c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v12.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0H0%20v0.5h9.7c5.5,0,8.7-2.7,8.7-7.5S15,0.7,9.7,0.7z%20M3.4,2.7h6.2c3.9,0,6.2,2,6.2,5.4s-2.3,5.4-6.2,5.4H3.4V2.7z'/%3e%3cpath%20class='st0'%20d='M26.4,5.3c-3.4,0-6.9,1.6-6.9,5.3c0,3.9,3.5,5.3,6.9,5.3s6.9-1.4,6.9-5.3C33.3,6.9,29.8,5.3,26.4,5.3z%20M26.4,14%20c-2.8,0-4.5-1.3-4.5-3.4s1.7-3.4,4.5-3.4S31,8.4,31,10.6S29.2,14,26.4,14z'/%3e%3cpath%20class='st0'%20d='M43.5,5.2c0,0.3-0.1,0.5-0.4,0.5h-0.4c-0.2,0-0.5,0-0.7,0c-1.7,0-3.3,0.6-4.6,1.8v-2h-3V6h0.1%20c0.4,0,0.7,0.2,0.7,0.6v8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.4h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5%20c0-0.1,0-0.1,0-0.2V9.8c1-1.4,2.7-2.2,4.4-2.2c0.7,0,1.4,0.1,2,0.5L44,8.1v-3L43.5,5.2L43.5,5.2z'/%3e%3cpath%20class='st0'%20d='M49.5,14.6V7.4h4.3V5.5h-4.3V4.6c0-1.3,1.1-2,2.9-2c0.7,0,1.5,0.1,2.2,0.4h0.1V0h-0.4v0.1%20c0,0.6-0.2,0.6-0.4,0.6h-0.4c-0.3,0-0.8-0.1-1.1-0.1c-2.4,0-5.1,1.2-5.1,3.8v1h-2.1v1.9h2.1v7.2c0,0.3-0.2,0.6-0.5,0.7%20c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5C49.5,14.7,49.5,14.7,49.5,14.6z'/%3e%3cpath%20class='st0'%20d='M56,5.9L56,5.9c0.5,0,0.8,0.2,0.8,0.6v9.7c0,2.2-0.5,2.5-1.5,2.5c-0.8,0-1.6-0.2-2.4-0.4h-0.1v2.9h0.4v-0.1%20c0-0.4,0.2-0.6,0.4-0.6c0.2,0,0.4,0,0.5,0c0.4,0,0.7,0.1,1.1,0.1c2.8,0,3.7-1.2,3.7-4.7V5.5h-3L56,5.9z'/%3e%3crect%20x='56.4'%20y='1.6'%20class='st0'%20width='2.9'%20height='2.4'/%3e%3cpath%20class='st0'%20d='M73.6,14.6V5.5h-3v0.5h0.1c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v5.8c-1.3,1.1-2.9,1.6-4.6,1.6%20c-2,0-3-0.8-3-2.6V5.5h-3.1v0.5h0.1c0.3-0.1,0.6,0.2,0.7,0.5c0,0.1,0,0.1,0,0.2v5.1c0,2.8,1.6,4.2,4.6,4.2c1.9,0,3.7-0.5,5.2-1.6%20v1.4h3v-0.5h-0.1c-0.3,0-0.6-0.2-0.6-0.6C73.6,14.7,73.6,14.7,73.6,14.6z'/%3e%3cpath%20class='st0'%20d='M88.4,14.6V9.5c0-2.8-1.6-4.2-4.6-4.2c-1.8-0.1-3.7,0.4-5.2,1.5V5.5h-3v0.5h0.1c0.4,0,0.7,0.2,0.7,0.6v8%20c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5c0-0.1,0-0.1,0-0.2V8.8%20c1.3-1.1,2.9-1.6,4.6-1.6c2,0,3,0.9,3,2.6v4.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5H89%20c-0.3,0.1-0.6-0.2-0.7-0.5C88.3,14.7,88.3,14.7,88.4,14.6z'/%3e%3cpath%20class='st0'%20d='M100.9,6.4c-1.3-0.7-2.8-1.1-4.3-1.1c-2.9,0-6.4,1.4-6.4,5.3s3.4,5.3,6.4,5.3c1.5,0,3-0.4,4.3-1.1V16%20c0,1.7-1.7,2.8-4.3,2.8c-1.9,0-3.8-0.5-5.5-1.4L91,17.3v3.3h0.4v-0.1c0-0.4,0.1-0.6,0.4-0.6c0.2,0,0.5,0.1,0.7,0.2%20c1.4,0.4,2.8,0.6,4.3,0.6c4.1,0,6.3-1.8,6.3-5.1v-9c0-0.4,0.2-0.6,0.7-0.6h0.1V5.4h-3L100.9,6.4z%20M100.9,12.9%20c-1.2,0.7-2.6,1.1-4,1.2c-2.7,0-4.4-1.3-4.4-3.5s1.6-3.5,4.4-3.5c1.4,0.1,2.8,0.5,4,1.2V12.9z'/%3e%3cpath%20class='st0'%20d='M113,9.7l-3.2-0.2c-0.6,0-2.2-0.2-2.2-1.1c0-0.8,1.1-1.2,3.2-1.2c2,0,4,0.4,5.8,1.2l0.1,0.1V5.2h-0.4v0.1%20c0,0.4-0.1,0.6-0.4,0.6c-0.2,0-0.3,0-0.5-0.1l0,0c-1.4-0.4-2.8-0.5-4.3-0.5c-3.7,0-5.6,1.1-5.6,3.2c0,1.7,1.4,2.7,4,3l3.4,0.3%20c0.8,0.1,2.4,0.2,2.4,1.1s-1.3,1.2-3.9,1.2c-2,0.1-4.1-0.3-6-1h-0.1v3.1h0.6v-0.1c0-0.5,0.1-0.6,0.5-0.6c0.2,0,0.4,0,0.6,0.1%20c1.4,0.3,2.8,0.4,4.3,0.4c4.3,0,6.4-1,6.4-3.1C117.5,10.1,114.1,9.9,113,9.7z'/%3e%3crect%20x='119.7'%20y='13.2'%20class='st0'%20width='3.1'%20height='2.5'/%3e%3c/svg%3e){kind=small}
TECHART
GT STREET R
Digitales Erlebnis in Form einer interaktiven Microsite als Haupt-Anlaufpunkt zum Release der weltweiten Release Kampagne des neuen TECHART GTstreet R.
Die Herausforderung
Spektakuläres Exterieur trifft auf kompromisslose Aerodynamik.
Eine neue Art, einen Sportwagen zu erleben - in deinem Browser. Der Kunde TECHART hat sich auf die Premium-Veredelung von Porsche-Fahrzeugen spezialisiert. Das jüngste Modell und ikonische Flaggschiff des Unternehmens ist der GTstreet R - ein Supersportwagen. Zu seiner Markteinführung wollte der Kunde eine Microsite veröffentlichen, die seinem kraftvollen Produkt gerecht wird.
Die größte Herausforderung und unser Ziel als Digitalagentur für dieses Projekt war, das Fahrgefühl eines solchen Autos über den Browser zu vermitteln. Das Design des Interfaces, inspiriert durch das Lenkrad des Autos, und einen interaktiven Sound-Visualisierer, lassen die Benutzer*innen so nah wie virtuell möglich am Auto sein.
Das Resultat
Das Fahrerlebnis eines ikonischen Supersportwagens wird zu einer fesselnden virtuellen Interaktion.
Wir wollten die Geschichte des Fahrzeugs auf ansprechende Weise erzählen und den Benutzer durch mühelose Übergänge, fließende Interaktionen und immersive (Sound-)Module dazu einladen, den GTstreet R zu erleben. Nach unserem ersten Meeting mit der Marketingabteilung des Kunden wussten wir sofort, dass dies die Gelegenheit sein würde, die Grenzen des Interaktionsdesigns auszutesten.
Die Bewegung, die mit der Scrollbewegung verbunden ist und neue Inhalte offenbart, lässt die Benutzenden voll und ganz in das Gefühl der schnittigen und sportlichen Erscheinung des GTstreet R eintauchen.
Das Menü ist vom Moduswahlschalter am Lenkrad des Fahrzeugs inspiriert worden, so wie der Custom-Cursor die Beschleunigung des Autos durch Unschärfe visualisiert. Ebenso kann man den leistungsstarken Motor und Soundsystem durch ein interaktives Soundvisualisierungsmodul erleben.
Image Credits: TECHART
Awards & Projektspezifikationen
Awwwards — Honorable Mention
Page Magazine — Feature in Issue 01.22
Realisiert in 6 Wochen
Es gibt kaum rationale Argumente dafür, einen Sportwagen zu kaufen – es geht um Erlebnis pur. Die in nur sechs Wochen realisierte Microsite fängt erfolgreich die Dynamik und das Fahrgefühl durch scrollgebundene Animationen, spannende Features und das unkonventionelle Navigationselement ein. Dafür wurde die Seite mit einer Honorable Mention bei Awwwards ausgezeichnet und im Page Magazine vorgestellt. Viel Spaß beim Ausprobieren!
Projekt starten.
Du willst ein Projekt wie dieses angehen?
Wir arbeiten gerne mit inspirierenden Marken und wertegetriebenen Menschen zusammen. Du willst hoch hinaus? Dann lass uns gemeinsam durchstarten.
Klingel unkompliziert durch: +49 721 7540 2308
