A Gália — Hamburgueria & Pregaria
Aplicação React de página única com um menu interativo e filtrável que organiza mais de 100 itens em 9 categorias. Integra avaliações de clientes, mapa de localização e fluxos de reserva simplificados.
Construído com um sistema de design medieval gaulês personalizado, com paleta em dourado (#A49057) e bordô (#390F0E), tipografia TimesTen personalizada e iconografia de elmo gaulês. O Framer Motion dá vida às animações acionadas pelo scroll, enquanto os formatos de imagem modernos (AVIF, WebP) garantem tempos de carregamento rápidos.
Visão Geral
Setor
Restauração e Bebidas — Restaurante/Hotelaria
Âmbito
Design e desenvolvimento completo de uma landing page responsiva para uma hamburgueria tradicional portuguesa, incluindo integração da marca, sistema de menu interativo, apresentação de avaliações de clientes, mapa de localização e implementação em Firebase
Prazo
3 dias do início ao lançamento (12-15 de maio de 2026) — sprint de desenvolvimento rápido para um website de pequeno negócio
Desafio
A Gália precisava de uma presença digital capaz de captar a sua identidade única de guerreiro gaulês medieval, tornando ao mesmo tempo o seu extenso menu (mais de 100 itens em 9 categorias) acessível e fácil de explorar. O restaurante precisava de uma solução mobile-first que funcionasse tanto para turistas como para clientes locais, com avaliações de clientes multilingues e informação clara de localização e contacto. A personalidade distintiva da marca tinha de sobressair sem comprometer a usabilidade nem os tempos de carregamento.
Solução
Construímos uma aplicação React de página única personalizada, com um sistema de design de tema medieval, com uma paleta em dourado (#A49057) e bordô (#390F0E), tipografia TimesTen personalizada e iconografia de elmo gaulês. O menu interativo utiliza separadores e filtros para organizar mais de 100 itens de forma lógica, enquanto o Framer Motion garante animações fluidas acionadas pelo scroll que reforçam a narrativa. Integrámos o Google Maps com uma moldura medieval personalizada, apresentámos avaliações autênticas de clientes e otimizámos todos os recursos com formatos modernos (AVIF, WebP) para conseguir tempos de carregamento rápidos, apesar da riqueza visual da experiência.
Funcionalidades Principais
Resultados
Stack Tecnológica
Pronto para Iniciar o Seu Projeto?
Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.