Web Design e Desenvolvimento

Tasca À Risca

Website de restaurante tradicional português com menus semanais e fixos interativos com filtragem por categoria, galeria de fotografias com lightbox, testemunhos de clientes e Google Maps integrado. Suporta conteúdo bilingue (PT/EN) com deteção automática do navegador e persistência em localStorage.

Construído com React 19, TypeScript e Vite, com animações acionadas pelo scroll em Framer Motion, fontes personalizadas Tabac e Freight Text, e uma paleta em azul-marinho e dourado que honra as tradições culinárias portuguesas com uma experiência de utilizador moderna.

Data de Conclusão: março de 2026
Visitar Site
Detalhes do Projeto

Visão Geral

Setor

Restauração e Bebidas

Âmbito

Website completo de restaurante com sistema de menu duplo (pratos semanais rotativos + menu fixo), conteúdo bilingue, galeria de fotografias e integração com Google Maps

Prazo

3 semanas do design ao lançamento

O Problema

Desafio

A Tasca À Risca precisava de uma presença online profissional para apresentar a sua cozinha tradicional portuguesa a visitantes locais e internacionais. O restaurante precisava de uma solução capaz de mostrar dois tipos de menu diferentes (pratos semanais rotativos e um menu fixo abrangente), suportar vários idiomas para turistas e manter uma estética portuguesa elegante e autêntica, sendo simultaneamente moderna e fácil de navegar em todos os dispositivos.

A Nossa Abordagem

Solução

Construímos uma aplicação React moderna de página única com um sistema de design sofisticado que honra as tradições culinárias portuguesas. O sistema de menu interativo inclui navegação por separadores entre as sugestões semanais e o menu fixo, com filtragem inteligente por categoria para vinhos, entradas e pratos principais. O Framer Motion garante animações fluidas acionadas pelo scroll que enriquecem a experiência de navegação sem distrair. Implementámos o i18next para um suporte bilingue transparente com deteção automática do idioma e integrámos o Google Maps para facilitar a localização. O resultado é um website rápido e otimizado para SEO, implementado em Firebase Hosting com pipelines CI/CD automatizados.

O Que Está Incluído

Funcionalidades Principais

Design Responsivo
Suporte Bilingue (PT/EN)
Sistema de Menu Interativo
Galeria de Fotografias
Integração com Google Maps
Avaliações de Clientes
Animações Fluidas
Mobile-First
Desempenho

Resultados

95/100
Pontuação de Desempenho
Pontuação de desempenho Lighthouse com otimização Vite e carregamento diferido
~450KB (gzipped)
Tamanho do Build
Bundle de produção otimizado com divisão de código
100%
Responsividade Mobile
Totalmente responsivo em todos os dispositivos, com abordagem mobile-first
100/100
Pontuação SEO
Auditoria SEO do Google Lighthouse
Tecnologia

Stack Tecnológica

React 19
TypeScript
Vite
Tailwind CSS 3.4
Framer Motion
i18next
React Hook Form
Yup
Radix UI
Firebase Hosting
Começar

Pronto para Iniciar o Seu Projeto?

Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.

Tasca À Risca | Portfólio | low-key solutions