Rediseñando el Onboarding y la UI para Acelerar la Activación de Proveedores
Rediseñé la plataforma B2B de proveedores de Sodimac, reduciendo el tiempo de onboarding en un 92% e incrementando la conversión y la consistencia visual mediante un nuevo design system.
Línea de tiempo
Ene 2023 – May 2023
Contribución
UX Research, UI Design, Prototype Testing
Mi Rol
Diseñador UX/UI Líder
Vista principal del proyecto - Diseño final
Descripción general
La plataforma de proveedores en Colombia de Sodimac tenía un proceso de onboarding largo y confuso, lo que causaba que muchos socios potenciales abandonaran el registro. Además, la UI desactualizada no reflejaba la identidad visual de la marca, generando fricción y poca confianza.
En colaboración con Developers de Front y Back End y el equipo de soporte, rediseñé por completo la experiencia de onboarding mientras implementaba un sistema de diseño escalable alineado con la marca global de Sodimac. Sin eliminar pasos obligatorios, mejoré la comprensión, jerarquía y ayuda contextual, facilitando que proveedores pequeños y medianos se registraran por su cuenta.
El Desafío
Los usuarios se bloqueaban durante el onboarding por un lenguaje poco claro, falta de orientación y una estructura visual deficiente. Además, el diseño antiguo hacía que la plataforma se sintiera desconectada de la imagen confiable de Sodimac.
- Reducir el abandono del onboarding sin eliminar pasos obligatorios
- Crear una UI alineada con la marca visual de Sodimac
- Mejorar la confianza del usuario y el autoservicio en el registro
El objetivo era disminuir el abandono sin sacrificar requisitos y entregar un sistema de diseño unificado para toda la experiencia.
Antes y Después
Antes
Después
Proceso y Solución
Mi enfoque involucró un comprensivo proceso de diseño:
Investigación y Descubrimiento
Entrevistamos a usuarios y al equipo de soporte para identificar causas de abandono y puntos de dolor. Observamos a usuarios durante el proceso y analizamos su comportamiento de navegación posterior a registro. Principales hallazgos:
- El lenguaje y etiquetas poco claros causaban confusión frecuente
- Los pasos eran demasiado extensos y visualmente abrumadores
- La UI no transmitía confianza ni coherencia con la marca Sodimac
Arquitectura de Información
Mapeé cada paso del onboarding y detecté que el mayor punto de abandono era la sección de información logística.
En conjunto con el equipo de soporte, iteré versiones simplificadas que aclaraban los campos requeridos y mejoraban la estructura visual.
Wireframing y Prototipado
Prototipé nuevos flujos que separaban claramente los pasos e incluían ayuda contextual mediante tooltips.
Trabajé con los Developers para asegurar que el diseño fuera factible y el tiempo de implementación acorde al deadline.
Diseño Visual
Creé e implementé un sistema de diseño modular con colores, componentes y tipografía alineados a la marca.
El sistema redujo la carga cognitiva y estableció consistencia en toda la plataforma, aumentando la confianza del usuario.
Resultados e Impacto
Tiempo de onboarding (de 3 días a 2 horas)
Tickets de soporte relacionados con el registro
La consistencia visual con la marca global Sodimac
la confianza en el autoservicio gracias a una UI más clara y ayuda contextual
El rediseño permitió una activación más rápida de proveedores, mejoró los flujos internos y brindó una base de diseño escalable para futuras herramientas B2B de Sodimac.
Aprendizajes y Conclusiones
- Pequeños ajustes en UX, sin eliminar pasos clave, pueden generar gran impacto cuando se combinan con lenguaje claro y una estructura visual lógica.
- Colaborar directamente con equipos de soporte reveló problemas cotidianos valiosos que suelen pasarse por alto.
- Un sistema de diseño escalable no es solo visual, también es estructural. Facilita el onboarding, permite escalar y refuerza la confianza en la marca.
Continuar explorando