En este artículo te voy a enseñar, con el caso real de la web del Hotel Restaurante de Karlos Arguiñano, cómo una web puede ser visualmente espectacular y transmitir perfectamente una experiencia de lujo, pero fallar en lo más básico a la hora de convertir visitantes en reservas. Te lo explico paso a paso, con datos técnicos y ejemplos concretos.

Soy Omar Pumariega, diseñador web profesional desde 2017, y en mi canal de YouTube analizo páginas web de todo tipo con un carácter puramente formativo. En este caso, tomé la web de Karlos Arguiñano, la analicé con herramientas como PageSpeed Insights, y recorrí cada sección para ver qué funciona y qué no desde la perspectiva de un usuario que quiere reservar. Yo no sé programar, ¿vale? Pero sí sé lo que hace que una web venda o no.

Primera impresión: cuando un vídeo vale más que mil palabras

Nada más entrar en la web, lo primero que te encuentras es un vídeo. Y no es un vídeo cualquiera. Se ve el hotel con una calidad increíble, super trabajado, con detalles como luces encendidas, la firma de Karlos, las habitaciones, el restaurante, la playa… Escogieron el día perfecto para grabar. Eso, antes de que leas una sola palabra, ya te está transmitiendo exactamente lo que debería transmitirte este restaurante y hotel: una experiencia de lujo, cuidado y detalle.

El poder del first content

Ese vídeo es lo que llamamos el «first content», el primer contenido que carga. Es una apuesta arriesgada, porque el vídeo pesa y puede ralentizar la carga, pero cuando está tan bien hecho como en este caso, el impacto vale la pena. Te hace sentir como si ya estuvieras allí, ¿vale? Ves el antiguo palacete, la Villa Aiala de principios del siglo XX situado en primera línea de playa en Zarautz, y automáticamente entiendes el valor del sitio. No te están vendiendo una habitación, te están vendiendo una sensación.

Transmitir la experiencia antes de vender

Esa es la clave. Muchas webs empiezan directamente con un «Reserva ahora» o una lista de precios. Aquí, primero te sumergen en la experiencia. Te muestran lo que vas a vivir. Y eso genera un deseo mucho más potente que cualquier argumento de venta. Es como si te dejaran probar el coche antes de hablar de financiación. Funciona. Y en un negocio como la hostelería de gama alta, donde se venden vivencias y no productos, es la estrategia correcta.

El test de rendimiento: ¿carga rápido o se queda colgado?

Claro, con un vídeo tan potente de entrada, una pregunta obligada es: ¿y la web carga rápido o se queda colgado? Porque de nada sirve un vídeo espectacular si tarda tres minutos en cargar y el usuario se va antes de verlo.

Análisis con PageSpeed Insights

Lo primero que hice fue meter la URL en PageSpeed Insights, la herramienta de Google para medir rendimiento. ¿El resultado? En móvil, la evaluación de métricas principales no se superó. Es decir, hay margen de mejora. El rendimiento marcaba un 85, que está bien, pero se puede mejorar. La accesibilidad, las prácticas recomendadas y el SEO estaban bien. Y esto lo dice Google, eh, no lo digo yo.

El trade-off entre vídeo y velocidad

¿Por qué ese 85 y no un 100? Pues precisamente por el vídeo. El análisis muestra que lo primero que carga es el menú y el texto, pero el vídeo tarda un poquito más. Es el clásico trade-off: eliges impacto visual a cambio de unos milisegundos de velocidad. En este caso, para el tipo de cliente al que va dirigido (que probablemente no tenga una conexión de datos limitada) y para la experiencia que quieren dar, me parece una compensación aceptable. No es óptimo, pero es una decisión consciente, ¿vale?

Resultados en móvil vs. ordenador

Aquí hay un dato curioso. Si hacemos la misma prueba desde ordenador, los resultados son mucho mejores. La evaluación de métricas principales sí se supera y el rendimiento es superior. Esto es bastante común, porque en ordenador la potencia de procesamiento y la conexión suelen ser mejores. Pero nos da una pista: la experiencia en móvil, aunque sea buena, es donde más hay que cuidar la optimización. Y hoy en día, la mayoría del tráfico viene desde el móvil.

Recorrido por la web: aciertos visuales y de contenido

Después del vídeo inicial, la web sigue por buen camino. No decae. Vamos a ver qué hace bien, que es mucho.

  • Fotografía y diseño que venden. Las fotos que siguen son de una calidad excelente. Se ve el interior de las habitaciones, el bar con terraza, los platos, las vistas a la playa… Todo transmite autenticidad y lujo. Es muy importante que las fotos muestren el negocio real, que el usuario pueda imaginarse allí. Y aquí lo consiguen. No son fotos de stock genéricas; son de su hotel, de su restaurante. Eso genera confianza.
  • La sección ‘Regala una experiencia’. Este es un acierto enorme. No solo venden estancias o cenas, venden packs experiencia. Por ejemplo, una noche de hotel con desayuno y comida o cena de menú. Esto es perfecto para regalos o para gente que viene de fuera y quiere vivir «la experiencia Arguiñano» completa. Le da un valor añadido al negocio y abre otro canal de ventas. Muy bien pensado.
  • El gestor de reservas integrado (un gran acierto). Esto es de lo mejor que tiene la web. Cuando pinchas en «Reservar», te sale un módulo integrado directamente en la página donde puedes elegir entre restaurante y hotel, seleccionar personas, fecha, etc. ¿Por qué es tan bueno? Porque el usuario no tiene que salir de tu web hacia un gestor externo (como Eltenedor o Booking). Cada vez que derivas tráfico a otra página, pierdes clientes por el camino. Que todo esté integrado hace el proceso más fluido y evita abandonos. Es un detalle técnico que tiene un impacto directo en las conversiones.

Además, el contenido refuerza esta imagen de negocio familiar y de calidad. Sabemos que el hotel tiene 12 habitaciones y que es un negocio familiar que comenzó con la apertura del restaurante en 1979, ampliándose con el hotel en 1990. También que la cocina del restaurante está dirigida por Zigor Arguiñano (hijo de Karlos) y María Torres, y se basa en producto local y de temporada. Son datos que, bien presentados, construyen una historia y le dan profundidad a la marca.

Los 3 errores de conversión que le cuestan clientes (y cómo solucionarlos)

Y ahora viene lo importante. Por muy bonita que sea la web, si falla en la conversión, está perdiendo dinero. Y en mi análisis, encontré tres errores básicos que, estoy seguro, le están costando clientes al hotel. Son detalles «tontos», pero en internet, el diablo está en los detalles.

  1. Datos de contacto no clicables. Esto es un fallo gordo, de verdad. En el pie de página (footer) de la web, están la dirección, el teléfono y el email. Si haces clic en ellos… no pasa nada. No se abre Google Maps con la ubicación, no se inicia una llamada, no se abre el cliente de correo con un email dirigido a ellos. El usuario tiene que copiar y pegar manualmente. ¿Cuánta gente se dará por vencida? Bastante, te lo digo yo. La solución es de lo más simple: convertir cada dato en un enlace. El teléfono, con un tel:; el email, con un mailto:; y la dirección, con un enlace a Google Maps. Es una hora de trabajo para un desarrollador y puede aumentar las consultas de forma notable.
  2. Carta del bar enlazada a una app externa. En la sección del bar, hay un botón para «Ver la carta». ¿Qué pasa cuando lo pulsas? Se abre una aplicación o un visor PDF externo. No te digo que esté mal, pero es una fricción innecesaria. Lo ideal sería que la carta se mostrara directamente en la web, en una página propia. Así el usuario no sale del entorno controlado, la carga es más rápida y es más accesible. Cada clic que lleva al usuario «fuera» es una oportunidad para que se distraiga y no vuelva.
  3. Títulos y párrafos demasiado largos en móvil. Cuando ves la web desde el móvil, hay algunos títulos (etiquetas H2) que son parrafadas enormes. Ocupan cuatro o cinco líneas en pantalla. Eso cuesta leerlo y dispersa la atención. Un título tiene que ser impactante y escaneable, máximo dos o tres líneas. Los textos largos van en párrafos separados. Es un error de maquetación responsive que se soluciona revisando los puntos de ruptura (breakpoints) en el diseño y ajustando el tamaño de fuente o el ancho de los contenedores para móvil.

Vista desde el móvil: la experiencia real del usuario

Como te decía antes, hoy la web se ve principalmente desde el móvil. Y en general, la de Arguiñano responde bien. Es responsive, se adapta a la pantalla, los botones son grandes y fáciles de pulsar… pero hay un par de detalles que chirrían.

¿Es responsive de verdad?

Sí, lo es. El menú se convierte en una hamburguesa, las columnas se apilan, las imágenes se redimensionan… La base técnica está bien.

El hueco blanco y el scroll innecesario

En una parte concreta de la página, en móvil, aparece un hueco blanco, un espacio vacío que no debería estar ahí. Me pasó justo después del vídeo principal, en la transición a la siguiente sección. No rompe la web, pero obliga al usuario a hacer scroll de más sin ver contenido. Son esos pequeños fallos de maquetación que delatan que no se ha testeado lo suficiente en dispositivos reales. Un repaso con varias herramientas de emulación de móviles o, mejor aún, probando en un teléreal, lo hubiera detectado.

Legibilidad en pantallas pequeñas

Aparte del problema de los títulos largos que ya comenté, el resto del texto se lee bien. Los contrastes son correctos y el tamaño de fuente, en general, es adecuado. Pero ese detalle de los títulos largos es importante, porque son los elementos que guían la lectura. Si son un bloque de texto, el usuario puede saltárselos.

Conclusión: ¿qué podemos aprender de la web de Arguiñano?

Este análisis no es para criticar, es para aprender. La web del Hotel Restaurante de Karlos Arguiñano es muy buena en muchos aspectos, pero nos deja lecciones claras sobre lo que no se puede descuidar nunca.

  • La base está muy bien: branding, contenido visual, integración. Han entendido que venden una experiencia y han usado vídeo y fotografía de altísima calidad para transmitirla. Tener el gestor de reservas integrado es una decisión inteligente que muchas empresas más grandes no toman. Es un establecimiento de cuatro estrellas y la web, en esencia, está a la altura.
  • El diablo está en los detalles (de conversión). Puedes tener la web más bonita del mundo, pero si el teléfono no es clicable, estás poniendo una barrera innecesaria a tu cliente. Estos errores no son de tecnología punta; son de sentido común y de ponerse en la piel del usuario que tiene prisa, que está desde el móvil y quiere contactar con un clic. Se solucionan en poco tiempo y su ROI (retorno de la inversión) es enorme.
  • Checklist para auditar tu propia web. ¿Qué puedes hacer tú? Coge tu web y haz este recorrido:
    1. Prueba todos los contactos: Haz clic en el teléfono desde el móvil. ¿Llama? Haz clic en el email. ¿Se abre tu gestor de correo? Haz clic en la dirección. ¿Abre Maps?
    2. Revisa los procesos clave: ¿Un usuario puede completar una reserva, compra o formulario sin salir de tu web? Si no, plantéate integrarlo.
    3. Mírala en el móvil de verdad: No solo en el ordenador reduciendo la ventana. Usa un teléfono. ¿Hay espacios vacíos raros? ¿Los textos y botones se leen y pulsan bien?
    4. Analiza la velocidad: Mete tu URL en PageSpeed Insights. No busques un 100, pero si está por debajo de 70 en móvil, tienes trabajo que hacer.

Al final, una página web no es un escaparate estático. Es una herramienta de trabajo. Tiene que ayudar a conseguir clientes. La de Arguiñano tiene un potencial brutal y con unos pequeños ajustes en esos detalles de conversión, podría ser aún más efectiva.

Si quieres ver el análisis en vídeo, donde recorro la web en directo y te muestro cada uno de estos puntos, lo tienes en mi canal de YouTube. Y si tienes dudas sobre tu propia web o quieres que la audite en profundidad, ya sabes donde encontrarme.