IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIONébula House
Un retiro de montaña concebido como una experiencia digital completa: arquitectura, habitaciones, mesa y bienestar conectados con una reserva clara. Una propuesta de hospitalidad donde la imagen despierta el deseo y la interfaz cuida cada decisión.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Hospitalidad de lujo · Reservas · Operaciones
- IDIOMA DEL DISEÑO
- Inglés
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
La calma se siente. La estancia se organiza.
Nébula House imagina un hotel boutique independiente del norte de España. Su negocio reúne noches, experiencias y servicios; el sitio necesita presentar ese conjunto sin parecer un portal de ofertas. El recorrido termina en un resumen de estancia que el huésped puede comprender antes de compartir sus datos.
- Habitaciones comparables y reserva por fechas
- Restaurante, bienestar y experiencias editoriales
- Disponibilidad y preparación de la estancia
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Conservar la emoción de una imagen inmersiva sin esconder fechas, ocupación, precio o condiciones. La disponibilidad debe reaparecer en los momentos de decisión, y la dirección editorial debe mantener su fuerza en una conexión móvil.
LA IDEA
Negro cálido, piedra y marfil, con bronce discreto. Una serif amplia introduce cada capítulo; etiquetas contenidas organizan lo práctico. La fotografía alterna paisaje, arquitectura y detalles cercanos para explicar el lugar, no solo decorarlo.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
En escritorio se priorizan la comparación de habitaciones y la relación entre paisaje y estancia. Superficie, capacidad y tarifa comparten un orden estable. El calendario conserva fechas, huéspedes y habitación durante el recorrido, con condiciones visibles antes de continuar.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Negro cálido · piedra · bronce
Tipografía y jerarquía
Serif editorial, etiquetas discretas y cifras alineadas para las tarifas.
Imagen y movimiento
Fotografía arquitectónica y natural. Revelados suaves y transiciones entre habitación y detalle; el paralaje sería ligero y prescindible con movimiento reducido.
Nébula House / 01
Más que una noche.
Experiencias, mesa y bienestar tienen ritmos propios. La imagen dominante cambia de escala entre paisaje, plato y arquitectura; cada capítulo conserva una acción útil para preparar la visita.
Nébula House / 02
La hospitalidad también es un sistema.
La reserva conecta lo que el huésped elige con lo que el equipo prepara. El resumen muestra importe y condiciones; la vista interna organiza llegadas, ocupación y tareas. Los datos de estas pantallas son ilustrativos.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
Una portada larga presenta el lugar por capítulos; las pantallas cortas concentran habitaciones, calendario y experiencia. Cuatro accesos estables —Stay, Rooms, Explore, Book— conservan iconos y posición. Las fechas usan objetivos táctiles amplios y el resumen evita perder el contexto.
DEL BRIEF AL SISTEMA
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 06Responsive
El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.
05 / DIRECCIÓN TÉCNICA
Preparado para pensar
en producción.
Implementación recomendada para este concepto; no describe un sitio ya desarrollado o desplegado.
La propuesta de producción separa contenido editorial y disponibilidad. Un CMS gestionaría habitaciones y experiencias; un motor de reservas verificaría inventario, tarifas, zona horaria y condiciones en servidor. Un calendario accesible admitiría teclado y fechas no disponibles. View Transitions con alternativa simple, mapas cargados bajo demanda y vídeo con cartel inicial evitarían bloquear la entrada. Imágenes AVIF/WebP, tamaños responsive y carga diferida limitarían el peso. Estas pantallas generadas son un concepto, no un hotel ni un sistema de reservas operativo.
- React
- TypeScript
- Booking API
- View Transitions
- WebP / AVIF
- HTML semántico, teclado y contraste
- Imágenes responsive y carga progresiva
- Contenido indexable y estructura SEO
El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.
HABLEMOS
Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.
Cuéntanos
qué tienes en mente.
No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.
Presupuesto a medida. Te proponemos una solución clara, sin compromiso.
PARA ROMPER EL HIELO
- Qué hace tu negocio
- Qué te gustaría mejorar
- Tu web actual, si la tienes