Homecenter Sodimac
Rediseño de Checkout
Rediseño end-to-end del flujo de compra e instalación en uno de los e-commerce de mejoramiento del hogar más grandes de Colombia. Desde las primeras encuestas hasta un prototipo validado con 13 usuarios reales.
Los usuarios llegaban al checkout
y se iban.
Homecenter tenía millones de visitas mensuales, pero un problema silencioso: el abandono ocurría exactamente en el momento más crítico. No porque los usuarios no quisieran comprar, sino porque el sistema estaba diseñado en su contra.
El 100% de los encuestados descubría los costos de envío solo al llegar al último paso. La disponibilidad del producto aparecía únicamente después de hacer clic en "Comprar". Y el servicio de instalación no explicaba ni cuándo ni cómo llegaría el técnico.
El resultado: abandono de carrito, llamadas al servicio al cliente y pérdida de conversiones completamente evitables.
Investigar primero,
diseñar después.
No asumí nada. Cada decisión de diseño está respaldada por evidencia de usuarios reales, análisis heurístico y testing cuantitativo.
No era un problema de checkout.
Era un problema de confianza.
El 100% de los usuarios encontraba los costos de envío ocultos hasta el final. Esa sorpresa de último momento no era solo molesta, era la razón principal de abandono. El usuario no necesitaba menos pasos. Necesitaba información honesta antes de comprometerse.
El Tree Testing reveló un segundo problema crítico: el servicio de instalación tenía baja tasa de éxito en navegación, los usuarios no sabían dónde encontrarlo. Esto definió que el rediseño tenía que trabajar dos flujos completos: checkout y servicio de instalación, no uno solo.
Tres cambios que
resolvieron el problema.
Cada decisión surgió directamente de los hallazgos de investigación. No de preferencias visuales.
Disponibilidad visible antes de cualquier acción
El usuario tomaba la decisión de comprar sin saber si el producto estaba disponible en su ciudad. Eso generaba frustración y abandono en el último paso. La disponibilidad por ciudad y tipo de entrega ahora aparece en la ficha del producto, antes de cualquier clic.
Panel de resumen siempre visible
El usuario no sabía el total real de su compra hasta el último paso. Esa sorpresa era la causa directa del abandono. Se diseñó un panel lateral "Resumen de tu selección" persistente en todo el flujo, con productos, descuento, envío y total estimado visibles en todo momento.
Flujo de instalación con calendario real + perfil del técnico
El servicio de instalación no explicaba ni cuándo ni cómo llegaría el técnico. Los usuarios resolvían esto llamando al servicio al cliente. El nuevo flujo incluye calendario con disponibilidad en tiempo real, franjas horarias seleccionables y perfil del técnico asignado antes de confirmar.
Validado con
13 usuarios reales.
Una sola tarea: comprar una lámpara colgante y contratar el servicio de instalación con fecha y hora específicas. 10 pruebas no moderadas + 3 moderadas en Maze.
Tasa de completación de tareas
El flujo rediseñado fue completado exitosamente por 94% de los participantes sin asistencia.
4.8/5
Puntaje promedio de satisfacción percibida
−40%
Reducción de pasos para completar la tarea principal
UI Final
Rediseño completo del flujo de compra e instalación de Homecenter Sodimac, basado en los hallazgos de investigación con usuarios reales. Cada pantalla resuelve un punto de fricción identificado.
Tres aprendizajes que
me deja este proyecto.
Simplificar no es quitar, es priorizar
Optimizar el checkout de una plataforma de esta escala me enseñó que cada pantalla tiene un costo cognitivo. El desafío real no es reducir pasos, sino saber cuáles son necesarios y cuáles solo generan ruido.
La arquitectura de información decide antes que el visual
El servicio de instalación tenía baja tasa de éxito en navegación porque el problema era estructural, no visual. Esto confirmó que el Tree Testing no es un paso opcional, es el que evita rediseñar lo que no necesitaba cambiar.
La accesibilidad desde el inicio cambia cómo tomas decisiones de color
Implementar los estándares WCAG 2.1 es uno de los retos más exigentes del diseño: no basta con conocerlos, hay que tomar decisiones difíciles que a veces van en contra de lo visualmente esperado. Fue un proceso de prueba, ajuste y autocrítica constante. No llegué a la solución perfecta, pero sí a la más responsable que pude lograr con lo que tenía.
¿Quieres ver los wireframes de alta fidelidad, el sistema de diseño completo y el prototipo interactivo?
Ver proyecto completo en Behance → ← Volver al portafolio