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.
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