← Volver a proyectos
B2B ECOMMERCE PLATFORM · NESTLÉ PURINA · 2025

Plataforma Ecommerce B2B

Diseño de la plataforma ecommerce B2B con la que los clientes comerciales de Purina (tiendas, distribuidores y mayoristas) hacen sus pedidos. Una experiencia pensada para cada tipo de cliente: encuentra el producto por mascota o por marca, convierte el pedido recurrente en una plantilla de un clic y premia la lealtad con puntos, recompensas y herramientas para su negocio.

Purina - Plataforma Ecommerce B2B: home en laptop con la ficha de producto y el dashboard de fidelización

El Proyecto

Contexto

Purina necesitaba renovar su plataforma ecommerce B2B. Sus clientes comerciales navegaban con dificultad, gestionaban pedidos con demasiados clics, no tenían una versión responsive para comprar desde el celular y esperaban tiempos de carga largos. Para un líder de la categoría, la experiencia de compra tenía que estar a la altura.

Idea

Diseñar la plataforma desde la relación con cada cliente comercial, con la metodología Relationship Design de Ogilvy: tres frentes de trabajo (experiencia, gestión de pedidos y fidelización) para que comprar, repetir pedidos y volver sea cada vez más fácil.

Mi Rol

Como Director de Tecnología lideré la propuesta: diseñé el flujo de usuario de la plataforma y su arquitectura técnica (Drupal modular con APIs desacopladas, autenticación OAuth 2.0 / JWT, monitoreo y pruebas automatizadas), y orquesté al equipo de estrategia, UX/UI y datos que construyó la experiencia y el prototipo funcional.


Cliente
Nestlé Purina
Categoría
Ecommerce B2B · UX/UI
Alcance
Colombia
Entregables
Estrategia, flujo de usuario, UX/UI y prototipo
Purina - Plataforma Ecommerce B2B: home, catálogo, carrito y pedidos en móvil
El reto

Comprar no debería costar tanto

01Navegación y gestión de pedidos difíciles
02Proceso de compra lento, con demasiados clics
03Sin diseño responsive para comprar desde cualquier dispositivo
04Integración limitada con canales como WhatsApp
05Tiempos de carga elevados
Estrategia

Tres frentes de trabajo

La propuesta se organizó en tres trabajos por hacer para el cliente comercial: comprar mejor, gestionar sus pedidos con menos esfuerzo y tener razones para volver.

#1

Experiencia de usuario

Filtros

Por tipo de mascota, edad y necesidades nutricionales, para llegar rápido al producto correcto.

Ofertas y destacados

A un clic desde el home, con las mejores oportunidades en tiempo real.

Categorización

Gramaje, stock en tiempo real y fichas con descripción, SKU y calificaciones.

#2

Gestión de pedidos

Dashboard personalizado

Historial de compras, puntos, alertas y rentabilidad de los pedidos en un solo panel.

Plantillas de pedidos

Los pedidos recurrentes se guardan y se repiten con un clic.

Progreso y recompensas

Alertas cuando el cliente está cerca de una meta de compra o de una recompensa.

#3

Fidelización

Puntos con plus educativo

Se ganan comprando y también con encuestas, videos educativos y completando el perfil.

Simulador de rentabilidad

Calcula la rentabilidad estimada según costos, volúmenes de compra y márgenes.

Recordatorios

Sugieren reabastecer según el historial de compra, con acceso directo a un asesor.

Flujo de usuario

Del ingreso al pedido

Desde el home, el cliente llega a cualquier producto por mascota, por marca o por ofertas; repite pedidos con una plantilla; y gestiona su relación con Purina desde su perfil. Cada paso clave dispara un correo automático.

01 · ACCESO02 · DESCUBRIR03 · PRODUCTO04 · COMPRALogin¿Ingresa?SíNoWelcome JourneyPrimer registroHomeSlider · Categorías · OfertasDestacados · BuscadorObjetivos · BlogMascotaCatálogoOfertasFiltroEdad · alimento · snacks¿Marca?NoListado deproductosFicha deproductoFoto · precio · gramajeStock · SKU · calificaciónFavorito · B2B Kit¿Carrito?SíResumende pedidoNo: sigue comprando05 · GESTIÓN Y RELACIÓNDesde el home, el cliente gestiona su cuenta.Mis pedidosRepite y controla tus comprasHistorialPedidos por fecha y productoPlantilla de pedidoRepite un pedido en un clic→ CarritoTutorialVideos de ayudaPrimera compra¿Cómo hacer mi primera compra?FacturaciónEl proceso de facturaciónEntregas¿Cuándo llega mi pedido?RecordatoriosLa plataforma se adelantaRecordatorios inteligentesSugieren pedidos según el historialAlertas de disponibilidadStock · lanzamientos · promocionesMi perfilDashboard, puntos y rentabilidadDashboardVentas, productos y top proveedoresRedimir puntosDescuentos · cupones · envío gratisObtener puntosObjetivo de compras · actividadesSimulador de rentabilidadCostos, volúmenes y márgenesRuta de compraRegresoDecisiónCorreo automático

La experiencia

Diseño UX/UI de la plataforma en escritorio.

Fase 1 · Acceso
01 Cliente comercial

Ingreso y bienvenida

Un acceso simple para clientes comerciales, en cualquier dispositivo.

  • Cada cliente entra con su cuenta y ve precios y condiciones de su negocio.
  • El primer registro activa un Welcome Journey por correo.
  • Diseño responsive, uno de los dolores de la plataforma anterior.
Pantalla de inicio de sesión de la plataforma B2B
Fase 2 · Descubrir y comprar
02 Cliente comercial

Un home que vende

Todo lo que el cliente necesita para comprar, desde la primera pantalla.

  • Marca favorita, filtros por mascota, marca, segmento y tamaño, y compra directa desde la tarjeta.
  • Ofertas del mes y productos destacados a un clic.
  • Producto del mes y un blog de consejos que suma contenido de valor.
03 Cliente comercial

Catálogo por marca y mascota

Dos caminos al producto: elegir la marca o filtrar por mascota.

  • Menú por marcas, segmentos y tamaños, separado para perro y gato.
  • Filtros laterales que acotan el catálogo sin recargar la página.
  • Cada tarjeta muestra stock, gramajes y el botón para añadir al carrito.
04 Cliente comercial

Ofertas con urgencia

Promociones por tiempo limitado que empujan la decisión de compra.

  • Banner con cuenta regresiva y descuento visible.
  • Grilla de productos en oferta con el porcentaje en cada tarjeta.
  • Las ofertas se activan también por correo, como alertas de promoción.
Ofertas: banner con cuenta regresiva y productos con descuento
05 Cliente comercial

Ficha de producto completa

La información que un comprador B2B necesita para decidir.

  • SKU, disponibilidad, precio y gramajes, con selector de cantidad.
  • Descripción, tabla nutricional y beneficios en pestañas.
  • Favoritos y B2B Kit con material editable para el punto de venta.
Ficha de producto: Pro Plan Cachorro con precio, gramajes y pestañas
Fase 3 · Gestionar y fidelizar
06 Cliente comercial

Dashboard y pedidos

El cliente ve su negocio con Purina en un solo panel.

  • Accesos a simulador de rentabilidad, objetivo de compras, puntos y redención.
  • Evolución de compras en el tiempo y órdenes recientes.
  • Historial de órdenes con "volver a comprar" en un clic.
07 Cliente comercial

Puntos, niveles y recompensas

Un programa de lealtad que premia comprar y también participar.

  • Niveles bronce, plata y oro con beneficios crecientes.
  • Metas de compra con progreso visible y puntos para redimir.
  • Puntos extra por encuestas, videos educativos y completar el perfil.
Fidelización: niveles, metas de compra y puntos
Prototipo funcional

Pruébalo tú mismo

Navega el prototipo en Figma: del home al carrito, el catálogo, las ofertas y la fidelización.

Créditos

Personas detrás de la idea

Ogilvy Colombia
Director de Tecnología
Imderf Ríos
Project Manager
Laura Lindo
Digital Strategist
Rafael Ramos
AI Digital Experience Lead
Nohemí Ramírez
Data Analyst
Bárbara Gómez
UX/UI
Zully Acosta