Web de Cabana di Pomodoro
Web de un restaurante italiano auténtico con sistema de carta interactivo y filtrado por categorías, con más de 40 platos en 6 categorías italianas (Pizza, Pasta, Risotto, Antipasti, Couvert y Dolce), galería de fotos con carga diferida, reseñas de Google integradas y Google Maps embebido con los datos de contacto.
Creada con React 19, TypeScript y Tailwind CSS, con tipografías de temática italiana (Camboge y Quicksand), una paleta inspirada en los ingredientes italianos (rojo tomate, verde albahaca y crema), efectos de animación flotante y diseño responsive mobile-first.
Resumen
Sector
Restauración - Restaurante Italiano
Alcance
Diseño y desarrollo web completo del restaurante, con sistema de color alineado con la marca, tipografía a medida, carta interactiva con más de 40 platos en 6 categorías, galería de fotos, sistema de reseñas e integración de la ubicación con Google Maps
Plazo
3 semanas desde el diseño inicial hasta el lanzamiento en producción
El Reto
Cabana di Pomodoro, un nuevo restaurante italiano auténtico en Mafra, necesitaba una presencia digital que reflejara su compromiso con la cocina italiana tradicional y su elegancia rústica. El restaurante necesitaba una web capaz de mostrar su extensa carta (más de 40 platos en 6 categorías italianas), comunicar su identidad de marca y ofrecer información esencial como la ubicación y las reseñas sin abrumar al visitante. El diseño debía funcionar a la perfección en el móvil sin perder la calidez y la autenticidad de una trattoria italiana.
La Solución
Diseñamos una web moderna y mobile-first que combina la estética rústica italiana con el diseño web contemporáneo. La paleta de color a medida se inspira en los ingredientes italianos (rojo tomate, verde albahaca y fondos color crema), mientras que la tipografía propia (Camboge y Quicksand) aporta elegancia. Un sistema de carta interactivo con filtrado por categorías permite explorar con facilidad más de 40 platos entre Pizza, Pasta, Risotto, Antipasti, Couvert y Dolce. Los efectos de animación flotante repartidos por la web aportan interés visual sin penalizar el rendimiento, y las imágenes con carga diferida garantizan cargas rápidas incluso en el móvil.
Características Clave
Resultados
Stack Tecnológico
¿Listo para Empezar Tu Proyecto?
Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.