IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOCasa Naredo
Una casa rural imaginada desde la arquitectura, el silencio y el paisaje asturiano. Una experiencia editorial que convierte la exploración de una estancia en un recorrido claro hacia la consulta de disponibilidad.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Hospitalidad y retiros
- IDIOMA DEL DISEÑO
- Español
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
El lugar se siente antes de llegar.
El paisaje y la casa son el centro de esta propuesta independiente. El sitio necesita transmitir su carácter y, a la vez, responder a las preguntas prácticas de una estancia.
- Habitaciones con relato y galería propia
- Entorno, naturaleza y planes cercanos
- Consulta de estancia con fechas y preferencias
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Evitar el aspecto de un portal de reservas, sin esconder habitaciones, entorno o contacto detrás de imágenes bonitas. La calma no debe convertirse en fricción.
LA IDEA
Trasladar el ritmo lento del lugar a la web: verde profundo, crema natural, fotografía generosa y una serif editorial. Las bandas de contenido alternan emoción, información y una acción sencilla.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
De la portada a las habitaciones, de la galería al entorno. La consulta de disponibilidad reaparece donde ya hay información suficiente para decidir, sin interrumpir la lectura.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Bosque · crema · piedra cálida
Tipografía y jerarquía
Serif editorial para el relato; sans serif funcional para elegir.
Imagen y movimiento
Arquitectura y paisaje dentro de una retícula abierta. Iconos finos y transiciones pausadas, sin bloquear la navegación.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
En móvil, las habitaciones se recorren una a una, las imágenes conservan su encuadre y el acceso a disponibilidad queda a mano. En tablet, la relación entre fotografía y texto se adapta sin reducir toda la página.
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.
Una implementación podría combinar React, TypeScript y contenido estructurado para habitaciones y entorno. Las consultas llegarían a un servicio de correo; un motor de reservas se conectaría únicamente con disponibilidad y condiciones confirmadas.
- React
- TypeScript
- WebP / AVIF
- HTML
- 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