Murawa · Klub golfowy z akademią

O szablonie strony

Strona klubu golfowego w stylu motion design. Całe pole 18. dołka zbudowane w three.js: teren z koszonym w pasy fairwayem, greenem i bunkrami, jezioro odbijające niebo, sosny, niebo o świcie ze słońcem i falująca chorągiewka. Model 3D główki drivera na trzonku robi zamach sterowany przewijaniem, piłka leci po łuku, a za nią rysuje się złota smuga jak w transmisji. Kamera zaczyna od makro piłki na tee z rack focus z tytułu na pole, wznosi się dźwigiem nad dołkiem, goni piłkę w locie, przelatuje nad polem przy taśmie 18 dołków i kończy dolly zoomem na chorągiewkę pod napisami końcowymi. Kinowa rama: letterbox 2.39:1, HUD z numerem ujęcia, dołkiem, dystansem do flagi i timecode, cięcia przez czerń. Kinetyczna typografia na Fraunces (opsz, wght, SOFT, WONK): litery tytułu rozjeżdżają się jak w czołówce, licznik metrów lotu zamienia się w słowo FAIRWAY, tekst sunie po łuku lotu piłki, numery dołków pogrubiają się w środku kadru, opinie zapalają się słowo po słowie. Do tego cennik akademii, pola i członkostwa, opinie, FAQ, rezerwacja tee time z wyborem godziny i pasek CTA na telefonie.

Efekty i interakcje

• Makro piłki, zamach kijem 3D i lot ze smugą
• Letterbox 2.39:1, HUD z dystansem do flagi i timecode
• Ujęcie z dźwigu, pościg za piłką, dolly zoom na flagę
• Licznik metrów zmieniający się w słowo FAIRWAY
• Tekst po łuku lotu i oś SOFT/WONK fontu zmiennego