Caso · KOMUK

Plataforma B2B de regalos corporativos

Catálogo digital, cotizador asistido por IA, motor de precios y backoffice comercial integrados en un mismo producto, conectado a múltiples proveedores.

  • Rol
    Desarrollo full-stack
  • Tipo
    Plataforma web B2B, catálogo digital y gestión comercial
  • Industria
    Merchandising y regalos corporativos
  • Sitio

Resultado

Qué quedó funcionando

KOMUK evolucionó de un catálogo online a una herramienta operativa que conecta marketing, ventas y administración. La plataforma reduce el trabajo repetitivo para actualizar productos y preparar propuestas, mejora la consistencia de los precios y permite gestionar el ciclo comercial desde un único lugar.

Lo más valioso del desarrollo fue integrar reglas de negocio específicas, datos externos y automatización con IA sin delegar decisiones críticas al modelo: la IA acelera la búsqueda y el armado de propuestas, mientras el servidor conserva el control sobre precios, productos y creación de órdenes.

El proyecto

Diseñé y desarrollé una plataforma B2B que integra en un mismo producto el catálogo de regalos corporativos de KOMUK, la generación de cotizaciones y presupuestos, la gestión de clientes y pedidos, y un backoffice para administrar la operación comercial.

La solución conecta múltiples proveedores, aplica reglas de precios configurables y utiliza inteligencia artificial para asistir al equipo en la búsqueda de productos y el armado de presupuestos.

El desafío

KOMUK necesitaba convertir un proceso comercial con información distribuida entre catálogos, listas de precios, archivos Excel y sistemas de proveedores en una experiencia digital unificada. El proyecto debía resolver dos necesidades complementarias:

  • ofrecer a empresas y agencias un catálogo claro, rápido y adaptable a dispositivos móviles;
  • dar al equipo comercial herramientas para mantener productos, calcular precios, preparar presupuestos y seguir oportunidades sin repetir tareas manuales.

La complejidad principal estaba en normalizar productos de diferentes orígenes, mantener precios y stock actualizados, contemplar cantidades mínimas y márgenes comerciales, y conservar la coherencia entre lo que ve el cliente, lo que calcula el sistema y lo que finalmente aparece en cada presupuesto.

La solución

Construí una aplicación full-stack con Next.js y TypeScript que cubre el recorrido completo, desde la exploración del catálogo hasta la gestión interna de la solicitud.

La experiencia pública permite navegar productos por categoría, buscar y filtrar el catálogo, consultar variantes y disponibilidad, ver precios escalonados según cantidad y solicitar una cotización. El backoffice centraliza productos, clientes, usuarios, pedidos, presupuestos, contenido y configuración de precios, con importación desde Excel y un tablero Kanban con drag and drop para el avance comercial.

Funcionalidades principales

Catálogo B2B

  • Catálogo responsive con categorías, productos destacados y más buscados.
  • Búsqueda, filtros, ordenamiento y paginación.
  • Fichas de producto con variantes, stock, imágenes, dimensiones y precios por volumen.
  • Flujo de cotización con validación de cantidades y comunicación de próximos descuentos.
  • Carrito tradicional y constructor de presupuestos con productos individuales o kits.

Motor de precios

  • Conversión automática de productos en dólares a pesos argentinos.
  • Reglas de descuento, envío, aplicación de logo y margen configuradas por proveedor.
  • Precios diferenciados para Minorista, PyME, Mayorista y Distribuidor.
  • Cálculo de cantidades mínimas y selección automática de la categoría comercial.
  • Una única fuente de cálculo para el catálogo, el cotizador con IA, las órdenes y los PDF.

Cotizador asistido por inteligencia artificial

  • Interfaz conversacional para buscar productos a partir de pedidos en lenguaje natural.
  • Búsqueda híbrida: coincidencias exactas, filtros determinísticos y búsqueda semántica con embeddings.
  • Comprensión de restricciones como categoría, color, material, cantidad, stock y precio máximo.
  • Cálculo de precios reales mediante herramientas del servidor antes de presentar una propuesta.
  • Creación de presupuestos confirmados directamente desde la conversación, vinculados a cada cliente.
  • Controles para evitar precios inventados, órdenes duplicadas y pérdidas de contexto.

Gestión comercial

  • CRM liviano para crear, editar, buscar e importar clientes desde Excel.
  • Gestión de pedidos y presupuestos con tablas y tablero Kanban por estados.
  • Búsqueda por ID, empresa, contacto, email, teléfono o comentario.
  • Generación de presupuestos PDF con productos, kits, imágenes, cantidades, precios e impuestos.
  • Notificaciones y confirmaciones por email.

Administración de catálogo

  • Sincronización con los proveedores Zecat, CDO y PromoProductos.
  • Importación del catálogo propio desde archivos Excel alojados en Amazon S3.
  • Normalización de categorías, imágenes, variantes, monedas, stock y dimensiones.
  • Detección de productos nuevos o modificados para evitar escrituras innecesarias.
  • Actualizaciones automáticas programadas y regeneración del sitemap tras cada sincronización.
  • Generación de embeddings en lote cuando cambia el contenido relevante de un producto.

Contenido, posicionamiento y medición

  • Módulo de noticias con borradores, publicación, categorías y editor Markdown.
  • Metadatos dinámicos, URLs canónicas y sitemap generado desde el catálogo.
  • Datos estructurados de Schema.org para productos, FAQ, negocio local y sitio web.
  • Integración con Google Tag Manager y Vercel Analytics.

Decisiones técnicas destacadas

Precios validados en el servidor

El modelo de IA no define el precio final. La aplicación obliga al asistente a consultar el motor de precios y vuelve a calcular cada línea en el servidor antes de guardar un presupuesto. El catálogo, la propuesta comercial y el PDF trabajan con las mismas reglas.

Búsqueda híbrida para un catálogo heterogéneo

La búsqueda semántica ayuda a interpretar pedidos abiertos, pero no alcanza para códigos, medidas o nombres exactos. Combiné vectores de PostgreSQL con coincidencias literales, mapeo de categorías y filtros por atributos, manteniendo la flexibilidad del lenguaje natural sin perder precisión sobre el catálogo real.

Integraciones normalizadas

Cada proveedor expone estructuras, monedas y criterios de stock diferentes. Implementé adaptadores que transforman esas respuestas a un único modelo de producto; la sincronización actualiza solo los cambios y respeta listas negras y reglas de disponibilidad.

Arquitectura full-stack tipada

App Router de Next.js, componentes y acciones de servidor, Drizzle ORM y Zod para mantener tipados y validados los datos entre PostgreSQL, las APIs y la interfaz. Clerk protege las rutas privadas y Amazon S3 centraliza imágenes y archivos de catálogo.

Ver stack tecnológico
Frontend
Next.js 14React 18TypeScriptTailwind CSSRadix UITanStack Table
Backend
Server ActionsRoute HandlersNode.jsZod
Datos
PostgreSQLDrizzle ORMpgvector
IA
OpenAIFunction callingEmbeddings
Infraestructura
VercelAmazon S3ClerkTareas programadas
Documentos y calidad
PuppeteerjsPDFNodemailerVitest

Una plataforma B2B que transforma catálogos de múltiples proveedores en presupuestos consistentes, trazables y listos para gestionar.

← Volver a todos los casos
WhatsApp