Tipografía y dibujo antes que fotografía
Un logotipo serif y dibujos de línea abren la web; las fotografías llegan después, cuando ya hay una voz. La procedencia de las imágenes se declara.
Concepto independiente · Web, dirección visual
LOMA
Una web de hotel pequeño donde la dirección visual hace casi todo el trabajo, y una consulta que enseña qué noches están libres y cuánto cuestan. Las imágenes están generadas con IA y así se declara.
El reto
Qué problema intenta resolver.
Con tres estancias parecidas, la decisión se apoya en cómo se sienten, en qué caben y en qué noches están libres. Una galería sin estructura no ayuda a comparar, y un formulario a ciegas no ayuda a decidir.
La pregunta de diseño: ¿cómo transmitir calidad con poca interfaz, y que nadie pida una estancia, una capacidad o unas noches que no existen?
Decisiones de diseño
Cuatro decisiones, a la vista.
Cada una se puede comprobar en la demo.
Las tres estancias, con la misma ficha
Patio (23 m²), Terraza (32 m²) y Suite Loma (48 m²), cada una con cinco fotos y los mismos datos, para poder comparar sin reaprender la lectura.
Las tres, lado a lado
Una tabla reúne superficie, personas, camas, exterior y precio por noche, con «Elegir» en cada columna, para no tener que recorrer la página arriba y abajo.
Ver qué noches están libres
El calendario marca las noches ocupadas de cada estancia y no deja elegir un rango que las incluya: dice qué noche falla y qué otra estancia está libre. El precio total se calcula al momento y la consulta acaba en un resumen. Hasta 14 noches.
Qué puedes probar
Un recorrido de cuatro pasos.
Para ver las decisiones funcionando, en este orden.
Compara las tres estancias en la tabla.
En el calendario, elige una llegada y una salida.
Intenta incluir una noche ocupada y lee qué propone.
Pulsa «Preparar consulta de ejemplo».
Detrás de la interfaz
Imágenes con IA
Las imágenes de LOMA están generadas con IA y se declara en la propia web. El hotel, su marca, la ocupación y los precios son ficticios.
- HTML, CSS y JavaScript, sin dependencias externas.
- Revisado sin errores de consola ni desbordes horizontales a 1440 y 390 px.
- Marca, imágenes y datos ficticios. Ninguna cifra procede de usuarios reales.
Con más tiempo
Qué comprobaría con personas.
Son hipótesis para una prueba que aún no he hecho, no resultados.
- ¿Usan el calendario o escriben las fechas a mano?
- ¿La tabla les ayuda a decidir, o vuelven a las fotos?
¿Hablamos del puesto?
Puedo explicarte cómo llegué a cada decisión de este concepto.