Restauração & Bouchon lionês

Chez Mounier

Um bouchon desde 1985: o site tinha de parecer estar lá há tanto tempo quanto ele.

Ano
2026
Conceção
2 semanas
Stack
React · Vite · Tailwind · Vercel
  • Design
  • Desenvolvimento
  • SEO local
  • Redação

Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.

https://chez-mounier-liard.vercel.app/
Página inicial do site Chez Mounier — Restauração & Bouchon lionês, realizado pela Kayzen Web
ano de abertura
1985
gerações
3
acessibilidade e SEO Lighthouse
100/100
O ponto de partida

O que era preciso resolver.

O contexto

O Chez Mounier é um bouchon (o restaurante tradicional lionês) familiar da rue des Marronniers, Lyon 2, aberto desde 1985 e gerido ao longo de três gerações. Cozinha inteiramente caseira: quenelles, tablier de sapeur, salada lionesa.

A restrição

O bouchon é um género codificado, e a sua clientela desconfia do novo. Um site demasiado moderno teria soado falso — e levado a duvidar da autenticidade da cozinha. Era preciso um site atual na técnica e intemporal na aparência.

A resposta

A autenticidade prova-se no pormenor: o menu indica, prato a prato, o que é feito em casa; a página «a casa» conta as três gerações com datas; e a reserva continua a ser por telefone, porque é assim que este restaurante funciona. Não se impõe um formulário a uma casa que atende o telefone.

Medido, não declarado

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.

PageSpeed
84
Desempenho: 84 em 100
100
Acessibilidade: 100 em 100
100
Boas práticas: 100 em 100
100
SEO: 100 em 100
Design & direção artística

Cada opção, e a sua razão.

  1. Toalha aos quadrados sem pastiche

    Vermelho profundo, branco-sujo, padrão discreto no fundo das secções. Os códigos do bouchon são citados, nunca imitados literalmente — o pastiche nota-se e prejudica.

  2. O caseiro, prato a prato

    Cada prato tem a indicação quando é preparado no local. É o argumento central do bouchon face aos estabelecimentos que se limitam a aquecer, e tinha de ser verificável linha a linha.

  3. O telefone como ação principal

    Botão de chamada em primeiro lugar, permanente no telemóvel. Acrescentar um módulo de reservas online teria criado um canal que a casa não consulta — o pior cenário para um cliente.

Paleta do projeto

  • Vermelho bouchon

    #8C2E2E

    Identidade

  • Branco-sujo

    #F7F3EC

    Fundo

  • Tinta

    #231F1D

    Texto

  • Verde-azeitona

    #5E6440

    Secções secundárias

Sistema tipográfico

Títulos

Bitter 700

Texto corrido

Inter 400

Uma slab serif acolhedora para os títulos — a legibilidade de uma ardósia de menu — e uma sem serifa neutra para o menu.

Engenharia

O que está por baixo do capô.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Site estático, alojamento gratuito

    Nenhum servidor aplicacional, nenhuma base de dados. O custo anual de funcionamento é o do nome de domínio.

  2. Menu tipado

    Pratos, preços e indicação «caseiro» num ficheiro de dados. A atualização sazonal não obriga a mexer no HTML.

SEO

Como o site se torna encontrável.

  1. «Bouchon lyonnais rue des Marronniers»

    A rue des Marronniers é um destino em si mesma. Posicionar-se na rua em vez de na cidade capta uma intenção de escolha imediata, num raio de duzentos metros.

  2. Especialidades indexadas

    «Quenelle maison Lyon» (quenelle caseira), «tablier de sapeur» (tripa panada lionesa): cada especialidade é nomeada num conteúdo estruturado. São pesquisas de turistas a preparar a refeição.

Acessibilidade

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.

  1. 100/100 apesar de um fundo texturado

    O padrão de fundo está suficientemente atenuado para que todos os textos mantenham 4,5:1. Um padrão decorativo nunca deve custar um ponto de contraste.

Estrutura

O que foi entregue.

  • Início
  • O menu
  • A casa desde 1985
  • Acesso e horários
  • Reservar (telefone)
Método

As etapas do projeto.

  1. Tom

    Códigos do bouchon citados sem pastiche, vocabulário da casa.

  2. Conteúdo

    Menu com indicação de caseiro, história das três gerações.

  3. Desenvolvimento

    Site estático, menu tipado, chamada como ação principal.

Perguntas

O que nos perguntam com frequência.

Porque a casa não as consultaria. Um canal de reservas sem vigilância produz clientes que chegam sem mesa: é pior do que não haver reservas de todo. No dia em que a organização mudar, o módulo acrescenta-se num dia.

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.

Partilhar