New Balance es una marca de calzado e indumentaria deportiva reconocida por combinar estilo, innovación y rendimiento. Ofrece productos de alta calidad diseñados para atletas y el día a día, priorizando la comodidad y el soporte.
Su enfoque incluye tecnología avanzada y un compromiso con la sostenibilidad.
Problema
Los usuarios que desean ser parte de New Balance, ya sea adquiriendo calzado, ropa o accesorios, no solo buscan destacarse, sino también disfrutar de una experiencia de compra eficiente y agradable en su sitio web.
Sin embargo, al analizar el sitio actual, se identificaron áreas clave que podrían mejorar para optimizar esa experiencia: navegación, diseño visual, usabilidad, accesibilidad y responsividad móvil.
Algunas de las deficiencias a destacar fueron:
Falta de una jerarquía visual clara en algunos elementos.
Los botones y CTAs carecen de estilos y tamaños que los hagan destacar adecuadamente.
El menú en la versión móvil no está completamente optimizado.
Inconsistencias visuales en algunos elementos que afectan la uniformidad general.
Contrastes insuficientes en textos y botones, dificultando la legibilidad.
Resultados
Este nuevo diseño lo hicimos con resultados obtenidos de tests, para conocer cuales son las fallas y mejoras que se pueden aplicar a la nueva versión de la web.
Este método garantiza un rediseño exitoso, optimizando la navegación, mejorando la experiencia de compra, y mostrando una interfaz intuitiva, accesible y visualmente atractiva tanto en desktop como en dispositivos móviles.
de éxito en la realización del test.
de clics erróneos.
Tiempo promedio de duración
Proceso
Research: Se realizaron entrevistas y encuestas a usuarios para comprender sus principales frustraciones y expectativas al navegar por el sitio de New Balance. También se analizaron métricas del sitio actual y se estudiaron e-commerce de la competencia para identificar oportunidades de mejora en la experiencia de compra.
Arquitectura de la información: A partir de los hallazgos, se reorganizó la estructura del sitio priorizando la claridad en la navegación, el acceso rápido a productos y la jerarquía visual de los elementos clave.
Wireframing y Prototipado: Se diseñaron wireframes de baja fidelidad para definir el flujo de navegación y la disposición de los contenidos. Luego, se creó un prototipo de alta fidelidad en Figma, aplicando una nueva línea visual y mejoras de usabilidad basadas en el feedback de usuarios.
Test de usabilidad: Se realizaron pruebas con distintos perfiles de usuarios para evaluar la efectividad de la nueva interfaz. Esto permitió detectar problemas de interacción y refinar detalles visuales y funcionales antes de la entrega final.
Diseño visual: Se desarrolló un sistema visual coherente que refuerza la identidad de marca, como tipografía moderna y componentes consistentes. También se creó un UI Kit para mantener la uniformidad del diseño en futuras implementaciones.
Conclusión
Los resultados del test de usabilidad indican que la experiencia de compra en la web de New Balance es en general positiva.
Sin embargo, la tasa de misclicks del 54.7% sugiere que algunos elementos de la interfaz pueden no ser lo suficientemente claros o intuitivos, lo que genera errores en la interacción. Se recomienda optimizar estos puntos para mejorar la precisión y la fluidez de la navegación.