Przejdź do treści

Pizzeria Napoletana · Tychy

La Fontana

Elegancka strona, która przyciąga gości do stołu.

RolaProjekt + kod
StackNext.js 14 · Tailwind CSS · Framer Motion
Zobacz na żywo
lafontana.pl

Jak to powstało

Wyzwanie01

Certyfikowana pizzeria AVPN nie miała strony, która oddawałaby poziom kuchni. Goście trafiali głównie z mapy — bez wrażenia „premium” jeszcze przed wizytą.

Rozwiązanie02

Zaprojektowałem ciemną, elegancką stronę z interaktywnym menu w zakładkach, galerią z lightboxem i opiniami Google. Parallax w hero, płynne animacje przy scrollu, dane strukturalne pod SEO lokalne i PWA.

Efekt03

Strona buduje apetyt i prestiż jeszcze przed wejściem do lokalu — i pozycjonuje La Fontanę wysoko w lokalnym Google.

Z bliska

La Fontana — widok 1
fig. 01La Fontana
La Fontana — widok 2
fig. 02La Fontana
La Fontana — widok 3
fig. 03La Fontana
La Fontana — widok 4
fig. 04La Fontana

Elementy interaktywne

01

Interaktywne menu

Przełączanie kategorii (Pizza, Antipasti, Bar, Desery, Sezonowe) z animowanymi przejściami i ikonami oznaczającymi dania ostre oraz wegetariańskie.

02

Galeria z lightboxem

Galeria w układzie masonry — kliknięcie w zdjęcie otwiera fullscreenowy lightbox z nawigacją między zdjęciami i zamknięciem przez Escape lub kliknięcie w tło.

03

Wersja mobilna

Responsywny układ na telefonie z hamburgerowym menu i sticky paskiem szybkiego kontaktu (telefon + nawigacja), który pojawia się po przewinięciu sekcji hero.