Case Study

 

TuPeluca.com, una marca de pelucas y complementos capilares en España, enfrentaba varios desafíos en cuanto a experiencia de usuario (UX) y diseño de interfaz (UI) en su sitio web original.
 

A continuación, se analizan las debilidades identificadas en su diseño inicial y cómo estas se abordaron mediante un rediseño completo para mejorar la interacción del usuario y la presentación.

 

Problemas UX/UI Identificados en el Sitio Web Original

 

Estética Desactualizada y Abrumadora
La paleta de colores era excesivamente brillante, con el rosa predominando en cada elemento, lo que provocaba fatiga visual. El diseño no seguía tendencias modernas, haciendo que la marca pareciera anticuada.

 

Falta de Jerarquía Visual
La información estaba desorganizada, con texto mal estructurado que dificultaba encontrar lo necesario. Los encabezados no destacaban y las imágenes competían por la atención del usuario.

 

Navegación Confusa
Los menús carecían de organización clara, con demasiadas opciones y sin categorización efectiva. Esto dificultaba el acceso a información clave, como productos o servicios específicos.

 

Enfoque Poco Centrado en el Usuario
El sitio no comunicaba mensajes emocionales ni destacaba beneficios claros para los diferentes públicos objetivo, como pacientes oncológicos, profesionales o usuarios interesados en la moda.

 

Falta de Adaptabilidad
El sitio no estaba optimizado para dispositivos móviles, limitando la experiencia para usuarios que navegaban desde smartphones o tablets.

 

Imágenes de Baja Calidad
Las imágenes eran de baja resolución y carecían de consistencia visual, lo que daba al sitio una apariencia amateur.

 

¿Qué cambiaría?

 

Una Paleta Moderna y Elegante
El rosa se mantiene como color principal, pero se suaviza en tonos más agradables, combinado con blanco y gris para lograr un equilibrio estético. Esto aporta modernidad y profesionalismo, manteniendo un enfoque femenino y accesible.

 

Jerarquía Visual Clara

Encabezados destacados con tipografía elegante y moderna para mejorar la legibilidad.

Espaciado adecuado entre secciones y una clara diferenciación entre texto e imágenes.

Llamados a la acción (CTAs) estratégicamente ubicados, como "Descubre Más" o "Pruébalo Ahora."

 

Navegación Simplificada
El menú principal se reorganizó con menos opciones, categorizadas en secciones claras: "Productos," "Servicios" y "Contacto." Esto facilita una navegación más intuitiva.

 

Enfoque Centrado en el Usuario

Se añade un mensaje emocional en el encabezado: "Sea cual sea la circunstancia," creando una conexión inmediata con los usuarios.

Contenido adaptado a diferentes públicos, destacando soluciones específicas para sus necesidades.

 

Optimización para Móviles
El rediseño prioriza la adaptabilidad, asegurando que el sitio se vea y funcione perfectamente en cualquier dispositivo.

 

Imágenes de Alta Calidad y Consistentes
Se incorporan imágenes modernas y profesionales que reflejan los valores de confianza, estilo y empoderamiento de la marca.

 

Impacto del Rediseño

El resultado final es un sitio web que no solo es visualmente atractivo, sino también funcional. La experiencia de usuario se simplifica, haciendo que la navegación sea más fácil y fomentando una conexión emocional más fuerte con la marca.

 

Antes: Un sitio desordenado, desorganizado y desactualizado.

Después: Una plataforma moderna y centrada en el cliente, alineada con las expectativas del mercado digital actual.

 

Este enfoque no solo mejoraría la percepción de la marca, sino que también aumentaría su capacidad para atraer y retener clientes.