La Vespa.

Caso de estudio

Fusión food bar en Artà. Tapas de toda la vida, pasta y pinsa italianas, burgers y un viaje a México, todo en la Plaça del Conqueridor. Una one-page en seis idiomas con scroll narrativo en GSAP, carta de once categorías y reservas por WhatsApp con calendario propio.

One-page multiidioma con GSAP, entregada en Julio 2026.

Terraza de La Vespa en la Plaça del Conqueridor de Artà
El brief

Segunda web para el mismo propietario: tres puertas más allá de Sorrentino's, con otra cocina y otra personalidad.

La Vespa abrió en 2023 en la misma plaza de Artà que Sorrentino's, con el mismo dueño y el concepto opuesto: fusión mediterránea con tapas, pinsa romana, burgers y tex-mex. La web tenía que diferenciarse de su hermana italiana sin perder lo que ya funcionaba: carta legible, reservas por WhatsApp y los seis idiomas que se hablan en la plaza.

  1. 01

    Tres cocinas en una carta, sin caos

    Tapas, pasta y pinsa, burgers y México: once categorías con más de 40 platos ordenadas con anclas para navegar con el pulgar.

    Carta digital
  2. 02

    Reservas con calendario, sin plataformas

    Un datepicker localizado que sabe que los jueves se cierra, compone el mensaje y lo abre en el WhatsApp del restaurante. 0 % comisión.

    Sin comisiones
  3. 03

    Personalidad propia, con movimiento

    Scroll narrativo con GSAP: la web se despliega como la carta de un food bar, no como una plantilla de restaurante más.

    GSAP a medida

Una one-page que se recorre como la plaza: de la terraza a la mesa.

PHP propio, GSAP y ni un plugin en toda la casa.

La web con más movimiento del portfolio es también de las más ligeras: 44 KB de HTML, animación a medida y todo el JavaScript servido desde el propio dominio. Sin CDNs externos, sin WordPress, sin dependencias que caduquen.

Arquitectura del sistema en 4 capas
  1. 01

    PHP a medida con scroll narrativo.

    One-page en PHP propio con GSAP, ScrollTrigger y SplitText para que el contenido se despliegue al ritmo del scroll. 44 KB de HTML y respuesta en 0,16 segundos medidos en producción.

    • PHP propio
    • GSAP + ScrollTrigger
    • HTML 44 KB
    • TTFB 0,16 s
  2. 02

    Carta de 11 categorías, editable por idioma.

    Cada categoría y cada plato viven en archivos de datos por idioma: cambiar un precio es tocar una línea, no maquetar un PDF seis veces. Más de 40 platos indexables por Google.

    • 11 categorías
    • 40+ platos
    • Datos por idioma
    • Sin PDF
  3. 03

    Reservas con calendario que sabe cuándo cierras.

    Datepicker localizado en los seis idiomas que bloquea el día de cierre semanal, compone el mensaje con fecha, hora y personas y lo abre en el WhatsApp del restaurante. Sin plataformas de por medio.

    • Calendario localizado
    • Cierre semanal bloqueado
    • 0 % comisión
    • Mensaje prellenado
  4. 04

    Imágenes AVIF y privacidad de serie.

    Hero en AVIF con preload y fetchpriority, galería en AVIF + WebP con fallback, banner de cookies propio en seis idiomas y GA4 con Consent Mode v2. Rápida con la foto grande y correcta con el RGPD.

    • AVIF + WebP
    • Preload del hero
    • Consent en 6 idiomas
    • Schema Restaurant
Terraza de La Vespa en Artà

Un food bar de plaza con una web
que se mueve como su cocina.

Ver web
Rendimiento:

Responde en 0,16 s,
44 KB de HTML

Lo que ganó La Vespa:
  • Identidad propia frente a su hermana italiana
  • Carta de 3 cocinas navegable con el pulgar
  • Reservas con calendario, 0 % comisión
  • Seis idiomas y schema Restaurant completo
Del mismo propietario, en la misma plaza:

Sorrentino's, ristorante italiano

Tiempo de respuesta

TTFB medido en producción, con GSAP, AVIF y 18 imágenes de galería a cuestas.

6 idiomas
Castellano, catalán, inglés, alemán, italiano y francés, cada uno con URL propia, hreflang y carta traducida

Más cosas en cartera. Casos completos en camino.

Ver todos los proyectos

¿Tu restaurante todavía sin web propia?

Si tu negocio tiene personalidad y la web no la refleja, o directamente no existe, hablemos veinte minutos. Te digo qué tiene sentido en tu caso y te paso una propuesta cerrada en dos o tres días.

Reservar llamada de 20 min