Saltar al contenido
Projects545
Todos los proyectos

Proyecto 04UX/UI

Una experiencia digital para descubrir, diagnosticar y reservar el color.

Una propuesta para Daniela Becerra, especialista en color en Artelier at Mikolaj (Beverly Hills): llevar su criterio de consulta al primer clic y acompañar a cada clienta desde la inspiración hasta la reserva.

Año
2026
Disciplinas
UX/UI · Digital · Estrategia · Producto
Estado
Propuesta estratégica y prototipo interactivo

En vivo — Recórrelo tú mismo.

inversiones545.com/demos/hair-color-experience
The Hair Color Experience — portada de la propuesta

01

El reto

Daniela ya tenía lo más difícil: conocimiento, experiencia, autoridad y un espacio premium. Pero el recorrido digital de una clienta se perdía en el camino: ve un Reel, le gusta un color, duda, no sabe qué servicio necesita, pregunta por mensaje, espera, compara… y no reserva.

02

La idea

¿Y si la página pudiera entender a cada clienta? Que pueda vivir el criterio de Daniela antes de sentarse en su silla: descubrir, entender, diagnosticar, recibir una recomendación y reservar.

03

La estrategia

Un recorrido de cinco momentos — descubrir, diagnosticar, personalizar, reservar y mantener — donde cada etapa elimina una fricción concreta. El eje es el Color ID: un color con nombre propio, el servicio para conseguirlo y lo que implica mantenerlo.

04

La construcción

Diseñamos la experiencia completa y la presentamos como una propuesta interactiva de 20 secciones, con prototipos que se pueden usar: el diagnóstico de 7 preguntas, el Color ID, la biblioteca de color, la reserva con el diagnóstico adjunto, la rutina de productos y el Hair Journey de cada clienta.

Las piezas del sistema, una por una.

01

Find Your Color

La puerta de entrada que invita a cada clienta a descubrir su color.

02

Diagnóstico interactivo

Siete preguntas guiadas y visuales, en el orden en que Daniela las haría en consulta.

03

Color ID

Un resultado personal: color con nombre propio, servicio recomendado y mantenimiento.

04

Biblioteca de color

Cada color explica qué es, qué implica y cómo conseguirlo.

05

Reserva con contexto

Del Color ID a la solicitud de cita, con el diagnóstico ya adjunto.

06

Rutina de productos

Los cuidados adecuados para cada color, listos para la recompra.

07

Hair Journey

El espacio de cada clienta: su color, su historial y su próxima cita.

08

Color Concierge

Fase 2: una guía 24/7 con las respuestas que Daniela aprueba.

Cómo funciona

  1. 01Descubrir
  2. 02Diagnosticar
  3. 03Personalizar
  4. 04Reservar
  5. 05Mantener
inversiones545.com/demos/hair-color-experience
El diagnóstico: una conversación guiada de 7 preguntas, en un prototipo interactivo
01El diagnóstico: una conversación guiada de 7 preguntas, en un prototipo interactivo
inversiones545.com/demos/hair-color-experience
Color ID: color, servicio y mantenimiento con nombre propio · datos de demostración
02Color ID: color, servicio y mantenimiento con nombre propio · datos de demostración
inversiones545.com/demos/hair-color-experience
Un recorrido, cinco momentos: cada etapa elimina una fricción
03Un recorrido, cinco momentos: cada etapa elimina una fricción
inversiones545.com/demos/hair-color-experience
Biblioteca de color: inspiración con instrucciones
04Biblioteca de color: inspiración con instrucciones
inversiones545.com/demos/hair-color-experience
De la inspiración a la reserva, con la rutina de productos · datos de demostración
05De la inspiración a la reserva, con la rutina de productos · datos de demostración
inversiones545.com/demos/hair-color-experience
Hair Journey: historial, próxima cita y cuidados de cada clienta · datos de demostración
06Hair Journey: historial, próxima cita y cuidados de cada clienta · datos de demostración
inversiones545.com/demos/hair-color-experience
Find Your Color: la puerta de entrada a la experiencia
07Find Your Color: la puerta de entrada a la experiencia
inversiones545.com/demos/hair-color-experience
Esto no es una página web: es un activo digital que trabaja para el negocio
08Esto no es una página web: es un activo digital que trabaja para el negocio

05

El resultado

Propuesta estratégica y prototipo interactivo.

Resultados en documentación. Esta sección se publicará con datos verificados.

Servicios

  • Estrategia digital
  • Customer journey
  • Diseño UX/UI
  • Prototipos interactivos
  • Presentación premium

Tecnología

  • HTML
  • CSS
  • JavaScript
  • Prototipos interactivos

¿Un proyecto así?

Siguiente proyecto

Projects 545

Nuestra propia infraestructura digital y estudio creativo.