// Realizacja 03 / 08 · projekt koncepcyjny
Lampartpizzeria neapolitańska, Łódź
Menu i telefon w jednym kliknięciu, pora pieca widoczna od razu.
Projekt koncepcyjny — jak zrobiłbym stronę dla firmy z branży: pizzeria neapolitańska. Firma i jej dane są fikcyjne.
- Branża
- pizzeria neapolitańska
- Miasto
- Łódź
- Języki
- PL / EN
- Rodzaj
- projekt koncepcyjny
- Rok
- 2026
01 — Problem
Głodny człowiek decyduje w kilka sekund: chce zobaczyć menu, telefon i to, czy piec dziś jeszcze pali. Tak zrobiłbym stronę dla neapolitańskiej pizzerii, która przyjmuje zamówienia przez telefon i wydaje je na miejscu.
02 — Decyzje
-
Przewijanie = 90 sekund w piecu
Scena odtwarzana z klatek wideo na canvasie: pizza piecze się w 450°C w rytmie przewijania, a cętki na brzegu odsłaniają 5 „sekretów” ciasta.
-
Piec na żywo
Status pieca liczony w strefie czasowej Warszawy: od razu widać, czy pizzeria jest otwarta i do której.
-
Menu, które się przegląda
21 pozycji ze zdjęciami, filtry „wege” i „ostre” z płynnym przestawianiem kart i podgląd zdjęcia pod kursorem.
-
Telefon bez szarpania
Na telefonie scena trzyma się przez CSS sticky zamiast przypinania skryptem — przewijanie zostaje płynne.
-
AI podpisane wprost
Zdjęcia i animacja są wygenerowane z AI (Google Flow i Grok), co stopka mówi wprost.
03 — Efekt
Pięć stron po polsku i angielsku. Po osobnym kroku optymalizacji wydajność na telefonie wzrosła z 93 do 98 punktów, na komputerze 100.
98telefon
100komputer
pomiar:
04 — Karta DNA
Z czego zbudowane jest wykończenie
Kliknij token, żeby zdjąć go z podglądu. Zostaje sam szkielet — ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05 — Google widzi
Co ta strona mówi wyszukiwarkom i AI
- Tytuł „Lampart — pizzeria neapolitańska w Łodzi” i opis z konkretem: piec 450°C, ciasto dojrzewa co najmniej dobę.
- hreflang pl/en z x-default i canonical.
- sitemap.xml z 10 adresami i wersjami językowymi.
- Danych strukturalnych w demie nie ma — przy prawdziwej pizzerii dodałbym Restaurant z menu i godzinami.
- Demo fikcyjnej pizzerii zablokowane dla wyszukiwarek (noindex i robots.txt).
06 — Na telefonie
Ta sama strona w 390 pikselach
Zrzut 390 × 844 z żywej strony. Wynik wydajności na telefonie:
98/ 100
