Grand Café du Commerce
Sem framework, sem CMS: uma brasserie de bairro não precisa de uma fábrica.
- Ano
- 2026
- Conceção
- 2 semanas
- Stack
- HTML/CSS · JavaScript · Google Analytics · Vercel
- Design
- Desenvolvimento
- SEO local
- Medição de audiência
Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.
- desempenho Lighthouse
- 93/100
- dependências externas
- 0
- pedidos para além do HTML
- 2
- SEO Lighthouse
- 100/100
O que era preciso resolver.
O contexto
O Grand Café du Commerce é uma brasserie de Vaise, Lyon 9. Clientela de bairro, habituais ao almoço, mesas ao jantar.
A restrição
O site anterior era uma página única, não responsiva, sem horários atualizados. A necessidade real cabia em três linhas: o menu, os horários, uma forma de reservar. Tudo o resto teria sido despesa sem retorno.
A resposta
HTML, CSS e um pouco de JavaScript. Nenhum framework, nenhum CMS, nenhuma base de dados. O resultado carrega instantaneamente, não exige qualquer atualização de segurança e custa zero euros de alojamento. O menu altera-se num ficheiro, em texto simples.
As pontuações registadas na entrega.
Pontuações Lighthouse do site em produção. Publicamo-las tal como estão: quando uma delas é baixa, a causa e o plano de correção estão descritos mais abaixo, em vez de serem omitidos.
Cada opção, e a sua razão.
Registo de brasserie, não de restaurante gastronómico
Tipografia afirmada, paleta bordéus e creme, fotografias de pratos simples. Uma identidade demasiado chique teria afastado a clientela do almoço, que é a principal fonte de faturação.
Os horários no primeiro ecrã
«Aberto até às 22h», calculado em tempo real, em vez de uma tabela de sete linhas. É a pergunta mais feita; merecia uma resposta, e não um documento para interpretar.
Menu em HTML, nunca em PDF
Um menu em PDF não se lê num telemóvel, não é indexado e não é anunciado pelo leitor de ecrã. O menu é uma página HTML estruturada, com os preços.
Paleta do projeto
Bordéus
#6E2436
Identidade, títulos
Creme
#F6F0E4
Fundo
Tinta
#211E1C
Texto
Latão
#B08A4A
Filetes e pormenores
Sistema tipográfico
Títulos
Libre Baskerville
Texto corrido
Source Sans 3
Uma serifada clássica, no espírito das tabuletas de brasserie, apenas para os títulos — o corpo de texto continua a ser uma sem serifa de ecrã.
O que está por baixo do capô.
- HTML/CSS
- JavaScript
- Google Analytics
- Vercel
Zero dependências
Nenhuma biblioteca para atualizar e, portanto, nenhuma falha para corrigir daqui a seis meses. Num site de restaurante que não vai ser mantido todos os meses, é a escolha mais responsável.
Um único ficheiro CSS, um único ficheiro JS
Dois pedidos para além do HTML. O site está completo antes de um site em framework terminar de analisar o seu bundle.
Medição de audiência com consentimento
O Google Analytics só é carregado após aceitação explícita. Sem consentimento, nenhum script de terceiros é chamado — não é uma opção de conforto, é a regra da CNIL (a autoridade francesa de proteção de dados).
Como o site se torna encontrável.
«Brasserie Vaise», «restaurant Lyon 9»
O SEO local visa o bairro antes da cidade: a concorrência é dez vezes mais fraca e a intenção dez vezes mais forte.
Horários estruturados
openingHoursSpecification em JSON-LD: é o que alimenta o «Aberto · Fecha às 22:00» apresentado pelo Google, e evita a chamada telefónica de confirmação.
Utilizável por todos.
Desde junho de 2025, o Ato Europeu da Acessibilidade exige a acessibilidade digital a uma grande parte dos serviços online. Tratamo-la na conceção, não como correção posterior.
97/100 sem esforço adicional
Um site simples é mais fácil de tornar acessível. HTML semântico, contrastes verificados, navegação por teclado nativa: nada para corrigir a posteriori.
O que foi entregue.
- Início
- O menu
- Reservar
- Acesso e horários
- Contacto
As etapas do projeto.
Enquadramento
Três necessidades identificadas, tudo o resto posto de parte.
Design
Registo de brasserie, horários dinâmicos, menu em HTML.
Desenvolvimento
HTML/CSS/JS sem dependências, consentimento antes da medição.
O que nos perguntam com frequência.
Outros projetos
Conformidade RGPD & SaaSKonsent by Kayzen
Um editor de banners que audita banners é juiz em causa própria: a independência era o produto.
Cibersegurança ofensiva & SaaSSentinel by Kayzen
Vender um produto de segurança a engenheiros: cada afirmação tinha de ser demonstrável.
Dados & Serviço meteorológicoMétéo Climat France
358 páginas indexáveis, um mapa animado em 72 horizontes — e nem uma linha de framework.
O mesmo nível de exigência, para o seu site.
Auditoria gratuita do seu site atual, orçamento em 24 h e um raciocínio por escrito — como o que acabou de ler. Pagamento em três prestações sem juros; apoios locais verificados antes da assinatura.