← Todo el trabajo
Diseño de producto · Retail · Sistema de diseño

Administración Comercial

La plataforma donde Corbeta negocia, revisa, liquida y cobra sus acuerdos comerciales con los proveedores detrás de Alkosto, Ktronix y Kalley.

Cliente
Corbeta (Alkosto · Ktronix · Kalley)
Rol
Lead UX/UI Designer
Equipo
Equipo de producto pequeño en KPaz
Año
2026
Entregables
Flujos · Sistema de diseño atómico · Prototipo v2.0
Herramientas
Figma · Lovable · Claude
Administración Comercial portada
El encargo

Donde se negocia, revisa y cobra cada acuerdo con proveedores.

Los grandes retailers obtienen una parte importante de su margen de los acuerdos con proveedores: rebates por volumen, apoyo publicitario, descuentos logísticos. Corbeta los gestiona como PAC (el plan anual comercial con cada proveedor) y ExtraPAC (negociaciones puntuales ligadas a un evento comercial).

Diseñé la plataforma que sostiene todo el ciclo de vida: negociación, revisión, liquidación, cartera, renovaciones y auditoría. Trabajé a partir de los casos de uso del cliente, pasando por Figma, hasta un prototipo funcional que el equipo comercial probó de principio a fin.

6Flujos de usuario de punta a punta, ligados a casos de uso
10+Módulos, de la negociación a la auditoría
6Roles en la matriz de permisos
El problema

Un proceso en hojas de cálculo con millones en juego.

Un solo PAC puede abarcar varias unidades de negocio, categorías, marcas y productos, cada uno con sus propios conceptos, fechas y reglas de cálculo. Los errores aparecen meses después como disputas con el proveedor y, sin una traza clara de quién decidió qué, son difíciles de resolver.

Decisiones clave

Qué diseñé y por qué.

  • Una negociación guiada en 6 pasos (proveedor, vigencia y cobertura, categorías, condiciones, documentos, resumen) en lugar de un formulario gigante
  • El guardado se habilita en cuanto se elige el proveedor, con autoguardado, borradores y Deshacer, para que nadie pierda su trabajo
  • Una cadena de revisión explícita (preliminar y luego definitiva) con motor de asignación y aprobación obligatoria cuando las condiciones empeoran
  • La cobertura como un árbol de 7 niveles con búsqueda múltiple de EAN, para que un acuerdo pueda aplicar a toda una unidad o a un solo producto
  • Trazabilidad completa: las cancelaciones conservan su ID y su motivo, y cada cambio queda auditado
Flujos de usuario
Seis flujos de usuario, cada uno referenciado a los casos de uso del cliente: ingreso, PAC, revisión, ExtraPAC, solicitudes de proveedor y guardado y cancelación.
Sistema de diseño

Diseño atómico, de la marca a los organismos.

El archivo de Figma sigue el diseño atómico: branding con paletas para cada unidad de negocio, fundamentos con tokens claros y oscuros, y luego átomos, moléculas y organismos. Cada componente lleva una nota de diseño que explica la decisión detrás, su origen y la versión en que se publicó. También están documentados los layouts de escritorio, tablet y móvil, junto con el desglose de cada pantalla por caso de uso.

Branding
Branding: logo, paleta oliva y paletas por unidad
Fundamentos
Fundamentos: tokens claros y oscuros, escala tipográfica
Átomos
Átomos, cada uno con su nota de diseño
Moléculas
Moléculas: buscador, tarjetas de KPI, indicador de guardado, zona de carga
Prototipo

Publicado por versiones, probado por el cliente.

El prototipo avanzó en versiones hasta la v2.0.2, cada una revisada en escritorio, móvil y modo oscuro, con preferencias de accesibilidad guardadas en el dispositivo. El equipo comercial de Corbeta llevó negociaciones desde el borrador hasta la liquidación y aprobó los flujos antes de que ingeniería conectara las APIs.

Panel de inicio
Inicio: negociaciones activas, revisiones pendientes, cartera y liquidaciones por PAC y ExtraPAC.
Nuevo PAC
Nuevo PAC: pasos guiados con progreso
Liquidaciones
Liquidaciones: base, regla, versión y unidad
Resultado

De las hojas de cálculo a un flujo trazable.

El cliente validó un producto completo y funcional en lugar de pantallas estáticas. Ingeniería recibió un sistema de diseño atómico documentado y flujos mapeados uno a uno con los casos de uso, listos para conectarse a las APIs.