andesita°Sitio de hotel con experiencia inmersiva y reserva por pasos
Concepto para un hotel termal ficticio de doce estancias, ordenado por el recorrido del agua: de 68 °C en el manantial a 9 °C en el río.
Proyecto conceptual de SUTELU: la marca es ficticia y la creó el estudio. No es un trabajo para un cliente.


- Naturaleza
- Proyecto conceptual. Andesita es un hotel imaginado
- Tipo de trabajo
- Sitio de hotel con experiencia inmersiva y reserva por pasos
- Secciones
- El hotel con plano interactivo, cuatro suites, experiencias, cocina, entorno y reservas
- Tecnología
- Astro, canvas 2D, sin librerías de animación
01El desafío
Un hotel vende algo que no se puede probar desde el celular: el agua caliente, el silencio, la altura. Y además tiene que resolver lo práctico: qué habitación elegir, dónde queda cada cosa, cómo reservar.
El ejercicio: una sola idea que ordene las dos cosas.
02La solución
- 01
El agua decide
Andesita sigue un manantial desde la roca hasta el río: cada pileta es un escalón más frío y cada suite recibe el agua a una temperatura distinta. La temperatura ordena la portada, las suites, la carta y la navegación.
- 02
El color es dato
El acento no es un color de marca sino una escala: cada espacio lleva el color de su temperatura, del vino de la fumarola al verde agua del río.
- 03
Una cifra por escena
En lugar de título, subtítulo y botones, cada escena se ancla en un número: 68°, 42°, 1.912 m.
- 04
Honesto en la reserva
El flujo de reserva es completo, pero avisa antes, durante y al final que el hotel es imaginado y que la solicitud no se envía.
03Lo más destacado
El cristal empañado
La portada abre detrás de un vidrio con vapor. El cursor, o el dedo, lo limpia, y el vapor vuelve despacio. El título, la navegación y la reserva se leen nítidos desde el primer instante.


Del ojo al río
Al bajar, la cota y la temperatura bajan de 68° a 9°. Las fotos se suceden a través del vapor y un termómetro lateral marca la parada; también sirve para navegar.



Suites por altura y el plano del agua
Las cuatro suites aparecen en un corte de la ladera, cada una en su cota; al elegir una, el corte se centra en ella y cambia la galería. En «El hotel», una planta con zonas seleccionables, filtros y un botón para seguir el recorrido del agua.


Una reserva en seis pasos
Fechas con calendario propio, huéspedes, suite, detalles, contacto y revisión, con un resumen que se actualiza en cada paso. Al final prepara el texto de la solicitud: no se envía nada.


04En el celular
Capturas del sitio publicado en un teléfono de 390 px de ancho. Cada pantalla se resolvió también para el celular, no solo se achicó.


05Explorar el proyecto
Explorar Andesitapreview.sutelu.com/andesita-080a23(se abre en otra pestaña)Vista previa del concepto. Andesita es un hotel imaginado: no hay reservas, tarifas ni disponibilidad reales.