Pierogarnia
w Warszawie
Tradycyjna pierogarnia z Pragi Północ. Booking przez telefon i Facebooka, menu jako zdjęcie tablicy (dosłownie — rozmazane JPG). Po redesignie: datepicker rezerwacji, inline menu z alergenami, Google Maps embed i bento home grid z daily specials.
Telefon, Facebook i zdjęcie tablicy jako "system rezerwacji".
Pierogarnia z tradycjami, lokalizacja na Pradze Północ, stali bywalcy i coraz więcej turystów z TripAdvisora. Problem: ktoś trafia na profil FB, chce zarezerwować stolik, musi zadzwonić (telefon od 12 do 20). Jeśli godzina 11, zakładka zamknięta. Klient odpada.
Menu: zdjęcie ręcznie pisanej tablicy z poprzedniego tygodnia. Nieczytelne na mobile. Zero informacji o alergenach — problem prawny od 2021 (rozporządzenie EU 1169/2011 o informacjach dla konsumentów).
Oczekiwania klienta: rezerwacja online bez telefonu, menu które można przeczytać na telefonie, pojawienie się w wyszukiwarce "pierogarnia Warszawa", formularz kontaktu dla grup i cateringów.
7 dni. Specjalność: restauracje, które nie wiedzą że potrzebują strony.
Dzień 1: brief przez Zoom, zdjęcia lokalu od klienta (20 fotek smartfonem, złe oświetlenie, kilka nadawało się do użycia). Dzień 2: wybór szablonu pierogarnia-restaurant, dostosowanie palety (czerwony #cc2936 akcent, krem #f5f0e8 tło). Dzień 3: menu jako HTML tabela z alergenami (wymóg prawny). Datepicker rezerwacji — Flatpickr, lekka biblioteka, zero backendu, formularz idzie na email. Dzień 4-5: treść + Google Maps embed + godziny otwarcia + sekcja catering. Dzień 6: review + SEO meta (schema.org Restaurant). Dzień 7: launch + Google Business Profile update.
Czerwień. Bento grid. Alergeny widoczne. Menu bez PDF.
Czerwony akcent #cc2936
Restauracje gastro potrzebują ciepłej palety. Czerwień buduje apetyt. Biały + krem w tle, czerwony na CTA i nagłówkach sekcji. Nigdy ciemne tło dla restauracji.
Menu inline (nie PDF)
HTML tabela z kategoriami (ruskie, mięsne, wegetariańskie, zupy). Kolumna alergenów przy każdej pozycji. Searchable przez CTRL+F. Google indexuje treść.
Datepicker Flatpickr
Rezerwacja: data + godzina + liczba osób + uwagi. Formularz wysyła email na adres restauracji + potwierdzenie do gościa. Zero backendu, zero bazy danych — Formspree jako relay.
Bento home grid
Asymetryczny grid na homepage: duże zdjęcie pierogi + karta "Rezerwacja" + karta "Dzisiaj specjal" + karta "Catering". Każda karta klikalna, mobilna wersja stack 1-kolumna.
Google Maps embed
Mapa bezpośrednio na stronie ze znacznikiem adresu + przycisk "Nawiguj". Link do Google Maps Mobile dla telefonów. Wskazówki transportem publicznym w tekście.
Schema.org Restaurant
JSON-LD z godzinami otwarcia, kuchnią, priceRange, adresem. Google może pokazać te dane w rich snippets bez wchodzenia na stronę. Darmowe SEO dla lokalu.
Express + Flatpickr + Formspree. Zero serwera rezerwacji. Zero CMS.
Formularz rezerwacji używa Formspree jako email gateway — klient nie potrzebuje własnego serwera mailowego. Limit 50 submissions/month na free planie. Dla restauracji robiącej 200+ rezerwacji miesięcznie przez stronę lepiej przejść na Calendly Business lub własny backend — to dobry problem do rozwiązania.