← Trabalhos
Mauricia
Landing page para uma casa de francesinhas no Porto. Faixas de cor quente, títulos com sombra dura que cresce ao entrar, pratos em fotografia recortada em sóis de feira e reserva de mesa direta pelo WhatsApp.
- Segmento
- Restaurante
- Entrega
- Landing page
- Origem
- Projeto conceito
- Ano
- 2026
- Tecnologia
- Astro, Tailwind CSS, GSAP
Projeto conceito: o negócio é fictício, criado para explorar o segmento. O design e o código são reais.
O desafio
Uma francesinha vende-se pelo apetite, não pela descrição. A casa precisava de uma página que tivesse a energia do Porto à noite e que levasse quem tem fome a reservar mesa em poucos toques.
A solução
- Cor de molho. Laranja, rosa e amarelo em faixas largas, com títulos grossos e sombra dura, como cartaz de tasca.
- Menu em fotografia. Cada prato aparece na sua foto, recortada numa estrela, sobre um sol amarelo que roda devagar. Saíram os ícones desenhados e a mãozinha.
- Experiência de scroll (GSAP). As letras do título caem e ressaltam, a sombra dura das letras cresce de 0 a 6 px quando cada título entra, a foto do topo abre de baixo para cima, o letreiro acelera com a velocidade do scroll, duas linhas gigantes correm em sentidos opostos e os pratos saltam para o lugar. Tudo parado para quem prefere menos movimento.
- Regras da casa. Um toque de humor que dá personalidade e prende a leitura.
- Reserva pelo WhatsApp. Nome, dia, hora e pessoas; a mensagem segue pronta para o restaurante.
- Contactos genéricos do Porto. Morada na Rua de Cedofeita e e-mail de exemplo.
O que uma casa real ganharia
- Reservas a chegar já com dia, hora e número de pessoas.
- Menos chamadas a perguntar o menu e o horário.
- Uma marca que se lembra, para partilhar nas redes.
A estrutura
A landing numa folha
Role dentro da moldura: é o site real, a correr dentro da Babrand.
