VITALIANO es un grupo ficticio de restaurantes italianos con tres locales —«casas», como los llama la web—: Moscú, San Petersburgo y Sochi, cuya apertura está prevista para 2027. 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, 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 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 que pasa a la reserva como pedido anticipado.

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, una galería horizontal fija de platos de la casa, una elipse que se dibuja sola como a mano y botones magnéticos con forma de sello. La web está hecha con HTML, CSS y JavaScript con GSAP, ScrollTrigger y Lenis; las reservas y la cuenta son datos de demostración guardados en el localStorage del navegador.

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, buenas prácticas 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, buenas prácticas 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.