Projeto conceptual: negócio fictício

Uma página de taberna lisboeta feita para encher mesas

A Taberna da Poupa é uma taberna familiar fictícia em Alfama, Lisboa, inventada para mostrar como trabalhamos. O seu site, em português e inglês, foi feito para transformar quem lê a ementa em mesas reservadas, incluindo nas concorridas noites de fado.

Setor
Restaurantes e cafés
Localização
Lisboa, Portugal
Objetivo principal
Reservas de mesa e pedidos de grupos
Idiomas
PT / EN

Abre o site de demonstração. É um negócio fictício, por isso os formulários e os botões não contactam ninguém.

O briefing

Uma boa taberna num largo escondido

A Taberna da Poupa é uma taberna inventada num pequeno largo de Alfama, gerida pela mesma família desde 1971. No nosso briefing imaginário, os novos clientes encontram-na no Google Maps ou passam à porta a descer do elétrico 28, mas não conseguem ver a ementa, os preços nem se há mesa esta noite. As noites de fado, às quintas e aos sábados, são as primeiras a encher, e o telefone toca o dia todo com as mesmas perguntas. O novo site tinha de mostrar a ementa e o prato do dia com preços, em português e inglês, e deixar as pessoas reservar mesa online sem telefonar.

Para quem é a página

Vizinhos a ver o prato do dia e visitantes de Lisboa a planear um jantar ou uma noite de fado, quase sempre no telemóvel e muitas vezes em inglês. E ainda quem organiza um jantar de equipa ou um aniversário para 10 a 24 pessoas.

Anatomia da página

Anatomia de um site de restaurante que enche mesas

Esta é a página inicial de um site Local Plus em dois idiomas: 10 secções, do topo do ecrã do telemóvel para baixo.

Taberna da Poupa — Projeto conceptual: negócio fictício
  1. Título, dois botões e uma linha de estado em tempo real

    “O largo onde Alfama vem jantar.” aparece ao lado de uma foto da esplanada. Por baixo: “Reservar mesa”, “Ver a carta”, uma linha que diz se a taberna está aberta neste momento, na hora de Lisboa, e qual é o prato do dia, e três razões para confiar: a mesma família há três gerações, peixe da lota todas as manhãs e reserva sem cartão.

  2. Prato do dia, um toque por dia

    Sete botões, de segunda a domingo, abertos no dia de hoje. Cada dia mostra o seu prato, uma descrição curta e um preço entre 10,50 € e 13,50 €, com um botão para reservar nesse dia. Ao lado está o menu de almoço dos dias úteis, a 14,50 €, com o seu próprio botão “Reservar almoço”.

  3. A carta em quatro separadores

    Petiscos, grelhados, sobremesas e vinhos. Cada prato mantém o nome em português, também na versão inglesa, e tem uma descrição numa linha e um preço em euros. Os pratos vegetarianos estão assinalados, e há uma nota sobre alergias ao lado de mais um botão “Reservar mesa”.

  4. Fotos e depois as noites de fado

    Quatro fotos com legenda, da grelha a carvão à sobremesa, levam à secção de fado: às quintas e aos sábados a partir das 21h30, sem couvert artístico pela música, e as próximas quatro datas de fado em botões que abrem o formulário de reserva.

  5. O cartão de reserva em dois passos

    O passo 1 pergunta quantas pessoas (de 1 a 8), que dia e a que hora, dividido entre almoço e jantar. O passo 2 pede um nome, um número de telemóvel e, se quiser, um e-mail e pedidos especiais. Termina com um resumo e um ficheiro “Adicionar ao calendário”. Os grupos com mais de 8 pessoas são encaminhados para a Adega.

  6. A Adega, para grupos de 10 a 24

    Uma adega de pedra por baixo da taberna, com três menus fixos a 28 €, 38 € e 55 € por pessoa e um pequeno formulário de pedido. O formulário promete resposta no prazo de um dia útil.

  7. Avaliações de exemplo, como chegar, horário e perguntas

    Três avaliações, claramente identificadas como conteúdo de exemplo. Depois, como chegar: um percurso a pé em quatro passos desde o elétrico 28, metro, táxi e estacionamento, um link para o mapa, o horário com o dia de hoje destacado e o número de telefone. Sete respostas curtas fecham a página, do couvert ao acesso para cadeiras de rodas.

O que traz chamadas e marcações

Cinco decisões que transformam visitas em reservas

A reserva abre no próximo dia livre

O cartão de reserva começa no primeiro dia que ainda tem mesas livres, por isso as horas já estão no ecrã. Por cima da data há atalhos para hoje, amanhã e a próxima noite de fado, e as horas ocupadas aparecem a cinzento, marcadas como “cheio”.

Cada botão de reserva preenche o formulário

Toque no botão de reserva de um prato do dia, do menu de almoço ou de uma data de fado, e o formulário abre com esse dia escolhido. O menu de almoço escolhe as 13:00 e as noites de fado as 20:00. Se essa hora estiver cheia, o formulário escolhe a hora livre mais próxima e avisa, em vez de a mudar sem dizer nada.

Preços antes de alguém ter de perguntar

Cada prato e cada vinho mostram o preço em euros, com IVA incluído. O couvert está explicado: pão e azeitonas custam 2,50 € por pessoa, e só se os comer. Os menus de grupo mostram um preço por pessoa, por isso não há surpresas no fim da refeição.

Tirar a preocupação da reserva

Ao lado do formulário, três promessas curtas: sem cartão e sem sinal, a mesa fica guardada 15 minutos e cancelar é grátis respondendo à mensagem. O formulário só pede um nome e um número de telemóvel, e o telefone está mesmo ali para quem prefere falar.

O próximo passo está sempre à mão

No telemóvel, uma barra com Ligar, Carta e Reservar mesa aparece quando os botões do topo saem do ecrã. Sai do caminho sobre os formulários de reserva e de grupos e enquanto escreve, para nunca tapar um campo. Em ecrãs maiores, é o cabeçalho, com o seu botão Reservar, que fica fixo no topo.

Resultados medidos

  • 93Desempenho
  • 100Acessibilidade
  • 100Boas práticas

Google Lighthouse, telemóvel, 4G simulado, medido a 19 de setembro de 2026. O SEO não é avaliado: as demos conceptuais estão escondidas do Google de propósito (noindex), o que o Lighthouse conta contra elas. Faça o teste na demo online.

Notas técnicas

  • HTML, CSS e JavaScript escritos à mão, sem framework: 84 KB de CSS e JavaScript antes da compressão, 21 KB com gzip. Sem scripts de rastreio, sem cookies, e os formulários não enviam nada para lado nenhum.
  • 8 fotos, todas geradas por IA, em AVIF com alternativas em WebP e JPEG, em 3 ou 4 tamanhos cada para ecrãs diferentes. Só a foto do topo carrega logo; as outras 7 carregam à medida que desce na página.
  • DM Serif Display para os títulos e DM Sans para tudo o resto. Ambas alojadas no próprio site, 3 ficheiros e 86 KB no total, sem pedidos ao Google Fonts.
  • Cores tiradas da rua lá fora: azul de azulejo, branco-cal, o amarelo do elétrico 28 em todos os botões de reserva e um vermelho-vinho escuro para as noites de fado.
  • Acessibilidade: um link para saltar para o conteúdo, separadores que se percorrem com as setas do teclado, uma etiqueta real em cada campo, mensagens de erro junto ao campo a que dizem respeito, botões com pelo menos 44 px de altura e animações desligadas para quem pede movimento reduzido. Sem JavaScript, a carta e os pratos da semana aparecem como listas simples.
  • Pacote Local Plus: dois idiomas, português europeu e inglês, com um seletor que mantém o seu lugar na página. A demo é só a página inicial; um site completo poderia acrescentar páginas como eventos privados ou a carta de vinhos completa, até 12 no total, e as reservas reais passariam por uma ferramenta de reservas à sua escolha (as taxas dessa ferramenta ficam a seu cargo).
Paleta
Tipos de letra
DM Serif Display + DM Sans

O pacote que representa

Local Plus

Este conceito é o tipo de site que recebe com o Local Plus: 2490 £ pela criação e depois a partir de 39 £/mês de manutenção. Os extras interativos, como calculadoras e simuladores, são orçamentados à parte.

Sites por setor: Restaurantes e cafés →

Pré-visualização grátis

Quer um site assim para o seu restaurante?

Fale-nos do seu restaurante e desenhamos primeiro a sua nova página inicial, grátis e sem cartão. Só paga se quiser avançar.

  • Sem cartão
  • O domínio em seu nome
  • Cancele a manutenção quando quiser após 3 meses