SLICE.
Kreskówkowy landing pizzerii z pieca
SLICE to neapolitańska pizza z pieca opalanego drewnem — i landing, który krzyczy charakterem. Intro buduje pizzę składnik po składniku, kolory wjeżdżają pasami, a po stronie lata papierowy samolocik prowadzony scrollem. Maksymalizm w dobrym stylu: dużo animacji, zero przypadku.
Branża
Gastronomia / pizzeria
Typ projektu
Landing page
Technologia
GSAP · ScrollTrigger
Rok
2026
Fikcyjna marka, prawdziwy projekt i kod — zbudowany w całości przez KODA jako pokaz tego, jak pracujemy.
Lokalna pizzeria, która ginie wśród sieciówek.
Na rynku pełnym powtarzalnych, „bezpiecznych” stron gastronomicznych trudno się wyróżnić. Marka z charakterem potrzebuje strony, która sprzedaje ten charakter w pierwszej sekundzie — zanim ktoś w ogóle pomyśli o zamówieniu.
Bo statyczny obraz tego nie odda.
Nagranie prosto z ekranu — dokładnie to zobaczysz, otwierając stronę na żywo.
Dlaczego tak, a nie inaczej.
Wyzwanie
Pizzeria ginie wśród sieciówek.
Decyzja
Daliśmy marce odważną, kreskówkową tożsamość.
Efekt
SLICE wyróżnia się i zostaje w głowie w sekundę.
Wyzwanie
„Wow” musi przyjść od razu.
Decyzja
Intro buduje pizzę składnik po składniku, a kolor wjeżdża pasami.
Efekt
Pierwszy ekran zatrzymuje gościa, zanim scrollnie dalej.
Wyzwanie
Dużo animacji to ryzyko zacięć.
Decyzja
Ruch oparty tylko na transform/opacity, z pełnym reduced-motion.
Efekt
Bogata oprawa, a mimo to płynnie i dostępnie.
Strona dopracowana od telefonu po duży ekran — ten sam charakter, pełna płynność wszędzie.
Zakres prac
- Projekt i kierunek wizualny
- Autorskie ilustracje i maskotki SVG
- Intro-loader i odsłona
- Choreografia animacji scrollem (GSAP)
- Płynny scroll (Lenis)
- Responsywność i dostępność
Co dostajesz
- Mocna, rozpoznawalna tożsamość wizualna marki
- Bogate animacje oparte tylko na transform/opacity — płynnie mimo „głośnej” oprawy
- Fonty i biblioteki hostowane lokalnie — działa offline, ładuje się szybko
- Pełne wsparcie reduced-motion i obsługa klawiatury
Dowód rzemiosła — sprawdzisz to sam
WCAG 2.1 AA
Pełne reduced-motion
Offline
Fonty i biblioteki lokalnie
320–2560 px
Telefon → 4K
Najlepiej zobaczyć to na żywo.
Otwórz stronę — najlepiej też na telefonie — i sprawdź szybkość, animacje i każdy detal.
