SaaS Agente IA Desarrollo Frontend FastAPI

AgileRadar

Scouting de Licitaciones y Propuestas Asistido por IA

Dashboard de licitaciones de AgileRadar en escritorio y su versión adaptada a tablet
Rol
Diseño y desarrollo de producto
Plataforma
Web app interna
Datos
Mercado Público · Compra Ágil

01

Contexto del Proyecto

AgileRadar es una plataforma interna de scouting inteligente y generación de propuestas automatizadas adaptada para Shape (estudio premium de diseño y front-end). El sistema se conecta con el portal de compras públicas de Chile (Mercado Público / Compra Ágil) para calificar la afinidad del proyecto e iniciar propuestas en minutos.

02

El Desafío

El scouting diario de licitaciones públicas es un proceso sumamente lento que requiere leer extensas bases técnicas y administrativas en PDF o Word (de 50 a 100 páginas). Esta tarea manual consume días de trabajo de diseñadores y gerentes solo para evaluar si la licitación vale la pena (cálculo de fit). El reto era centralizar, calificar automáticamente la idoneidad técnica mediante IA y agilizar el diseño de propuestas técnico-comerciales sólidas.

El producto en uso

Capturas de la plataforma operando con licitaciones reales de Mercado Público.

Dashboard con la ficha de Shape Creative Studio, indicadores y el tablero kanban de licitaciones

Tablero de oportunidades

El estado de acreditación de Shape, los indicadores del pipeline y un kanban por etapas, de oportunidad a postulado, con el match de cada licitación.

Ficha de oportunidad con datos de la licitación y un análisis de 98% de match con su justificación

Evaluación con IA

Cada licitación se abre en una ficha con sus datos de Mercado Público y el análisis del radar: un puntaje de 0 a 100 con su justificación.

Borrador de propuesta técnica con opciones para regenerar, copiar y descargar

Propuesta técnica generada

La IA redacta la propuesta técnico-comercial y los datos para el formulario de Compra Ágil; se puede regenerar o descargar en Markdown y Word.

Modal de configuración de acreditación con estados del proveedor y fecha de vencimiento

Acreditación del proveedor

El estado de Shape en Mercado Público (habilitado, inhabilitado o vencido) con la fecha de vencimiento de la cuota, para no postular fuera de plazo.

Tablero filtrado por licitaciones urgentes

Filtros por urgencia

Plazos urgentes (2 días o menos), próximos (5 días o menos), región y tipo de licitación para priorizar dónde poner el foco.

Dashboard de AgileRadar en una tablet

Responsive en tablet

El mismo panel adaptado a tablet, con los indicadores y filtros reorganizados.

Design System

Sistema de Diseño AgileRadar

Interfaz clara de alta densidad informativa construida con Tailwind CSS v4: violeta para la acción, la paleta cálida de Shape como acento y la fuente del sistema.

Tokens de color

Paleta primaria, secundaria y neutros definidos para garantizar contraste y consistencia.

Violeta
#7F22FE · RGB 127, 34, 254

Acción principal, botones y estados activos (violet-600)

Naranja Shape
#FC6736 · RGB 252, 103, 54

Acento de marca en degradados y destacados

Fondo
#F8F9FA · RGB 248, 249, 250

Fondo general de la app

Superficie
#FFFFFF · RGB 255, 255, 255

Tarjetas y paneles

Durazno Shape
#FFE4C9 · RGB 255, 228, 201

Fondos y bordes de acento

Texto principal
#101828 · RGB 16, 24, 40

Títulos y cifras (gray-900)

Texto secundario
#6A7282 · RGB 106, 114, 130

Metadatos y etiquetas (gray-500)

Éxito
#009966 · RGB 0, 153, 102

Coincidencias altas y estados positivos (emerald-600)

Error
#FF2056 · RGB 255, 32, 86

Alertas y oportunidades descartadas (rose-500)

Escala tipográfica

Tipografía principal: Fuente del sistema (font-sans de Tailwind) (Web app)

Métrica
30px / 800
Cifras del panel de indicadores
El veloz murciélago hindú comía feliz cardillo y kiwi
Texto
14px / 500
Contenido de tarjetas y tablas
El veloz murciélago hindú comía feliz cardillo y kiwi
Etiqueta
12px / 700
Estilo más usado: etiquetas, estados y metadatos
El veloz murciélago hindú comía feliz cardillo y kiwi
Micro
10px / 700
Badges y contadores
El veloz murciélago hindú comía feliz cardillo y kiwi

Componentes y estados

Primitivas interactivas construidas con los tokens de color, radios y jerarquía.

Botones

Acción principal Secundaria Sutil

Campos de formulario

Estado normal
nombre@empresa.com

Propuesta de Valor

Diseñamos un pipeline inteligente de precalificación que combina análisis de lenguaje natural y visualización ágil:

  • Tablero Kanban en Tiempo Real: Visualización de las licitaciones organizadas por etapas del pipeline de ventas, sincronizadas con WebSockets.
  • Fit-scoring con IA: cada licitación se evalúa contra las capacidades de Shape con un puntaje de 0 a 100 y su justificación en español. Groq (modelos GPT-OSS) es el proveedor principal, con Gemini y un modelo local (Ollama) como respaldo.
  • Lector de Bases Multi-Documento: Carga inteligente mediante drag-and-drop de múltiples especificaciones técnicas oficiales (PDF/Word), consolidando el contenido en un solo paquete estructurado.
  • Generador de Propuesta Técnico-Comercial: Generación instantánea en Markdown de propuestas personalizadas que abordan los 5 criterios críticos chilenos de licitación.

Proceso de Diseño y UX

01

Mapeo de Criterios Shape

Entrevistas con el equipo directivo de Shape para traducir sus ventajas competitivas (UI/UX, React/TS, sistemas de diseño) en reglas analíticas claras para el scoring de IA.

02

Reducción de Ruido en Kanban

Diseño del tablero Kanban priorizando las licitaciones con mayor puntuación de coincidencia técnica (match_score). El sistema auto-descarta las de bajo score para reducir ruido visual.

03

Consolidación Drag-and-Drop

Implementación de un área de carga de documentos integrada en un panel drawer lateral que extrae el texto técnico de las bases consolidadas y las expone como contexto del modelo de IA.

04

UX de Generación Progresiva

Diseño del flujo interactivo donde el usuario refina los criterios de la propuesta generada por la IA antes de descargarla en Markdown o Word listo para postular.

Resultados estimados

≈85%

Reducción estimada del tiempo de scouting y calificación

≈15 min

Tiempo estimado para tener el primer borrador técnico-comercial

3

Capas de IA en cascada (Groq, Gemini y Ollama local) para que el pipeline no se detenga

AgileRadar demuestra cómo las interfaces de productividad SaaS enriquecidas con modelos de lenguaje de última generación pueden redefinir por completo los flujos de adquisición corporativa, convirtiendo la fricción administrativa en ventajas competitivas ágiles.

¿Un reto parecido?

¿Tienes un sistema complejo que necesita claridad?

Conversamos directo y vemos qué conviene atacar primero.

Hablemos de tu proyecto