Brasserie Georges
Uma brasserie de 1836: o site tinha de estar à altura da decoração, não de a encobrir.
- Ano
- 2026
- Conceção
- conceito — 3 semanas
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Direção artística
- Design
- Desenvolvimento
- SEO
- Redação
Maqueta de proposta publicada pela Kayzen Web num endereço de demonstração; o estabelecimento não validou o projeto e o site não é seu.
Ressalva. Esta maqueta foi realizada por iniciativa da Kayzen Web e apresentada ao estabelecimento em causa. Não foi validada por ele, não está publicada em seu nome e não o vincula de forma alguma. Não a apresentamos como uma referência de cliente.
- ano de abertura
- 1836
- anos em 2026
- 190
- imagens para os motivos decorativosApenas SVG
- 0
O que era preciso resolver.
O contexto
A Brasserie Georges é um monumento lionês de Perrache, aberto em 1836, e a maior brasserie de França. A sua sala Art Déco está gravada no imaginário da cidade tanto quanto nos guias.
A restrição
Um espaço desta estatura não se vende: põe-se em cena. A dificuldade é fazer justiça a uma sala excecional num ecrã de telemóvel de seis polegadas, servindo ao mesmo tempo as necessidades prosaicas — reservar para quatro num sábado à noite, organizar um banquete, saber os horários.
A resposta
Fazer do cenário a estrutura do site. Os frescos e a serralharia dão a paleta, o ritmo e os motivos de separação. Cada secção é uma sala; a navegação é um passeio. Por baixo desta encenação, as funções mantêm-se em primeiro plano: reservar, privatizar, vir.
Cada opção, e a sua razão.
A paleta vem do espaço
Verde-vagão, latão, vermelho-granada e creme: as cores são recolhidas dos frescos e da serralharia da sala. Nenhuma foi inventada.
Motivos Art Déco como separadores
Os filetes de separação retomam os motivos geométricos da decoração, em SVG leve. Dão o ritmo sem uma única imagem adicional.
O dossiê dos 190 anos
Uma secção de aniversário dedicada, tratada como um dossiê de imprensa: datas, números, arquivos. É um conteúdo que se partilha e que se cita.
Privatização tratada como um produto
Capacidades por sala, configurações, fórmulas. O banquete é uma parte importante da atividade de uma brasserie desta dimensão; merecia mais do que um parágrafo.
Paleta do projeto
Verde-vagão
#1F3B33
Fundo, madeiras
Latão
#C39A4E
Filetes, motivos
Granada
#7A2233
Destaques
Creme
#F4EDDF
Texto, superfícies claras
Sistema tipográfico
Títulos
Poiret One / Cormorant
Texto corrido
Inter 400
Uma display geométrica Art Déco para os títulos, equilibrada por uma sem serifa contemporânea em todo o corpo de texto — caso contrário, a página torna-se ilegível.
O que está por baixo do capô.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Renderização estática e imagens progressivas
Um site de encenação é pesado por natureza. Cada fotografia de sala é servida em várias larguras e em formatos modernos, com carregamento progressivo à medida que a página se desloca.
Motivos em SVG, nunca em imagem
Os separadores Art Déco pesam algumas centenas de bytes e mantêm-se nítidos em todas as resoluções.
Como o site se torna encontrável.
Pesquisas patrimoniais e transacionais
«Brasserie Georges Lyon», «plus grande brasserie de France» (a maior brasserie de França), «restaurant Perrache» de um lado; «réserver brasserie Lyon» (reservar), «banquet Lyon» do outro. Duas intenções, duas famílias de páginas.
Marcação Restaurant e Event
A brasserie tem um nó Restaurant completo; os 190 anos, um nó Event com data. Os eventos com data são retomados em superfícies de resultados específicas.
O que foi entregue.
- Início — a sala
- O menu
- Reservar
- Privatizar — capacidades e fórmulas
- 190 anos — o dossiê
- História desde 1836
- Acesso
As etapas do projeto.
Estudo do espaço
Levantamento de cores e motivos, arquivos, números.
Direção artística
Paleta recolhida, motivos vetorizados, ritmo das secções.
Design
Passeio pelas salas, funções em primeiro plano.
Desenvolvimento
Estático, imagens progressivas, motivos SVG.
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.