Ir al contenido
E-commerce · Moda/2025

BEWEAR

Tienda propia de streetwear con un checkout que dejó de perder ventas en el último paso.

Rol
Product Designer (UX/UI)
Duración
6 semanas
Plataforma
Web + Móvil
Herramientas
Figma, FigJam, Design System
Portada del caso BEWEAR: Tienda propia de streetwear con un checkout que dejó de perder ventas en el último paso.

Contexto

BEWEAR nació como marca de streetwear y necesitaba salir de los marketplaces hacia una tienda propia — con identidad fuerte y un recorrido de compra que sostuviera el posicionamiento premium de la marca.

Objetivos

  • Reducir el abandono de carrito en el checkout
  • Crear un design system reutilizable para web y móvil
  • Aumentar la tasa de conclusión de compra sin fricción

El problema

01

El checkout tenía demasiados pasos y formularios largos.

02

Más del 70% de los carritos se abandonaban antes del pago.

03

Ninguna consistencia visual entre pantallas de escritorio y móvil.

Investigación

Analicé el embudo en analytics, hice benchmark de e-commerces de moda de referencia y pruebas de usabilidad moderadas con 8 clientes reales comprando un producto de principio a fin.

Hallazgos

  • La etapa de identificación asustaba a usuarios que solo querían comprar rápido
  • El envío y el plazo aparecían demasiado tarde en el recorrido
  • El carrito no daba confianza de que la compra era segura

Proceso

  1. 01

    Discovery

    Mapeo del embudo y de los puntos de dolor del checkout.

  2. 02

    Flujos

    Rediseño del flujo de compra e identificación.

  3. 03

    UI + DS

    Interfaz y design system para web y móvil.

  4. 04

    Prueba

    Validación con usuarios y ajustes finos.

Solución · Interfaz final

Un checkout simplificado, con identificación opcional y resumen del pedido siempre visible.

Escritorio · Web
Home — vitrina con jerarquía de producto e identidad de marca
Home — vitrina con jerarquía de producto e identidad de marca
Página de producto — foco en la prenda y en el CTA de compra
Página de producto — foco en la prenda y en el CTA de compra
Order review — resumen del pedido y checkout simplificado
Order review — resumen del pedido y checkout simplificado
Móvil
Home móvil — mismo lenguaje, adaptado al toque
Home móvil — mismo lenguaje, adaptado al toque
Producto móvil — detalle de la prenda y CTA
Producto móvil — detalle de la prenda y CTA
Carrito — revisión antes del checkout
Carrito — revisión antes del checkout
Identificación — paso simplificado en el flujo de compra
Identificación — paso simplificado en el flujo de compra

Resultados e impacto

−34%
Abandono de carrito en el checkout
+21%
Tasa de conclusión de compra
1
Design system para web y móvil

Al acortar el checkout y llevar el envío y el resumen al inicio del recorrido, la fricción en el último paso cayó drásticamente — y el design system pasó a acelerar cada nueva pantalla de la marca.

Aprendizajes

En e-commerce, cada paso menos en el checkout vale más que cualquier pantalla bonita. Confianza y claridad convierten.

Contacto

¿Tienes un desafío de producto o una idea?

Protegido por reCAPTCHA. Se aplican la Política de Privacidad y los Términos del Servicio de Google.