Saltar al contenido

Auditoría y web · 2026

Posada San Martín

Una posada excavada en la roca de Cuenca cuya web escondía las habitaciones. Auditoría de 30 hallazgos y rediseño de la landing.

Rol
Evaluación heurística, dirección de arte y diseño de interfaz (individual)
Equipo
Individual
Duración
Septiembre de 2026
Herramientas
Figma · Figma Make · Google Sheets
Contexto
Proyecto del curso de UX/UI en CEI sobre una web real
Portada actual de posadasanmartin.com, con el menú de pestañas, un bloque de texto y el logotipo en vertical.
Portada rediseñada de Posada San Martín, con las casas colgadas sobre la roca, el nombre en cursiva y la navegación oscura.
Arrastra la línea o usa las flechas del teclado para comparar. Antes: posadasanmartin.com, septiembre de 2026. Después: rediseño en Figma Make, sin lanzar.

Individual

Resumen

Problema
La web de una posada con una tarea real, reservar, no enseñaba sus alojamientos y los llamaba «Piso −1 … −5».
Qué hice
Una auditoría heurística de Nielsen con 30 hallazgos y el rediseño de la landing.
Resultado
Una landing que convierte el descenso del edificio en la navegación. Pendiente de validar con usuarios.
Ir a la solución ↓

Individual Elección

Contexto

De las cuatro webs que propuso el curso, elegí esta porque era la única con una tarea transaccional, reservar, y contenido suficiente para auditar. Además, conozco cómo se vende una habitación de hotel desde dentro: trabajé en el Hotel Arts de Barcelona y en Small Luxury Hotels of the World.

Individual Auditoría

Investigación

30

Hallazgos: 4 de severidad 4, 15 de severidad 3 y 11 de severidad 2. Media de 2,8. Fuente: Auditoría heurística propia de la landing de posadasanmartin.com, septiembre de 2026
Portada actual de posadasanmartin.com, con el menú de pestañas, un bloque de texto y el logotipo en vertical.
La web actual. Los alojamientos se llaman Piso −1 … −5 y la portada no enseña ninguno.

Las habitaciones se llaman como el ascensor

Los cinco alojamientos aparecen como «Piso −1» a «Piso −5». Es la nomenclatura interna del edificio, no el lenguaje de quien reserva: no dice capacidad ni experiencia. Severidad 4.

La portada no enseña lo que se vende

La landing no presenta los alojamientos: ni nombre, ni capacidad, ni precio, ni una foto. Es lo que el usuario viene a decidir. Severidad 4.

El resto de hallazgos se agrupan en lenguaje del huésped, precio oculto y jerarquía. El informe completo, con las 30 filas, está disponible si lo pides.

Individual Rediseño

Decisiones clave

Descartado

Un catálogo por plantas numeradas

Elegido

«El edificio es la navegación»: bajar por la página es bajar por la posada

La posada ocupa seis alturas bajo la calle Alfonso VIII. Renombré los alojamientos por experiencia y capacidad (Apartamento Cielo, Suite Roca, Habitación Mirador…) y dejé la planta solo como dato.

Descartado

La estructura de El Fenn (46.800 px y 18 entradas de menú)

Elegido

La estructura narrativa de Casa Angelina (9.200 px)

En El Fenn las habitaciones aparecen a 12.400 px de profundidad. Para una posada de cinco alojamientos, el relato corto gana.

Descartado

Los alojamientos al 60 % de la página, como en Casa Angelina

Elegido

Los alojamientos al 40 %

El hallazgo más grave era que la portada no los enseñaba, así que suben.

Individual Rediseño

Solución

La versión final la hice en Figma Make y la llevé a Figma: EB Garamond en cursiva para los titulares, Jost para la interfaz y la paleta cream y burgundy que sale del logotipo.

Sección Cinco estancias únicas: cinco tarjetas con foto, nombre, capacidad, precio y botón de reserva.
Los cinco alojamientos, nombrados por experiencia, con su capacidad y las tarifas reales.
Dos estados de la navegación: arriba, translúcida sobre la foto; debajo, opaca al hacer scroll.
La navegación fija: translúcida sobre la portada y opaca al bajar.
Barra de disponibilidad con entrada, salida y huéspedes, en reposo y con el foco en la fecha de entrada.
El buscador de disponibilidad, en reposo y con el foco en la fecha de entrada.

Individual Siguiente paso

Validación

Este rediseño todavía no se ha probado con usuarios. El siguiente paso es un test de 5 segundos y otro de preferencia con 5 personas, comparado con la web actual, preguntando qué se vende y cuánto cuesta.

Individual

Aprendizajes

  • Una auditoría es útil cuando prioriza: 30 hallazgos sin severidad no ayudan a decidir por dónde empezar.
  • Los referentes se miden: comparar El Fenn con Casa Angelina en píxeles me dio el argumento para la estructura.
  • Los datos de una maqueta también se auditan: la herramienta inventó precios y los corregí con las tarifas reales.