Website para restaurante 2026
The Red Car Madeira
Site de um diner americano dos anos 50 no Funchal, com menu bilingue e um hambúrguer de nove camadas que se monta com o scroll.
O projeto
Site do The Red Car, um American 50's Diner no Funchal. Junta um menu que se consegue mesmo usar, a informação verificada para visitar e encomendar, e uma abertura em que o hambúrguer da casa se monta à medida que se faz scroll.
O hambúrguer tem nove camadas: pão, alface e maionese, e três andares de cheddar e carne. Cada camada cai no sítio com um ligeiro atraso em relação à anterior, e no fim aparecem o selo e os botões de ação. A navegação em ecrã inteiro e o painel de encomenda são acessíveis por teclado.
O português é a língua principal e o inglês está em /en. As fotografias do espaço são ainda material de protótipo, a confirmar com o cliente antes do lançamento público.
Em detalhe.
Direção visual.
Um drive-in moderno para um diner real do Funchal. Vai buscar o otimismo, as formas e a cor da cultura de estrada americana dos anos 50, mas com escala contemporânea, espaçamento editorial e movimento contido. Vermelho vivo, mostarda, creme e azul-marinho, com a Archivo variável em larguras diferentes para títulos e texto.
Tipografia
- Archivo
Cores
- #D72B20
- #F4B72F
- #FFF4DF
- #132654
- #111111
Por dentro.
-
01
A ordem, a posição e a direção de cada camada do hambúrguer estão num único ficheiro de configuração. O CSS desenha o estado final montado e o JavaScript só acrescenta o movimento.
-
02
O scroll é nativo, com uma faixa sticky em CSS e sem scroll-jacking. As camadas animam apenas transformações e uma única sombra combinada evita nove filtros caros.
-
03
Sem JavaScript, ou com prefers-reduced-motion, a história reduz-se a um ecrã com o hambúrguer já montado.
-
04
O menu móvel e o painel de encomenda prendem o foco, bloqueiam o scroll de fundo e fecham com Escape.
-
05
A imagem de produção é PHP-FPM imutável com Nginx à parte, assets Vite pré-compilados, OPcache e um volume persistente para o SQLite.
-
06
Os dados do negócio vivem em configuração e o menu em JSON, com testes para a página inicial e para a localização.
Projeto privado. Posso mostrá-lo numa chamada.