Restaurante Projeto de demonstração
Brasa — grelha de autor com reservas online
Um one-pager escuro e editorial para uma grelha de carvão em Lisboa: menu tipográfico com filtros, garrafeira e um fluxo de reserva em quatro passos — tudo composto mobile-first, sem fotografia de banco.
feitura.pt/demo/brasa — Ao vivo
Um chef que vai abrir um restaurante de brasa no Chiado precisa de um site com a atmosfera da sala — escuro, quente, sem pressa. Tem de apresentar o menu completo e a garrafeira, receber reservas de mesa sem widgets de terceiros e ler-se lindamente no telemóvel que o cliente tira do bolso à porta.
O que está lá dentro
- Sistema de design escuro e quente (carvão, brasa, creme) feito só em CSS — sem fotografia
- Tipografia serifada editorial com ilustração de chama em SVG inline
- Menu tipográfico com linhas pontilhadas até ao preço e filtros por categoria
- Garrafeira dividida entre vinhos a copo e garrafas de guarda
- Fluxo de reserva em quatro passos: data, pessoas, hora, confirmação
- Lógica de disponibilidade com horários esgotados e encerramento à segunda
- Cabeçalho fixo translúcido com navegação por âncoras
- Rodapé com horário e morada, ligação por toque para telefone e email
- Movimento reduzido respeitado, contraste AA e alvos de toque de 44 px
Registo de construção
- Direção de arte e tokens de design — paleta carvão/brasa, escala serifada, estudos do SVG da chama
- Secções hero e manifesto, gradientes de brasa em camadas, cabeçalho fixo
- Composição do menu — linhas pontilhadas, filtros por categoria, copywriting PT-PT completo com preços em EUR
- Fluxo de reservas: máquina de estados do stepper, disponibilidade de horários, dias encerrados
- Garrafeira, rodapé com horário e morada, recomposição para tablet e desktop
- Revisão de acessibilidade — contraste, estados de foco, movimento reduzido — e polimento final
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
96
Performance
96
Accessibility
100
Best practices
100
SEO