Najważniejsze jest we wnętrzu
Charakter kampera widać w zabudowie: materiałach, układzie mebli, miejscach do spania i świetle wpadającym przez okna.
Chcieliśmy, żeby pierwszy ruch na stronie był krokiem do środka.
Wróć na stronę głównąNOMADHAUSKamper od środka.
NOMADHAUS to demonstracyjna marka ręcznie wykańczanych kamperów. Strona zaczyna się od auta w studiu. Przewijanie prowadzi przez otwarte drzwi do wnętrza.
Przewijanie jako przejazd kamery
Kamera prowadzi od auta w studiu przez otwarte drzwi do wnętrza. Przejazd składa się ze 144 klatek, a przewijanie wybiera kolejne obrazy.
Tekst hero zostaje na miejscu. Za nim ostrość ustawia się jak w obiektywie, gdy kabina wypełnia kadr.
Etapy pracy
- 01
Kierunek
Jasne studio, drewno w zabudowie i zachody słońca w drodze.
- 02
Przejazd
144 klatki od auta w studiu do wnętrza.
- 03
Strona
Oferta czterech układów, galeria i stopka z górami.
- 04
Dopracowanie
Rozmycia pod tekstem, przenikanie klatek i ruch do wyłączenia.
Jak działa pierwszy ekran
- 01
Sekwencja obrazów
Klatki to zwykłe obrazy rysowane na canvasie. Pierwszy ekran pojawia się, gdy gotowe są pierwsze klatki. Reszta dociąga się w tle.
- 02
Płynność między klatkami
Przewinięcie rzadko trafia dokładnie w klatkę, więc dwie sąsiednie przenikają się w szesnastu krokach. Wolne przewijanie zostaje gładkie mimo tylko 144 klatek.
- 03
Czytelność tekstu
Obraz pod tekstem jest stopniowo rozmywany i rozjaśniany. Rozmycia przygotowaliśmy wcześniej, żeby uzyskać spójny efekt w różnych przeglądarkach.
- 04
Bez pustego ekranu
Jeśli kolejna klatka nie zdążyła się wczytać, strona pokazuje najbliższą dostępną. Dzięki temu nie trzeba czekać na pełną sekwencję, żeby zacząć oglądanie.
Oferta i galeria
Cztery układy
The Ridge, The Meridian, The Wren i The Cairn. Karty z rzutem zabudowy, ceną i liczbą miejsc do spania.
Galeria z głębią
Każde zdjęcie przesuwa się z własną prędkością, a pod kursorem lekko podąża za ręką. Kliknięcie otwiera podgląd.
Wersja z ograniczonym ruchem
Przy ograniczonym ruchu strona przewija się 1:1, a galeria stoi w miejscu.
- 144klatki przejazdu do środka
- 16kroków przenikania między klatkami
- 4układy zabudowy w ofercie
Wnętrze od pierwszego ekranu
Odwiedzający od razu ogląda zabudowę i jej materiały. Dalej może porównać cztery układy, sprawdzić ceny i zajrzeć do galerii.
