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
Confirmación
Después — 3 pasos
Carrito
Datos + Envío + Pago
Confirmación
-40%
Menos pasos
1 página
Datos + Pago unificados
Progresivo
Feedback visual claro

Catálogo de productos — 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.

www.tienda.com/mujer/remeras
Buscar...
Filtros
Categoría
Talle
XS S M L XL
Color
Precio
$5.000 $45.000
24 productos
Ordenar por: Relevancia
Remera básica algodón
$12.900
Remera oversize negra
$15.400
Remera crop celeste
$11.200
Remera blanca clásica
$10.800
Remera manga larga
$16.500
Remera estampada
$14.200

Detalle de producto — 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.

FOTO PRODUCTO
Remera Oversize Algodón
SKU: REM-0421
$15.400
Talle
XS S M L XL
Color
Agregar al carrito
Envío gratis Cambio fácil

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
Din.
Filtros dinámicos
Resultados en tiempo real