Gryffin Forge
Działający prototypRestauracjeFikcyjna firma · Manchester

Przykładowa strona pizzerii

Strona pizzerii z pieca opalanego drewnem z menu czytelnym na telefonie, rezerwacją stolika i linkami do zamówień na wynos.

Screenshot of Ember & Oak Pizza Kitchen (Pizzeria Website Demo)
Wczytywanie podglądu…

Podoba Ci się ten układ? Zbuduj własną stronę za darmo — z Twoimi zdjęciami, cenami i rezerwacjami, w jednym pliku.

iPrototyp fikcyjnej firmy. Ember & Oak Pizza Kitchen, jej ludzie, ceny, opinie i dane kontaktowe są zmyślone; formularze są symulowane i niczego nie wysyłają. Numery telefonów pochodzą z puli zarezerwowanej przez Ofcom.

Kontekst branży

Problem, który bada ten koncept

Lokale na wynos i pizzerie oddają marżę aplikacjom dostawczym i często chowają własne menu w PDF-ie. Klienci, którzy chętnie odebraliby zamówienie sami, nigdy się nie dowiadują, że mogą.

Ember & Oak testuje układ restauracji z menu na pierwszym planie: dania z cenami w prawdziwym HTML, wyraźne wezwanie do odbioru osobistego, godziny otwarcia i krótka rezerwacja stolika.

Gość restauracji chce trzech rzeczy: menu, stolika i dojazdu. Te koncepcje umieszczają czytelne menu, rezerwację i koszyk zamówień w jednym przewinięciu — projektowane najpierw na telefon, bo tam odbywa się większość wyszukiwań restauracji.

Pokazane funkcje

  • Menu w HTML

    Czytelne, przeszukiwalne i szybkie na telefonie — nigdy PDF.

  • Zamówienie z odbiorem

    Widoczny link do odbioru trzyma zamówienia z dala od aplikacji z prowizją.

  • Rezerwacja stolika

    Data, godzina i liczba osób w jednym krótkim kroku (symulacja).

  • Nagrania z kuchni

    Licencjonowane ujęcia pieca opalanego drewnem sprzedają produkt, zanim zrobi to menu.

Dobre praktyki

Czego potrzebuje świetna strona: Restauracje

Pełny poradnik: Restauracje
  • Menu jako tekst, nie PDFMenu w HTML jest czytelne na telefonie i widoczne dla wyszukiwarek.
  • Rezerwacja stolika jednym dotknięciemData, godzina i liczba osób — krótko albo bezpośredni link do używanego systemu rezerwacji.
  • Zamówienia z odbiorem lub dostawąJeśli to oferujesz, pokaż wyraźnie; jeśli korzystasz z platformy, podlinkuj ją czytelnie.
  • Godziny, adres i mapaNajczęściej sprawdzane informacje na każdej stronie restauracji.

Zrzuty responsywne

Komputer i telefon, uchwycone z działającej strony.

Ember & Oak Pizza Kitchen demo, desktop view, video showcase section
Komputer · prezentacja
Ember & Oak Pizza Kitchen demo, desktop view, services section
Komputer · sekcje treści
Ember & Oak Pizza Kitchen demo, mobile view
Telefon · 390 px

Technologia

Jak powstaje ta strona

Strona jest generowana na żądanie przez silnik szablonów z kilku parametrów — szablonu, nazwy firmy, miasta i telefonu. Nie ma osobnej kompilacji ani rekordu w bazie dla każdej strony.

Czytaj studium silnika
Szablon
restaurant
Technologie
Silnik szablonów (czysty JavaScript) · Cloudflare Workers · Proxy obrazów i wideo na brzegu sieci · Ruch CSS sterowany przewijaniem
Animacja
Stos kart
Renderowanie
Na brzegu sieci, na żądanie
Media
Licencjonowane wideo przez dozwolony serwer pośredniczący
Formularze
Symulowane — nic nie jest wysyłane
Indeksowanie
Strony dem nie są indeksowane

Powiązane dema

Cała biblioteka