Ir al contenido
Diseño Web

Rediseño de e-commerce de indumentaria

Optimización completa de la experiencia de compra: checkout simplificado, navegación mobile-first y filtros dinámicos para reducir el abandono y aumentar la conversión.

Herramientas

Figma, HTML, CSS

Duración

5 semanas

Categoría

UX/UI, E-commerce

El desafío

Un e-commerce de indumentaria con baja tasa de conversión y alto abandono de carrito. El diagnóstico reveló problemas claros: un checkout de 5 pasos que generaba fricción, navegación confusa en dispositivos móviles y un sistema de filtros que no permitía encontrar productos de forma eficiente.

La tasa de abandono alcanzaba el 78%, y la mayor parte del tráfico (65%) llegaba desde mobile, donde la experiencia era especialmente deficiente. El objetivo: rediseñar la experiencia de compra completa para reducir fricciones y convertir visitantes en compradores.

Nuestro enfoque

Analizamos el funnel de conversión completo para identificar dónde se perdían los compradores. El checkout era el punto más crítico: 5 pasos con formularios redundantes que generaban abandono masivo. En mobile, la navegación por categorías no permitía filtrar eficientemente.

La estrategia fue reducir fricción en cada paso: consolidamos el checkout de 5 a 3 pasos, implementamos filtros dinámicos con actualización en tiempo real y rediseñamos las fichas de producto para mobile con gestos nativos (swipe para colores, scroll horizontal para tallas).

Flujo de checkout: antes y después

Reducir los pasos del checkout de 5 a 3 fue la decisión de mayor impacto. Menos pantallas, menos fricción, más conversiones.

Antes: 5 pasos

Carrito, Datos, Envío, Pago y Confirmación.

Después: 3 pasos

Carrito, Datos + Envío + Pago en una sola página y Confirmación.

-40%

Menos pasos.

1 página

Datos + Pago unificados.

Progresivo

Feedback visual claro.

Catálogo de productos en desktop

Rediseño del catálogo con sidebar de filtros persistente, grilla de productos clara y navegación optimizada para encontrar rápidamente lo que se busca.

Detalle de producto en mobile

En mobile, cada píxel cuenta. La ficha de producto prioriza la imagen, muestra información esencial y ubica el botón de compra siempre accesible.

Métricas proyectadas

Impacto estimado del rediseño basado en benchmarks de e-commerce y mejores prácticas de UX.

-40%

Pasos en checkout. De 5 a 3 pasos.

+25%

Conversión mobile. UX mobile-first.

<2s

Tiempo de carga. Optimización de assets.

Filtros dinámicos

Resultados en tiempo real.

Contacto

¿Tenés un proyecto en mente?

Contanos qué necesitás y te respondemos por correo, sin compromiso.