Saltar al contenido

← Volver a la portada

Concepto

Velàlia

Restaurante de alta cocina · Tres idiomas

La web de un restaurante de este nivel falla casi siempre por lo mismo: la carta es un PDF que no se lee en el móvil, los alérgenos no están escritos, la reserva la lleva un widget de otra empresa que tarda en aparecer y trae cookies, y todo está en un solo idioma en una costa donde media mesa no habla castellano.

Portada de Velàlia en modo oscuro: el nombre en tipografía romana sobre un campo de viento dibujado en azul noche, con los botones de reservar mesa y ver los menús, y una rosa de los vientos en la esquina.

La decisión

Que la identidad ordene el contenido en lugar de decorarlo. Los dos menús degustación no se llaman «corto» y «largo»: se llaman Garbí y Mestral, los dos vientos del lugar. La rosa de cada tarjeta apunta a los grados reales de ese viento, y el campo de aire de cada sección sopla en esa misma dirección. Los grados salen de un solo archivo, así que la aguja y el nombre no se pueden descuadrar.

De ahí sale también el movimiento. Nada aparece «hacia arriba», como en cualquier web con scroll: todo entra de lado y ligeramente girado, empujado. Los titulares no se desvanecen, se despliegan de izquierda a derecha, como una vela que se larga.

La carta va escrita como texto, con los alérgenos por su nombre y no en iconos: un icono de alérgeno es un idioma que casi nadie habla y que depende de saber que ese dibujo es una espiga. Y la reserva es propia: sin widget, sin cookies y sin banner.

El resultado

Trece páginas en tres idiomas con las rutas traducidas: en inglés la carta vive en /en/the-menus, no en /en/la-carta. Cuesta una tabla y es la diferencia entre una web traducida y una web en tres idiomas.

Veintiún pasos de menú con su fotografía y sus alérgenos en los tres idiomas. Modo claro y oscuro. Y la carta no se puede publicar con un alérgeno mal escrito: el esquema falla al compilar y la web no sale.

Lo medido

Portada 53 KB en 4 peticiones, sin un byte de imagen
Lighthouse móvil 100 rendimiento · 100 accesibilidad · 100 buenas prácticas
LCP · CLS 1,4 s · 0
axe-core 0 incumplimientos en 6 páginas × 5 entornos
Sin JavaScript Funciona, y hay una prueba automática que lo comprueba
Terceros · cookies 0 · 0

Va con noindex a propósito: Velàlia no existe y no tiene por qué salir en las búsquedas de la Costa Daurada junto a restaurantes que sí. Es también por lo que su SEO marca 69 y no 100.

Con qué está hecho

  • Astro
  • TypeScript
  • Content Collections
  • i18n
  • axe-core
  • Playwright
  • Lighthouse