Qué es la Plataforma

El Dashboard de Transformación Digital es una aplicación web que centraliza la gestión, monitoreo y seguimiento de todas las iniciativas de transformación digital de Círculo de Crédito en un solo lugar.

📊

Centro de Comando Ejecutivo

Vista consolidada con métricas animadas del portafolio: proyectos activos, avance promedio, salud del portafolio, velocidad de ejecución y distribución por estado. Diseñado para que un Director obtenga el panorama completo en segundos.

🎯

Gestión de Portafolio

Cada proyecto se registra con su descripción, objetivo, responsables, fechas, estado, prioridad, etapas, dependencias e impacto al cliente final. Soporte para múltiples responsables y direcciones por proyecto.

📈

Dashboard Ejecutivo de KPIs

11 indicadores clave de transformación digital calculados en tiempo real: Throughput, Tiempo de Ciclo, Time to Market, Ingreso Incremental, Ahorro Neto, Automatización STP, Costo por Caso, Horas Liberadas, Autoservicio, CSAT y eNPS.

Módulos Principales

La plataforma se compone de módulos especializados que cubren todo el ciclo de vida de las iniciativas.

🏠

Landing Ejecutiva

Hero Section con métricas animadas del portafolio
6 iniciativas destacadas con progreso visual
Caso de éxito de Facturación Digital
Tabla completa de todas las iniciativas
Resumen ejecutivo generado por IA

🏢

Páginas por Dirección

Vista filtrada por cada dirección corporativa
Estadísticas y gamificación personalizadas
4 vistas: Lista, Agrupado, Kanban, Roadmap
Badges y ranking por dirección
Filtros por estado, prioridad y responsable

📋

Detalle de Proyecto

Vista full-width con toda la información
Etapas con checklist visual de progreso
Dependencias entre proyectos (vista de árbol)
Impacto al cliente final con asistente IA
Historial de cambios y auditoría

💬

Comentarios y Menciones

Sistema de comentarios por proyecto
Menciones @Usuario y @Proyecto
Notificaciones por Webex y correo electrónico
Mejora de texto con IA integrada
Autocomplete de usuarios del sistema

📁

Gestión Documental

Carga de archivos por proyecto (hasta 150MB)
Visor integrado de documentos
OCR para extracción de texto de imágenes
Almacenamiento seguro en la nube
Metadatos: tipo, tamaño, usuario, fecha

⚙️

Panel de Administración

Catálogos: direcciones, estados, tipos, prioridades
Gestión de usuarios y directores por dirección
Reporte RBA de responsables con Okta
Matriz de permisos configurable por rol
Auditoría completa de cambios y documentos

Dashboard Ejecutivo de KPIs

11 indicadores clave de transformación digital con desglose por proyecto, tendencias mensuales y exportación a PDF.

KPI	Descripción	Unidad
Throughput	Volumen de casos/transacciones procesadas	Casos
Tiempo de Ciclo	Tiempo promedio para completar un ciclo de proceso	Días
Time to Market	Días desde concepción hasta producción	Días
Ingreso Incremental	Ingresos nuevos generados por iniciativas digitales	MXN
Ahorro Anual Neto	Ahorro por eficiencia y automatización	MXN
Automatización (STP)	Procesos ejecutados sin intervención humana	%
Costo por Caso	Costo promedio por transacción procesada	MXN
Horas Liberadas	Horas-persona liberadas por automatización	Horas
Autoservicio	Operaciones resueltas sin contacto humano	%
CSAT	Customer Satisfaction Score	0-100
eNPS	Employee Net Promoter Score (satisfacción interna)	Puntos

Funcionalidades del Dashboard

Cards con sparklines y semáforo de estado
Click-to-drill-down por proyecto
Gráfica temporal mensual con selector de KPI
Exportación a PDF (resumen o detallado)
Scoping por dirección según rol del usuario
Habilitación/deshabilitación de KPIs por proyecto (solo admin)

Cada proyecto configura

Línea base (valor antes del proyecto)
Meta/Objetivo (valor esperado)
Valor real/actual (medición periódica)
Unidad de medida configurable
Comentarios y notas de trazabilidad
Mejora de notas con asistente IA

Espartano — Bot de Webex

Asistente conversacional integrado a Webex Teams que permite consultar el portafolio, recibir notificaciones y generar reportes desde el chat corporativo.

🤖

Asistente de Portafolio

Los usuarios envían preguntas en lenguaje natural al bot sobre estado de proyectos, métricas, avances, dependencias y KPIs. El bot responde con datos reales del portafolio en formato ejecutivo.

📩

Notificaciones Automáticas

Cuando un usuario es @mencionado en un comentario, recibe un DM en Webex con el nombre de quien lo mencionó, el texto y un enlace directo al proyecto. También se envía por correo electrónico.

📅

Friday Reminder

Cada viernes a las 11:30 AM (CDMX), cada responsable de proyecto recibe un mensaje personalizado con la lista de sus proyectos asignados y enlaces directos al dashboard.

📊

Generación de Reportes

Al preguntar por reportes o estatus, el bot genera y envía un archivo Excel con dos hojas (Proyectos + Resumen) directamente en el chat. También genera PDFs de KPIs bajo demanda.

Chatbot Web — Espartano

Asistente integrado directamente en el dashboard web. Disponible en la esquina inferior para consultas rápidas sobre el portafolio sin salir de la aplicación.

Capacidades

Consultas en lenguaje natural sobre proyectos
Datos pre-calculados para respuestas precisas
Respuestas en streaming (tiempo real)
Contexto completo del portafolio
Protección de datos personales (PII redaction)

Ejemplos de Preguntas

"¿Cuántos proyectos hay en total?"
"¿Cuál es el avance del proyecto X?"
"¿Qué proyectos están en riesgo?"
"Dame un resumen de la dirección Y"
"¿Cuáles tienen mayor prioridad?"

Seguridad y Control de Acceso (RBA)

Arquitectura de seguridad multicapa con autenticación SSO, control de acceso basado en roles y auditoría completa de acciones.

🔐

Autenticación

Single Sign-On con Okta (SAML/OIDC)
Sesiones en base de datos con expiración automática (30 min)
Renovación automática por actividad
Registro de IP y User-Agent por sesión
Tokens criptográficos de 256 bits
Rate limiting en login (5 intentos / 15 min)

🛡️

Protección de Datos

Validación estricta de entrada con schemas Zod
Sanitización XSS en todos los campos de texto
Redacción de PII antes de envío a servicios de IA
Content Security Policy (CSP) completo
Headers de seguridad: HSTS, X-Content-Type, Referrer-Policy
Protección contra DoS por objetos anidados

📝

Auditoría

Log de seguridad: login/logout, rate limiting, exports
Historial completo de cambios por proyecto
Registro de quién cargó cada archivo
Trazabilidad de eliminación de comentarios
Reporte RBA de responsables vinculados a Okta

Jerarquía de Roles

Rol	Nivel	Acceso
CEO	Máximo	Visibilidad completa de todo el portafolio, KPIs y todas las direcciones
Admin	Máximo	Todo lo del CEO + panel de administración, gestión de usuarios, permisos y catálogos
Director Responsable	Alto	Proyectos de sus direcciones asignadas, KPIs filtrados, gestión de sus proyectos
Director Usuario	Alto	Visibilidad de proyectos de sus direcciones, KPIs filtrados, solo lectura
Líder Proyecto	Medio	Gestión de sus proyectos asignados, comentarios, archivos
Equipo	Básico	Visualización del portafolio, comentarios en proyectos asignados

La matriz de permisos es configurable desde el panel de administración. Cada permiso puede habilitarse o deshabilitarse por rol.

Gamificación y Engagement

Sistema de badges y ranking por dirección para incentivar el avance y la documentación de proyectos.

Badges por Dirección

Cada dirección acumula puntos basados en el avance de sus proyectos, documentación completa, KPIs registrados y actividad de comentarios. Los badges se asignan automáticamente según el nivel de madurez digital.

Indicadores Visuales

Anillos de progreso animados
Contadores con efecto incremental
Semáforos de estado por proyecto
Sparklines de tendencia en KPIs
Presencia colaborativa en tiempo real

Colaboración en Tiempo Real

Funcionalidades colaborativas que mantienen al equipo sincronizado y comunicado.

👥

Presencia en Vivo

Indicadores que muestran qué usuarios están viendo o editando cada proyecto en tiempo real. Puntos de presencia en listas/kanban y avatares en el detalle.

🔔

Notificaciones Multicanal

Las menciones en comentarios generan notificaciones simultáneas por Webex (DM del bot) y correo electrónico con formato profesional y enlace directo al proyecto.

📤

Exportación de Datos

Descarga del portafolio completo en Excel con múltiples hojas. Exportación de KPIs a PDF con opción de resumen o detalle por proyecto.

Arquitectura Técnica

Stack moderno, escalable y seguro diseñado para alta disponibilidad y rendimiento.

Frontend

React + TypeScript

→

API

Express.js REST

→

Base de Datos

PostgreSQL

→

Archivos

Object Storage

Frontend

React 18 TypeScript Tailwind CSS Shadcn/UI Framer Motion React Query v5 Wouter

Single Page Application con diseño responsivo mobile-first, tema claro/oscuro, animaciones premium y sistema de componentes unificado.

Backend

Express.js Node.js Drizzle ORM Zod ExcelJS jsPDF

API RESTful con validación estricta, transacciones atómicas, rate limiting por endpoint y generación de reportes Excel/PDF.

Infraestructura

PostgreSQL Object Storage Okta SSO Webex API SMTP Tesseract.js

Base de datos relacional para datos transaccionales, almacenamiento en la nube para archivos, autenticación SSO corporativa y múltiples canales de notificación.

Cómo se Usa

Flujo de trabajo típico para los diferentes perfiles de usuario.

👔

Para el CEO / Director

Ingresa con SSO corporativo (Okta)
Ve el panorama general en la Landing ejecutiva
Navega a KPIs para ver indicadores de impacto
Filtra por dirección para ver áreas específicas
Exporta reportes en Excel o PDF para juntas
Pregunta al chatbot sobre el estado de un proyecto
Recibe recordatorios semanales por Webex

📝

Para el Líder de Proyecto

Actualiza el avance y las etapas de su proyecto
Registra valores de KPIs con notas de trazabilidad
Sube documentos y archivos relevantes
Agrega comentarios y menciona a responsables
Define dependencias con otros proyectos
Documenta el impacto al cliente final

🔧

Para el Administrador

Gestiona catálogos y usuarios del sistema
Vincula responsables con cuentas Okta (RBA)
Configura permisos por rol desde la matriz
Habilita/deshabilita KPIs por proyecto
Revisa auditoría de cambios y documentos
Gestiona directores por dirección

Reporte RBA de Responsables

Tabla cruzada que vincula a los responsables de proyectos con sus identidades corporativas en Okta, asegurando trazabilidad y control de acceso.

Funcionalidades

Vista cruzada: responsables vs. usuarios Okta
Filtros: todos / vinculados / sin vincular
Detalle expandible: Okta ID, rol, estado, direcciones
Edición inline de correo y rol
Exportación a Excel multi-hoja

Control de Acceso por Capas

Capa 1: Dominio corporativo (@circulodecredito.com.mx)
Capa 2: Registro en sistema de usuarios (system_users)
Capa 3: Correo de responsable en proyectos
Cada capa se evalúa en orden hasta encontrar coincidencia
Si no hay coincidencia, se deniega el acceso