Todos los proyectos
E-commerce · Proyecto profesional2025

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.

SECUENCIA DE PANTALLAS

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.

01 / 03
Descubrir la colecciónDescubrir la colección

El 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.

MI PAPEL

Coordinadora de Producto y Design Lead

EQUIPO

Equipo de 4 personas + agencia externa

CONTEXTO

Abr — Sep 2025

ESTADO

Entregado en septiembre de 2025; publicado tras mi salida.

01 / Visión general

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.

6 meses en el equipo de producto; 4 en la coordinación.
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.

02 / El desafío

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.

Abrir un canal directo sin desmantelar la venta mayorista.
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

B2C + B2B + CUSTOM

Deporte → Categoría → Producto → Carrito

Un canal directo para descubrir y comprar productos, organizado por deporte y contexto de uso.

03 / Investigación

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.

Integrar el portal del distribuidor. No sustituirlo.
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.

04 / Estrategia

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.

Los distribuidores conservaron su recorrido de pedidos habitual.
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

1 / 14 · Boceto · Inicio del deportista
Boceto · Inicio del deportista
Boceto conceptual
Descubrir la colección
Pantalla relacionada · Descubrir la colección
ESTRUCTURA, ANTES Y DESPUÉS

Marca → Deportista / Distribuidor / Personalizados

Una plataforma con contextos distintos y navegación por deporte.

Ver los bocetos de diseño (14)
05 / Validación

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.

5/5 llegaron al producto sin usar la búsqueda.
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

Observado

Los cinco participantes llegaron al producto sin usar la búsqueda.

Implicación de diseño

Mantener la navegación por deporte; la prueba respalda el descubrimiento, no una afirmación sobre conversión.

Comparar productos
Pantalla relacionada
06 / La solució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.

La agencia recibió las pantallas y las indicaciones de 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.

SECUENCIA DE PANTALLAS

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.

01 / 10
Descubrir la colecciónDescubrir la colección
SECUENCIA DE PANTALLAS

Distribuidor: 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.

01 / 03
Accesos para distribuidoresAccesos para distribuidores
Ver la galería completa de pantallas
07 / Resultados y aprendizajes

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.
Experiencia B2C y portal B2B integrado en producción.
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.

SIGUIENTE CASO

A Penteadora

ABIERTA A PUESTOS DE PRODUCT DESIGN

¿Buscas una
Product Designer?