Diseño y Desarrollo Web

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.

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

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 Problema

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.

Nuestro Enfoque

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.

Qué Incluye

Características Clave

Sistema de Carta Interactiva
Galería con Carga Diferida
Integración con Reseñas de Google
Google Maps
Diseño Mobile-First
Tipografía a Medida
Animaciones Flotantes
React 19
Rendimiento

Resultados

6
Categorías de la carta
Categorías interactivas que filtran más de 40 platos
7
Secciones de la página
Secciones totalmente responsive, de la portada al pie
60-70%
Optimización de imágenes
Reducción del tamaño de archivo con formato WebP
100%
Calidad del código
Modo estricto, 0 errores de linter
Tecnología

Stack Tecnológico

React 19
TypeScript 5
Vite 7
Tailwind CSS 3
React Hook Form
Yup
Lucide React
Empezar

¿Listo para Empezar Tu Proyecto?

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

Web de Cabana di Pomodoro | Portafolio | low-key solutions