Diseño y Desarrollo Web

Tasca À Risca

Web de un restaurante portugués tradicional con cartas interactivas semanal y fija con filtrado por categorías, galería de fotos con lightbox, testimonios de clientes y Google Maps integrado. Admite contenido bilingüe (PT/EN) con detección automática del navegador y persistencia en localStorage.

Creada con React 19, TypeScript y Vite, con animaciones de Framer Motion activadas al hacer scroll, tipografías propias Tabac y Freight Text, y una paleta en azul marino y dorado que honra la tradición culinaria portuguesa con una experiencia de usuario moderna.

Fecha de finalización: marzo de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Restauración

Alcance

Web de restaurante completa con doble sistema de cartas (platos semanales rotativos y carta fija), contenido bilingüe, galería de fotos e integración con Google Maps

Plazo

3 semanas desde el diseño hasta el lanzamiento

El Problema

El Reto

Tasca À Risca necesitaba una presencia web profesional para mostrar su cocina portuguesa tradicional tanto a los clientes locales como a los visitantes internacionales. El restaurante necesitaba una solución capaz de mostrar dos tipos de carta distintos (platos semanales rotativos y una carta fija completa), admitir varios idiomas para los turistas y mantener una estética portuguesa elegante y auténtica, sin dejar de ser moderna y fácil de navegar en cualquier dispositivo.

Nuestro Enfoque

La Solución

Creamos una aplicación React moderna de una sola página con un sistema de diseño sofisticado que honra la tradición culinaria portuguesa. El sistema de carta interactivo incluye navegación por pestañas entre las sugerencias semanales y la carta fija, con un filtrado inteligente por categorías para vinos, entrantes y platos principales. Framer Motion aporta animaciones fluidas activadas al hacer scroll que mejoran la navegación sin distraer. Implementamos i18next para un soporte bilingüe impecable con detección automática de idioma, e integramos Google Maps para localizar el restaurante con facilidad. El resultado es una web rápida y optimizada para SEO, desplegada en Firebase Hosting con pipelines de CI/CD automatizados.

Qué Incluye

Características Clave

Diseño Responsive
Soporte Bilingüe (PT/EN)
Sistema de Carta Interactiva
Galería de Fotos
Integración con Google Maps
Reseñas de Clientes
Animaciones Fluidas
Mobile-First
Rendimiento

Resultados

95/100
Puntuación de rendimiento
Puntuación de rendimiento en Lighthouse con optimización de Vite y carga diferida
~450KB (gzipped)
Tamaño del build
Bundle de producción optimizado con división del código
100%
Adaptación a móvil
Totalmente responsive en todos los dispositivos con enfoque mobile-first
100/100
Puntuación SEO
Auditoría SEO de Google Lighthouse
Tecnología

Stack Tecnológico

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

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

Tasca À Risca | Portafolio | low-key solutions