Volver a los proyectos

IDENTIDAD DIGITAL / DISEÑO WEB

PROYECTO DE ESTUDIO

Luna Atelier Hair Studio

Un proyecto de estudio en inglés para un salón de alta gama. Dirección de moda, servicios comprensibles y una cita que empieza con una buena conversación.

Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.

SECTOR
Belleza y cuidado capilar
IDIOMA DEL DISEÑO
Inglés
EDICIÓN
2026
ALCANCE
Identidad, UI y dirección de producción
La experiencia completa: portada, contenido y versión móvil.VISUAL DEL DISEÑO

01 / EL CONTEXTO

Una identidad que empieza por escuchar.

Dar forma digital a un salón donde el corte, el color y la consulta comparten protagonismo. El proyecto explora cómo expresar criterio sin convertir el catálogo en una lista impersonal.

  • Descubrimiento de servicios y consulta inicial
  • Perfiles de estilistas y galería editorial
  • Solicitud de cita por servicio, profesional y fecha

El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.

02 / EL RETO

Conectar una imagen editorial potente con decisiones concretas: qué servicio elegir, con quién hablar y cómo solicitar una cita. El móvil no puede ser una versión recortada del escaparate.

LA IDEA

Espresso, marfil y oro suave. Retratos de cabello, una serif expresiva y bloques claros equilibran deseo y orientación. La personalidad se mantiene desde la portada hasta el selector de servicios.

03 / MÁS ALLÁ DE LA PORTADA

Un sistema,
no solo una primera pantalla.

Servicios agrupados por intención, perfiles de equipo y una galería que ayuda a explicar preferencias. La solicitud separa servicio, profesional y fecha antes de pedir los datos de contacto.

Servicios, primera visita y elección del profesional.VISUAL DEL DISEÑO

EL LENGUAJE DEL PROYECTO

Carácter, con criterio.

Color y materia

Espresso · marfil · oro suave

Tipografía y jerarquía

Serif de contraste para la voz; sans serif precisa para reservar.

Imagen y movimiento

Cabello, textura y gesto. Galerías con ritmo, iconos de trazo fino y movimientos breves que acompañan la selección.

04 / RESPONSIVE E INTERACCIÓN

Otra pantalla.
La misma intención.

La navegación móvil deja espacio a los nombres de los servicios. Un acceso claro a la cita y una selección por pasos evitan repetir formularios largos en cada pantalla.

DEL BRIEF AL SISTEMA

  1. 01Contexto
  2. 02Contenido
  3. 03Estructura
  4. 04Dirección visual
  5. 05Sistema UI
  6. 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.

React y TypeScript permitirían conectar el catálogo con un proveedor de citas elegido por el salón. La disponibilidad y la confirmación necesitarían una fuente real; la propuesta visual muestra el recorrido, no un sistema de reservas conectado.

  • React
  • TypeScript
  • CSS
  • 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.

Dar forma a mi proyecto
¿Qué te gustaría hacer?
El contexto

¿Qué tipo de web tienes en mente?

Cuéntanos qué haces y qué debería conseguir tu nueva web.

Tipo de web

Elige una opción. Puedes cambiarla después.

¿Qué debería conseguir esta web?
¿A qué se dedica tu negocio? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?
¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Qué es lo que ya no funciona?

Dinos qué te gustaría cambiar y qué merece la pena conservar.

Lo que quieres cambiar

Puedes elegir varias opciones.

¿Qué quieres conservar?
¿Hay algún cambio especialmente importante? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Dónde quieres ganar visibilidad?

Cuéntanos qué ofreces y dónde quieres que te encuentren.

Dónde quieres llegar

Elige una opción. Puedes cambiarla después.

¿Qué quieres mejorar?
¿Qué vendes o qué servicio ofreces?

Añade tu web o una breve descripción de lo que ofreces. Con una de las dos basta.

¿En qué ciudad, región o mercado trabajas? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

¿Qué tienes en mente?

No necesitas tenerlo resuelto. Cuéntanos qué quieres conseguir.

La forma de tu idea

Elige una opción. Puedes cambiarla después.

¿Quién la utilizaría?
¿Qué te gustaría automatizar?
¿Dónde tendría sentido la IA?
¿Qué conecta la plataforma?
¿Qué necesita tu comercio?
¿Por dónde te gustaría empezar?
¿Qué te gustaría hacer más fácil? · Opcional
Presupuesto y plazo Opcional

Solo nos orienta sobre el alcance. No es un precio cerrado ni un compromiso de entrega.

¿Qué inversión tienes en mente?
¿Cuándo te gustaría empezar?

Puedes dejar lo que no sepas para nuestra conversación.

El contacto

Tus datos de contacto

Una descripción breve es suficiente. No incluyas información sensible.

Tu mensaje se envía solo al pulsar «Enviar mi proyecto».

hola@asturaweb.com

Desde Asturias. En remoto para España, Europa y el mundo.

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

Consultar la política y el almacenamiento del sitio

ASTURA / BRIEF

Tu proyecto, en claro.

  1. 01La idea
  2. 02El contexto
  3. 03El contacto
¿Qué te gustaría hacer?

También puedes escribirnos directamente.

hola@asturaweb.comWhatsApp ↗