IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOFuera de Ruta
Un camping de pequeña capacidad para quienes buscan árboles, aire y una estancia sencilla. El concepto presenta parcelas y cabañas sin convertirlas en un resort: el paisaje abre la experiencia, pero las condiciones de la visita ocupan el mismo lugar que la emoción.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Camping · Hospitalidad · Reserva de estancia
- IDIOMA DEL DISEÑO
- Español
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
Elegir un lugar, con los pies en la tierra.
Fuera de Ruta se dirige a parejas y pequeños grupos que necesitan comparar formas de dormir antes de elegir fechas. La propuesta reúne alojamiento, terreno y preparación de la visita. Las fotografías muestran humedad, sombras y materiales usados; no prometen una naturaleza perfecta ni una ubicación real.
- Fechas, viajeros y alojamientos en la primera lectura
- Plano esquemático con información práctica de cada parcela
- Resumen de estancia sin reserva ni cobro real
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
Una fotografía atractiva no explica dónde dejar el coche, si hay electricidad o cuánto separa una parcela de la siguiente. El reto consiste en hacer visibles esas respuestas antes de pedir una reserva, sin transformar la portada en un formulario administrativo.
LA IDEA
El verde pino organiza la señalética, el blanco bruma sostiene la lectura y el amarillo marca la siguiente decisión. Una sans humanista mantiene la cercanía; los números compactos distinguen parcelas y cabañas. El plano es esquemático y se identifica como tal: sirve para comparar posiciones, no para simular cartografía real.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
La navegación baja del paisaje conduce al lugar, los alojamientos, las actividades y la preparación. Las fechas y los viajeros aparecen inmediatamente. En la segunda vista, seleccionar P04 relaciona una zona del plano con superficie, sombra, toma eléctrica y distancia a sanitarios. El resumen conserva esa parcela, dos viajeros y dos noches: cada cifra puede seguirse hasta el total de demostración.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Pino para orientar, bruma para leer, pizarra para los datos y amarillo para elegir. El color diferencia funciones sin convertir cada bloque en una tarjeta.
Tipografía y jerarquía
La lectura humanista acompaña el paisaje; los índices de parcela ofrecen un registro más compacto y preciso, útil al comparar el plano con la ficha.
Imagen y movimiento
Amanecer húmedo y detalle de una tienda abierta. La dirección fotográfica conecta el territorio con el gesto cotidiano de preparar una estancia.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
En móvil, explorar y elegir fechas son dos acciones distintas. El formulario se recompone en filas cortas; los alojamientos conservan precio y equipamiento junto a su imagen. El resumen ordena llegada, salida, viajeros y condiciones antes de la acción. Las pantallas largas se desplazan dentro del teléfono compartido, sin reducir una composición de escritorio.
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.
Estudio visual conceptual: fotografías e imágenes de interfaz generadas y seleccionadas para el proyecto. Los sitios representados no están conectados a servicios reales.
Estudio visual con interfaces completas presentadas como imágenes. Fechas, importes y disponibilidad pertenecen a la demostración; no existe conexión con inventario, pagos ni reservas. El portfolio aporta ampliación, navegación por teclado y desplazamiento móvil reales.
- Dirección artística
- Diseño de interfaces
- WebP responsive
- 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