E-commerce con tres canales: B2B, B2C y Personalizados
Mauro Ribeiro Sports
Diseñé un recorrido de compra directa para deportistas, manteniendo el acceso de los distribuidores a su portal de pedidos.
Deportista: del descubrimiento a los datos de entrega.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
La navegación por deporte ofrece una entrada más allá de las categorías de inventario. Cinco participantes encontraron el producto sin buscar; comparar modelos y elegir el ajuste aún generaba dudas.
Descubrir la colecciónEl caso en pocas palabras
- El problema
- Los deportistas veían las novedades en línea, pero sus tiendas locales todavía no las tenían.
- Mi papel
- Coordinadora de Producto y Design Lead
- La decisión
- Organicé el catálogo por deporte y mantuve el acceso al portal de pedidos que los distribuidores ya utilizaban.
- Lo que observé
- Los cinco participantes encontraron un producto sin usar la búsqueda. Comparar modelos y elegir el ajuste seguía generando dudas.
- Por qué importa para el negocio
- El canal directo permite consultar el catálogo y los distribuidores conservan su acceso a pedidos. No tengo datos de ventas para evaluar el resultado comercial.
- Lo que no se midió
- Publicado tras mi salida. No dispongo de datos de conversión o ingresos posteriores al lanzamiento.
Entregas y métodos
Diseño y documentación para implementar tres canales de venta y 39 subcategorías.
Utilicé investigación y pruebas de usabilidad para organizar el catálogo y el recorrido hasta el carrito.
Retomar un proyecto parado durante diez meses.
Me incorporé a un proyecto estancado y ayudé a una marca brasileña de ropa deportiva a entregar su canal directo. Debíamos acercarla al deportista sin interrumpir unas 350 tiendas asociadas.
Leer más
El proyecto comenzó en junio de 2024, estuvo parado diez meses, se retomó en abril de 2025 y se entregó en septiembre. Mi trabajo abarcó arquitectura de información, alineación del equipo y entrega.
El deportista veía la novedad, pero no encontraba el producto.
Los lanzamientos tardaban semanas en llegar a las tiendas. El deportista encontraba el producto en línea, pero su tienda no lo tenía. Un localizador no resolvía el retraso de distribución.
Leer más
La web debía atender a deportistas, distribuidores y pedidos personalizados. Tenía que considerar el proceso de pedidos que los distribuidores ya utilizaban.
Tres canales, una plataforma
Mapa de contexto reconstruido a partir del caso documentado
Deporte → Categoría → Producto → Carrito
Un canal directo para descubrir y comprar productos, organizado por deporte y contexto de uso.
Preservé el flujo que los distribuidores ya conocían.
Reconstruí el proyecto heredado, mapeé el flujo de pedidos B2B y analicé el catálogo con la responsable de colección. El benchmarking de marcas de referencia orientó la dirección.
Leer más
Los distribuidores ya conocían su portal de pedidos. Sustituirlo generaría resistencia en la red. Para los deportistas, el deporte y el uso eran entradas más útiles que las categorías de inventario.
Organicé 39 subcategorías por deporte.
Organicé 39 subcategorías por deporte. En vez de dividir la marca en webs separadas, mantuve venta minorista, mayorista y personalizados en una plataforma, con distintos contextos de acceso.
Leer más
Elegí una web con accesos distintos para cada público. El deportista podía consultar productos antes de iniciar sesión y el distribuidor llegaba al portal existente.
Del boceto a la pantalla
Bocetos conceptuales y pantallas proporcionadas · no es un prototipo interactivo


Marca → Deportista / Distribuidor / Personalizados
Una plataforma con contextos distintos y navegación por deporte.
Ver los bocetos de diseño (14)
La prueba reveló dudas sobre modelos y ajuste.
Los cinco participantes llegaron al producto sin usar la búsqueda. Las principales dudas surgieron al comparar modelos similares y elegir el ajuste.
Leer más
La prueba respaldó la navegación por deporte, no una afirmación sobre conversión. Las diferencias entre productos debían aparecer antes y la tabla de medidas no resolvía todas las dudas de ajuste.
Lo que respalda la prueba
Hallazgos documentados → implicaciones de diseño · no es una nueva prueba
Los cinco participantes llegaron al producto sin usar la búsqueda.
Implicación de diseñoMantener la navegación por deporte; la prueba respalda el descubrimiento, no una afirmación sobre conversión.

Documenté las decisiones para la implementación.
Documenté la navegación, la selección y la compra, además del acceso al portal del distribuidor. Los mockups sirvieron de referencia para la implementación.
Leer más
Estas pantallas del proyecto muestran el recorrido hasta el carrito. La secuencia presenta las pantallas, no una grabación de la web.
Deportista: del descubrimiento a los datos de entrega.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
La navegación por deporte ofrece una entrada más allá de las categorías de inventario. Cinco participantes encontraron el producto sin buscar; comparar modelos y elegir el ajuste aún generaba dudas.
Descubrir la colecciónDistribuidor: colaboración y acceso a la cuenta.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
Organicé el catálogo por deporte y mantuve el acceso al portal de pedidos que los distribuidores ya utilizaban.
Accesos para distribuidoresVer la galería completa de pantallas
Lo que mostró la prueba y lo que no pude seguir tras el lanzamiento.
Entregué el proyecto en septiembre de 2025; se publicó tras mi salida. Mi contribución fue la estructura de los canales y la documentación de implementación. No tengo acceso a los datos de conversión e ingresos posteriores al lanzamiento.
- Observado en la validación
- Los cinco participantes encontraron un producto sin usar la búsqueda. Comparar modelos y elegir el ajuste seguía generando dudas.
- Lo que podría aportar al negocio
- El canal directo permite consultar el catálogo y los distribuidores conservan su acceso a pedidos. No tengo datos de ventas para evaluar el resultado comercial.
- Lo que mediría después
- Seguiría cómo las personas encuentran productos y completan compras en cada canal. También volvería a probar la comparación de modelos y la elección del ajuste.
Leer más
Definimos indicadores para el seguimiento posterior. Antes de diseñar pantallas, necesitaba entender por qué se había detenido el proyecto y qué procesos debían mantenerse.