UX/UI Case Study

Mond Beauty & Barber
Pamplona

La web

Creación de la plataforma digital para un salón de Estética y Barbería avanzada de alta gama. El reto principal consistió en crear una web desde cero que refleje la exclusividad de las dos profesiones de la marca Mond Beauty & Barber, con un enfoque nuevo y juvenil como el de los propietarios.

Duración del proyecto: 5 Meses (2024)
📱

UX/UI Lead Designer

Diseño del flujo de reservas y experiencia móvil.

Herramientas

Figma, DIVI, Wordpress

🎯

Solución

Funnel nativo y mayor retención.

🔄

Sincronización

Interfaz alineada a la marca premium.

Mond App Mockup
01 / El Diagnóstico

El Problema de Negocio

El mayores de los problemas que se planteo a la hora de crear la web, es unificar los dos servicios que se van a desarrollar en el centro de por un lado tenemos la zona de Barbería y peluquería masculina y por otro la sección de estetica, en primer lugar se planteo realizar dos webs diferentes una para cada servicio, pero los propietarios no estaban de acuerdo. y lo que deseaban es una sola página en general.

Fricciones UX Críticas detectadas

  • Tasa de rebote elevada: El 42% de los usuarios abandona el proceso de reserva al ser redirigidos fuera del dominio web oficial.
  • Complejidad en servicios: Imposibilidad de agendar citas complejas (ej: tratamiento facial + estilismo de color) en un único flujo de pago.
  • Ausencia de retención: Los usuarios recurrentes deben reintroducir todos sus datos personales en cada cita al no existir un área privada.
02 / La Estrategia

La Solución Propuesta

Se decidió realizar dentro de la misma web dos páginas una para la Barberia y otra para la Estética y el Index informacion en general del centro noticias ofertas o nuevos servicios

Objetivos de Producto Alcanzados

  • Flujo Centralizado: Creación de un checkout nativo de 3 pasos (Servicio ➔ Profesional ➔ Horario).
  • Identidad Premium Coherente: Interfaz minimalista con uso estratégico de espacios en blanco y tipografías refinadas.
  • Retención de Clientes: Base de datos propia con perfiles para la compra de bonos, recordatorios vía SMS y consulta de historial.
Investigación Cualitativa

User Persona & User Journey

Elena UX Persona

Elena Martínez

34 Años • Abogada Ejecutiva

"Mi agenda laboral cambia constantemente. Valoro la inmediatez de poder reservar un tratamiento a última hora del día sin depender de llamadas o esperas."

Necesidades Clave

Elena busca optimizar su tiempo libre. Requiere visualizar la duración exacta de cada tratamiento en cabina y poder elegir de manera explícita a la misma esteticista que conoce su historial de piel, evitando variaciones inesperadas.

Frustraciones con la Web Actual

Se siente desorientada por la falta de descripciones en los servicios premium. Le genera desconfianza tener que registrarse e introducir sus datos bancarios en un portal externo ajeno al control del propio salón.

1. Descubrimiento

Exploración de la Web

Elena accede desde su smartphone buscando información sobre tratamientos estéticos hidratantes de temporada.

Punto de contacto: Landing Page móvil con fotografías de alta calidad del centro.
2. Selección

Configuración de Cita

Intenta coordinar un servicio de manicura permanente y una sesión de peeling facial para la misma tarde.

Mejora: Agrupación mediante menú colapsable estructurado por categorías de negocio.
3. Abandono potencial

Redirección Forzada

Al pulsar en "Reservar", la interfaz limpia cambia drásticamente para cargar el portal genérico externo.

Fricción: Pérdida de la estética premium. Solicitud obligatoria de nueva cuenta de usuario.
Conceptualización

Ideación y Soluciones UX

Solución 01

Presentacion del nuevo centro

Como se trata de una apertura de nuevo establecimiento, se diseñó un sistema de presentación visual que destaca la profesionalidad y experiencia del equipo técnico.

Solución 02

Time-Slot Integrado

Buscar un servicio de reserva de citas que se pueda acceder desde la web de centro.

Solución 03

Diseño Monocromático Premium

Uso exclusivo de blancos crudos, negros profundos y acentos en arena. Se evitan elementos de distracción visual, garantizando una navegación limpia enfocada en el contenido de bienestar.

Mockups

Diseño first-mobile

Mond Pamplona Mockup Mond Pamplona Mockup Mond Pamplona Mockup

Diseños responsives

Mond Pamplona Mockup

Conclusiones del Proyecto

El diseño digital para Mond Beauty & Barber demuestra cómo una experiencia de usuario optimizada e integrada nativamente impacta de forma directa en los objetivos de un negocio físico. Al eliminar la redirección obligatoria a intermediarios de reservas, no solo se protege el embudo de conversión evitando el abandono del usuario, sino que se logra trasladar con éxito la percepción de exclusividad, mimo y lujo silencioso desde el centro estético de Pamplona directamente hacia la palma de la mano del cliente. Una interzar sencilla, elegante y funcional que se alinea perfectamente con la identidad de marca, logrando no solo atraer a nuevos clientes sino también fidelizar a los existentes a través de una experiencia digital que refleja la calidad y el cuidado que se ofrece en cada servicio del salón.