Gryffin Forge
Protótipo ao vivoRestaurantesNegócio fictício · Manchester

Site de exemplo para pizzaria

Um site de pizzaria em forno a lenha com menu fácil de ler no telemóvel, reserva de mesa e links para encomendar e levantar.

Screenshot of Ember & Oak Pizza Kitchen (Pizzeria Website Demo)
A carregar a pré-visualização…

Gosta deste layout? Crie o seu site grátis — com as suas fotos, preços e reservas, num só ficheiro.

Enviar por WhatsApp

iProtótipo para um negócio fictício. Ember & Oak Pizza Kitchen, a equipa, preços, avaliações e contactos são inventados; os formulários são simulados e não enviam nada. Os números usam a gama reservada da Ofcom.

Contexto do setor

O problema que este conceito explora

Os takeaways e as pizzarias perdem margem para as apps de entrega e escondem muitas vezes o próprio menu num PDF. Os clientes que levantariam com gosto o pedido nunca descobrem que podem.

Ember & Oak explora um layout de restaurante centrado no menu: pratos com preços em HTML real, um apelo claro para levantar o pedido, horário de funcionamento e uma reserva de mesa curta.

Quem visita o site de um restaurante quer três coisas: o menu, uma mesa e indicações. Estes conceitos põem um menu legível, uma interface de reserva e um cesto de encomenda num único scroll — pensados primeiro para o telemóvel, porque é aí que acontece a maioria das pesquisas de restaurantes.

Funcionalidades demonstradas

  • Menu em HTML

    Legível, pesquisável e rápido no telemóvel — nunca um PDF.

  • Encomendar para levantar

    Um link de levantamento bem visível mantém as encomendas fora das apps à comissão.

  • Reserva de mesa

    Data, hora e número de pessoas num único passo curto (simulado).

  • Imagens da cozinha

    Vídeo licenciado do forno a lenha vende o produto antes do próprio menu.

Boas práticas

O que precisa um ótimo site de Restaurantes

Guia completo de Restaurantes
  • O menu em texto real, não em PDFOs menus em HTML leem-se bem no telemóvel e podem ser encontrados pelos motores de pesquisa.
  • Reserva de mesa a um toqueData, hora e número de pessoas — mantenha-o curto, ou ligue diretamente ao sistema de reservas que usa.
  • Encomendas para levantar ou entregarSe oferece este serviço, torne-o óbvio; se usa uma plataforma, ligue-lhe de forma clara.
  • Horário, morada e mapaA informação mais consultada em qualquer site de restaurante.

Capturas responsivas

Computador e telemóvel, captados da página ao vivo.

Ember & Oak Pizza Kitchen demo, desktop view, video showcase section
Computador · apresentação
Ember & Oak Pizza Kitchen demo, desktop view, services section
Computador · secções
Ember & Oak Pizza Kitchen demo, mobile view
Telemóvel · 390 px

Tecnologia

Como esta página é produzida

O motor de modelos gera a página a pedido a partir de alguns parâmetros — modelo, nome do negócio, cidade e telefone. Não há compilação nem registo em base de dados por site.

Ler o caso do motor
Modelo
restaurant
Tecnologias
Motor de modelos (JavaScript simples) · Cloudflare Workers · Proxy edge de imagem e vídeo · Movimento CSS guiado pelo scroll
Movimento
Pilha de cartões
Renderização
Na edge, a pedido
Media
Vídeo licenciado via proxy autorizado
Formulários
Simulados — nada é enviado
Indexação
As demos não são indexadas

Demos relacionadas

Biblioteca completa