02 / 07 · Landing produktu

GT3 RS

Landing Porsche 911 GT3 RS. Film z toru, sekwencja klatek pod przewijaniem i mapa Nordschleife z OpenStreetMap.

Otwórz stronęauto.ignacydev.pl

GT3 RS: Landing produktu, zrzut ekranu strony

O projekcie

Strona jednego auta, która ma działać jak przejazd: zapłon, film, a potem technika, detale i tor.

Koncepcyjna strona jednego samochodu, Porsche 911 GT3 RS generacji 992. Przewijanie miało przypominać przejazd: najpierw przycisk START i zapłon, potem film z toru, technika, detale i na końcu Nordschleife.

Strona jest statyczna, bez frameworka. Dźwięk silnika nie jest nagraniem: dron, szum powietrza i zapłon generuje Web Audio w przeglądarce. Sekcja „Rodowód” to sekwencja klatek sterowana przewijaniem, osobna dla komputera i telefonu, a trasa Nordschleife rysuje się z geometrii OpenStreetMap i podpisuje kolejne zakręty.

Zdjęcia są w AVIF i WebP od 960 do 3840 pikseli, z rozmytymi podglądami na czas ładowania. Wersja angielska powstaje przy budowaniu ze słownika, więc obie wersje językowe mają zawsze ten sam układ. Zdjęcia i wideo pochodzą z materiałów prasowych Porsche, a projekt nie jest związany z Porsche AG.

Co jest w środku

  1. Wejście START z ambientem silnika generowanym w Web Audio: dron, szum powietrza i zapłon, bez plików dźwiękowych.

  2. Sekcja „Rodowód” to sekwencja klatek przewijana scrollem, osobno na komputer i telefon.

  3. Mapa Nordschleife z geometrii OpenStreetMap: trasa rysuje się przy przewijaniu, zakręty mają swoje nazwy.

  4. Zdjęcia w AVIF i WebP od 960 do 3840 px z placeholderami LQIP; wersja angielska generuje się ze słownika.

Wróć