La Vespa.

Cas d'estudi

Fusió food bar a Artà. Tapes de tota la vida, pasta i pinsa italianes, burgers i un viatge a Mèxic, tot a la Plaça del Conqueridor. Una one-page en sis idiomes amb scroll narratiu en GSAP, carta d'onze categories i reserves per WhatsApp amb calendari propi.

One-page multiidioma amb GSAP, entregada el Juliol del 2026.

Terrassa de La Vespa a la Plaça del Conqueridor d'Artà
El brief

Segona web per al mateix propietari: tres portes més enllà de Sorrentino's, amb una altra cuina i una altra personalitat.

La Vespa va obrir el 2023 a la mateixa plaça d'Artà que Sorrentino's, amb el mateix amo i el concepte oposat: fusió mediterrània amb tapes, pinsa romana, burgers i tex-mex. La web s'havia de diferenciar de la seva germana italiana sense perdre el que ja funcionava: carta llegible, reserves per WhatsApp i els sis idiomes que es parlen a la plaça.

  1. 01

    Tres cuines en una carta, sense caos

    Tapes, pasta i pinsa, burgers i Mèxic: onze categories amb més de 40 plats ordenades amb àncores per navegar amb el polze.

    Carta digital
  2. 02

    Reserves amb calendari, sense plataformes

    Un datepicker localitzat que sap que els dijous es tanca, compon el missatge i l'obre al WhatsApp del restaurant. 0 % comissió.

    Sense comissions
  3. 03

    Personalitat pròpia, amb moviment

    Scroll narratiu amb GSAP: la web es desplega com la carta d'un food bar, no com una plantilla de restaurant més.

    GSAP a mida

Una one-page que es recorre com la plaça: de la terrassa a la taula.

PHP propi, GSAP i ni un plugin a tota la casa.

La web amb més moviment del portfolio és també de les més lleugeres: 44 KB d'HTML, animació a mida i tot el JavaScript servit des del propi domini. Sense CDNs externs, sense WordPress, sense dependències que caduquin.

Arquitectura del sistema en 4 capes
  1. 01

    PHP a mida amb scroll narratiu.

    One-page en PHP propi amb GSAP, ScrollTrigger i SplitText perquè el contingut es desplegui al ritme de l'scroll. 44 KB d'HTML i resposta en 0,16 segons mesurats en producció.

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

    Carta d'11 categories, editable per idioma.

    Cada categoria i cada plat viuen en arxius de dades per idioma: canviar un preu és tocar una línia, no maquetar un PDF sis vegades. Més de 40 plats indexables per Google.

    • 11 categories
    • 40+ plats
    • Dades per idioma
    • Sin PDF
  3. 03

    Reserves amb calendari que sap quan tanques.

    Datepicker localitzat en els sis idiomes que bloqueja el dia de tancament setmanal, compon el missatge amb data, hora i persones i l'obre al WhatsApp del restaurant. Sense plataformes pel mig.

    • Calendari localitzat
    • Tancament setmanal bloquejat
    • 0 % comissió
    • Missatge preomplert
  4. 04

    Imatges AVIF i privacitat de sèrie.

    Hero en AVIF amb preload i fetchpriority, galeria en AVIF + WebP amb fallback, banner de cookies propi en sis idiomes i GA4 amb Consent Mode v2. Ràpida amb la foto gran i correcta amb el RGPD.

    • AVIF + WebP
    • Preload del hero
    • Consent en 6 idiomes
    • Schema Restaurant
Terrassa de La Vespa a Artà

Un food bar de plaça amb una web
que es mou com la seva cuina.

Veure web
Rendiment:

Respon en 0,16 s,
44 KB d'HTML

El que hi va guanyar La Vespa:
  • Identitat pròpia davant la seva germana italiana
  • Carta de 3 cuines navegable amb el polze
  • Reserves amb calendari, 0 % comissió
  • Sis idiomes i schema Restaurant complet
Del mateix propietari, a la mateixa plaça:

Sorrentino's, ristorante italià

Temps de resposta

TTFB mesurat en producció, amb GSAP, AVIF i 18 imatges de galeria a sobre.

6 idiomes
Castellà, català, anglès, alemany, italià i francès, cadascun amb URL pròpia, hreflang i carta traduïda

Més coses en cartera. Casos complets en camí.

Veure tots els projectes

El teu restaurant encara sense web pròpia?

Si el teu negoci té personalitat i la web no la reflecteix, o directament no existeix, parlem vint minuts. Et dic què té sentit en el teu cas i et passo una proposta tancada en dos o tres dies.

Reservar trucada de 20 min