VITALIANO: web conceptual de un restaurante donde el cliente elige su mesa

VITALIANO es un grupo ficticio de restaurantes italianos con tres locales: Moscú, San Petersburgo y Sochi, cuya apertura está prevista para 2027. VITON¹³ lo creó como concepto para mostrar lo que puede hacer la web de un restaurante más allá de la carta y un número de teléfono. El sitio está en inglés, con los platos en italiano.

La web tenía que responder a lo que un cliente se pregunta antes de cenar: qué hay en la carta y cuánto cuesta, qué beber con ello, dónde está cada local y en qué mesa exacta se sentará. Reservar tenía que ser elegir un sitio, no rellenar un formulario.

14 páginas: portada, La Carta, Il Sommelier, Il Tavolo (reservas), confirmación de reserva, eventos privados, Le Case (los locales en un mapa), Chi siamo (quiénes somos), empleo, contacto, una cuenta de demostración con reservas, aviso legal, privacidad y una página 404. La carta reúne 34 platos y 8 vinos con precio; al recorrer la lista con el cursor, una foto del plato lo sigue.

Il Tavolo dibuja el plano de cada local con 20 mesas: mesas para dos junto a la ventana, la sala principal, una tavolata compartida, una barra del chef junto al horno de leña, un reservado y una terraza. La disponibilidad cambia según el local, la fecha, la hora y el número de comensales; al pasar el cursor, cada mesa cuenta qué la hace especial, y «Surprise me» elige el mejor sitio libre.

Il Sommelier da a cada plato y a cada vino un perfil de sabor en cuatro dimensiones. El cliente ajusta cuatro controles deslizantes y un estado de ánimo, y la web compone el antipasto, el principal, el postre y la copa más cercanos en un menú con precio y un porcentaje de coincidencia para cada uno. Lo elegido en la carta o en el sumiller se convierte en un pedido anticipado que pasa a la reserva y se sirve cuando el cliente se sienta.

El recorrido clave es Carta → Sumiller → Reserva: el cliente lee La Carta, deja que el sumiller arme la cena, lleva ese pedido a Il Tavolo, elige mesa y recibe una confirmación que también aparece en la cuenta de demostración. El movimiento marca el ritmo: un precargador con contador, transiciones de cortina color oliva entre páginas, titulares que aparecen línea a línea, parallax, una galería horizontal fija de platos de la casa, una elipse que se dibuja sola como a mano, cintas de texto que aceleran con el scroll, botones magnéticos con forma de sello y un cursor propio.

La web está hecha con HTML, CSS y JavaScript sin paso de compilación. La cabecera, el pie y las capas superpuestas salen de un único script compartido, así que son idénticos en todas las páginas; GSAP con ScrollTrigger y Lenis se encargan de la animación y el scroll. Las reservas y la cuenta son datos de demostración guardados en el localStorage del navegador y no se envían a ningún sitio. Las fotos y los vídeos son fotografía y vídeo de stock con licencia de Unsplash y Pexels, cargados directamente desde sus CDN.

El concepto existe como 14 páginas funcionales con 34 platos, 8 vinos, 3 locales y 20 mesas en cada plano. Lighthouse midió la portada el 22 de septiembre de 2026. En móvil, con la limitación por defecto: rendimiento 70, accesibilidad 94, prácticas recomendadas 77 y SEO 100, con un LCP de 5,0 s, un CLS de 0,015 y una página de 5,4 MB en 31 solicitudes. En escritorio: rendimiento 93, accesibilidad 94, prácticas recomendadas 77 y SEO 100, con un LCP de 1,0 s y un CLS de 0,025.

Las comprobaciones sobre las 13 páginas renderizadas en Chrome (sin la 404) encontraron un título único y un solo H1 en cada página, el atributo lang con valor en, un diseño que cabe en 390 px sin scroll horizontal, texto alternativo en el 100 % de las imágenes y 0 enlaces internos rotos. Canonical, Open Graph y datos estructurados están en 0 de 13 páginas, y no hay sitemap.xml ni robots.txt.

VITALIANO es un concepto que VITON¹³ creó para mostrar su alcance, no un proyecto encargado. El grupo, sus tres locales, las personas, los platos, los precios y las direcciones son ficticios. La web no tiene dominio, ni visitas, ni tráfico de búsqueda, ni reservas: cada reserva y cada pedido anticipado son datos de demostración que se quedan en el navegador. Las fotos y los vídeos son fotografía y vídeo de stock con licencia de Unsplash y Pexels.

Las puntuaciones de Lighthouse son mediciones de laboratorio de la portada en un solo día, no datos de clientes reales, y un SEO de 100 solo cubre lo básico. El caso no muestra cómo funcionaría la reserva con un sistema de reservas real, una cocina o un pago, ni demuestra que la web vaya a llevar clientes a un restaurante.