# Especificación de Requerimientos del Portal Web Comercial SIGII

**Documento:** ERS-PORTAL-SIGII-001  
**Versión:** 1.0  
**Fecha:** 15 de agosto de 2026  
**Estado:** Especificación funcional, UX/UI, contenido, arquitectura y criterios de aceptación  
**Marca:** SIGII — Sistema Integrado de Gestión de la Investigación e Inteligencia Institucional  
**Portal operativo privado existente:** `https://sigii.ingeniactiva.com/`  
**Propósito del nuevo portal:** comercialización, demostración, posicionamiento y captación de clientes sin exponer el aplicativo privado ni información real de SIGII.

---

## 0. Resumen ejecutivo

El presente documento define los requerimientos para diseñar, desarrollar, probar y publicar el **portal web comercial de SIGII**, concebido como una experiencia pública de alto impacto que permita a clientes potenciales comprender qué es SIGII, qué problemas resuelve, cuáles son sus productos/módulos, cómo opera cada solución, qué beneficios genera y cómo solicitar una demostración, propuesta o contacto técnico-comercial.

El portal **no será una réplica pública del sistema SIGII ni dará acceso anónimo a la aplicación productiva**. La plataforma operativa seguirá protegida por autenticación, roles y permisos. El portal público utilizará exclusivamente:

- contenido corporativo autorizado;
- capturas sanitizadas;
- videos demostrativos;
- prototipos interactivos con datos ficticios;
- recorridos guiados;
- gráficos y animaciones explicativas;
- casos de uso anonimizados o expresamente autorizados;
- fichas técnicas y documentos comerciales;
- formularios de contacto;
- comparadores y configuradores sin conexión a datos privados.

La experiencia debe tomar inspiración —sin copiar diseño, textos, código o identidad visual— de los siguientes portales:

1. Pensemos — Sistemas Integrados de Gestión:  
   `https://pensemos.com/sistemas-integrados-de-gestion/`
2. ISA — Sistemas Integrados de Gestión:  
   `https://isa.co/nosotros/gestion-empresarial-sistemas-integrados-de-gestion/`
3. ISOTools — Sistemas Integrados:  
   `https://isotools.org/normas/sistemas-integrados/`
4. Isolución — Software para Sistemas de Gestión:  
   `https://isolucion.com/blog/top-10-software-para-sistemas-de-gestion-iso/`
5. Softland Colombia — Sistemas Integrados de Gestión:  
   `https://softland.com/co/mejora-tu-empresa-con-los-mejores-sistemas-integrados-de-gestion/`
6. GENROD — Portal de referencia para navegación, catálogo e interacción:  
   `https://www.genrod.com.ar/home`

La marca, paleta, tipografía, iconografía, tono y comportamiento visual deben obedecer al **Manual de Marca SIGII 2026** y a los documentos corporativos existentes.

---

# 1. Objetivo del proyecto

## 1.1 Objetivo general

Desarrollar un portal web público, comercial, moderno, técnico y altamente visual que permita:

- presentar SIGII como solución empresarial integral;
- vender sus productos y capacidades;
- explicar su operatividad sin exponer datos internos;
- convertir visitas en oportunidades comerciales;
- diferenciar SIGII frente a software genérico de gestión;
- transmitir confianza técnica, institucional, seguridad, innovación y escalabilidad;
- facilitar contacto con las áreas Comercial, Ingeniería, Soporte y Gestión Documental;
- permitir navegación profunda por módulos, sectores, casos de uso y beneficios;
- preparar el portal para posicionamiento orgánico, campañas digitales y demostraciones comerciales.

## 1.2 Objetivos de negocio

| ID | Objetivo |
|---|---|
| OBJ-01 | Generar oportunidades comerciales calificadas. |
| OBJ-02 | Explicar de manera clara el ecosistema completo de SIGII. |
| OBJ-03 | Mostrar el funcionamiento del producto sin entregar acceso al sistema productivo. |
| OBJ-04 | Incrementar la confianza mediante evidencia, trazabilidad, arquitectura y contenido técnico. |
| OBJ-05 | Permitir que un visitante identifique rápidamente qué producto SIGII necesita. |
| OBJ-06 | Facilitar solicitudes de demo, cotización, reunión técnica y contacto comercial. |
| OBJ-07 | Consolidar una identidad digital consistente con el Manual de Marca. |
| OBJ-08 | Construir una base SEO para búsquedas relacionadas con gestión, ingeniería, investigación, documentos, proyectos, analítica y automatización. |
| OBJ-09 | Dejar preparada una arquitectura extensible para nuevos productos y verticales. |
| OBJ-10 | Mantener separación total entre marketing público y operación privada. |

## 1.3 Métrica primaria de éxito

La métrica primaria será:

> **Conversión de visitante calificado a solicitud de demostración / contacto / propuesta.**

Métricas secundarias:

- interacción con explorador de productos;
- profundidad promedio de navegación;
- visualización de demos;
- descarga de fichas;
- envío de formularios;
- clics en contacto comercial;
- clics en ingeniería;
- retorno de visitantes;
- consultas orgánicas por producto;
- tasa de finalización de recorrido guiado;
- solicitudes por sector.

---

# 2. Fuentes de verdad del contenido SIGII

El contenido del portal debe derivarse de documentación real existente. No se deben inventar capacidades inexistentes.

## 2.1 Documentos internos de referencia

Se utilizarán como fuentes funcionales y de marca, entre otros:

- `Manual_SIGII_V9_3_5_Estado_Actual_2026-08-07.pdf`
- `Manual_SIGII_V9_3_5_Estado_Actual_2026-08-07.docx`
- `MANUAL_USUARIO_SIGII_V5_0.pdf`
- `MANUAL_USUARIO_SIGII_V5_0.docx`
- `MANUAL_FUNCIONES_SIGII_V13_3_2_R3_EDITABLE.docx`
- `MANUAL_DE_MARCA_SIGII_2026_CORPORATIVO.pdf`
- `MANUAL_DE_MARCA_SIGII_2026_EDITABLE.docx`
- documentación técnica de Dirección de Ingeniería;
- documentación de cronogramas;
- proyectos HVAC, eléctricos y de obra;
- documentación de CvLAC/GrupLAC;
- módulos de Academia SIGII;
- documentación de empresas aliadas;
- flujos de aprobación, cotización y facturación;
- manuales de instalación y seguridad cuando deban sustentar mensajes técnicos.

## 2.2 Regla de publicación

**REQ-CONT-001 — Toda afirmación comercial debe poder rastrearse a una capacidad documentada.**

No se publicarán frases como:

- “certifica automáticamente ISO”;
- “garantiza certificación”;
- “cumplimiento 100 %”;
- “elimina todos los riesgos”;
- “inteligencia artificial autónoma sin supervisión”;

salvo que exista evidencia contractual, técnica y jurídica que permita realizar esa afirmación.

## 2.3 Diferenciación conceptual importante

SIGII significa:

> **Sistema Integrado de Gestión de la Investigación e Inteligencia Institucional**

y su alcance real incluye investigación, ingeniería, gestión organizacional, documentación, proyectos, contratos, desempeño, capacitación, analítica, comercialización y trazabilidad.

El portal puede explicar conceptos generales de Sistemas Integrados de Gestión, pero **no debe confundir SIGII con un software dedicado exclusivamente a certificaciones ISO**.

Cuando se mencionen estándares o normativas, se utilizará lenguaje como:

- “apoya la organización de evidencia”;
- “facilita trazabilidad”;
- “permite centralizar referentes normativos”;
- “puede configurarse para soportar procesos de cumplimiento”;

y no afirmaciones de certificación no demostradas.

---

# 3. Principio arquitectónico: portal público separado de SIGII privado

## 3.1 Separación obligatoria

El portal de marketing debe ser una aplicación diferente al entorno operativo SIGII.

### Arquitectura recomendada

```text
Internet público
      |
      +-- Portal comercial SIGII
      |      |
      |      +-- Contenido público
      |      +-- Demos sintéticas
      |      +-- Fichas comerciales
      |      +-- Formularios
      |      +-- Videos / capturas
      |      +-- Analítica web
      |
      +-- Aplicativo SIGII productivo
             |
             +-- Login
             +-- Autenticación
             +-- Roles / permisos
             +-- Supabase
             +-- Documentos privados
             +-- Datos reales
```

## 3.2 Dominio recomendado

No se debe alterar el entorno productivo existente sin un proyecto de migración independiente.

### Preferencia de publicación

**Opción A — recomendada**

`https://portal.sigii.ingeniactiva.com/`

Aplicativo privado:

`https://sigii.ingeniactiva.com/`

### Opción B

`https://www.ingeniactiva.com/sigii/`

Aplicativo privado:

`https://sigii.ingeniactiva.com/`

### Opción C

`https://www.sigii.ingeniactiva.com/`

si la infraestructura DNS/cPanel lo permite.

## 3.3 Acceso clientes

El portal puede incluir un botón discreto:

**“Acceso SIGII”**

Este botón:

- no abre módulos públicos;
- no muestra contenido privado;
- redirige al login del aplicativo autorizado;
- se diferencia visualmente de “Solicitar demo”;
- no se considera CTA principal de captación.

---

# 4. Concepto estratégico del portal

## 4.1 Posicionamiento propuesto

> **SIGII conecta información, procesos, ingeniería, investigación y decisiones en una sola plataforma.**

Propuesta de valor principal:

> **De datos dispersos a decisiones trazables.**

Alternativas de titulares para pruebas A/B:

1. **Información, procesos e inteligencia para transformar organizaciones.**
2. **Una plataforma. Múltiples procesos. Decisiones con trazabilidad.**
3. **Gestiona investigación, ingeniería y operación desde un ecosistema integrado.**
4. **Convierte la complejidad operativa en información accionable.**
5. **SIGII: gestión integrada para organizaciones que necesitan control, evidencia y decisión.**

## 4.2 Pilares comerciales

El portal debe explicar cuatro pilares definidos en identidad de marca:

1. **Integración**
2. **Inteligencia**
3. **Seguridad**
4. **Escalabilidad**

Y reforzar:

- Información
- Procesos
- Analítica
- Decisiones

## 4.3 Personalidad

La interfaz debe proyectar:

- institucional;
- confiable;
- inteligente;
- cercana;
- innovadora;
- escalable.

## 4.4 Tono de comunicación

- claro;
- técnico;
- humano;
- estratégico;
- verificable;
- comercial sin exageraciones;
- orientado a resultados;
- con ejemplos concretos.

---

# 5. Referencias externas y principios a adoptar

## 5.1 Pensemos

Referencia:
`https://pensemos.com/sistemas-integrados-de-gestion/`

Patrones que deben inspirar el portal:

- páginas extensas con contenido educativo;
- explicación progresiva “qué es / cómo funciona / beneficios / retos / cuándo se necesita”;
- módulos relacionados;
- CTAs distribuidos a lo largo del contenido;
- estructura útil para SEO;
- lenguaje que conecta problema empresarial con solución tecnológica.

Aplicación en SIGII:

- página pilar “¿Qué es SIGII?”;
- secciones educativas;
- tarjetas de productos;
- casos de problema → solución;
- preguntas frecuentes;
- CTA de demo tras cada bloque importante.

## 5.2 ISA

Referencia:
`https://isa.co/nosotros/gestion-empresarial-sistemas-integrados-de-gestion/`

Patrones:

- identidad corporativa fuerte;
- narrativa institucional;
- confianza y excelencia operacional;
- enfoque en prácticas, estándares y procesos;
- contenido de marca sobrio.

Aplicación:

- página “Nosotros”;
- principios de operación;
- compromisos con seguridad y trazabilidad;
- narrativa de transformación organizacional;
- presentación de arquitectura y gobierno.

## 5.3 ISOTools

Referencia:
`https://isotools.org/normas/sistemas-integrados/`

Patrones:

- navegación por soluciones;
- segmentación por sector;
- segmentación por necesidades;
- navegación profunda tipo mega-menú;
- CTA de ventas siempre disponible;
- contenido altamente estructurado.

Aplicación:

- mega-menú “Productos”;
- mega-menú “Soluciones por necesidad”;
- página “Sectores”;
- fichas por módulo;
- accesos rápidos a demo y contacto.

## 5.4 Isolución

Referencia:
`https://isolucion.com/blog/top-10-software-para-sistemas-de-gestion-iso/`

Patrones:

- exposición de criterios para elegir software;
- énfasis en módulos y funcionalidades;
- soporte y capacitación como factores de compra;
- lenguaje comparativo;
- contenido orientado a decisiones de compra.

Aplicación:

- página “¿Por qué SIGII?”;
- comparador “gestión dispersa vs SIGII”;
- tabla de capacidades;
- sección de implementación;
- soporte y acompañamiento;
- checklist para seleccionar solución.

## 5.5 Softland

Referencia:
`https://softland.com/co/mejora-tu-empresa-con-los-mejores-sistemas-integrados-de-gestion/`

Patrones:

- agrupación por funcionalidades;
- beneficios operativos;
- comparación entre información integrada y sistemas separados;
- enfoque empresarial y financiero;
- contenido por procesos.

Aplicación:

- tablas comparativas;
- tarjetas de beneficios;
- indicadores de valor;
- storytelling sobre eliminación de reprocesos;
- flujo de transformación.

## 5.6 GENROD

Referencia:
`https://www.genrod.com.ar/home`

GENROD será la referencia principal de **experiencia de catálogo e interacción**, adaptada a software.

Patrones a emular conceptualmente:

- navegación visual;
- catálogo de productos;
- botones “explorar”;
- carouseles;
- páginas de producto;
- configuraciones;
- complementos;
- recursos descargables;
- contacto contextual;
- enfoque “producto primero”.

Aplicación directa en SIGII:

| GENROD | SIGII |
|---|---|
| Línea de productos | Familia de soluciones SIGII |
| Gabinete/producto | Módulo o solución |
| Explorar | Explorar solución |
| Configuraciones | Casos de uso / paquetes |
| Accesorios | Módulos complementarios |
| Catálogo PDF | Ficha técnica / brochure |
| Consultar | Solicitar demo / propuesta |
| Galería | Capturas y demo interactiva |
| Certificaciones | Evidencias, seguridad, arquitectura y estándares soportados |

---

# 6. Mapa de navegación público

## 6.1 Navegación de primer nivel

```text
INICIO
|
+-- PRODUCTOS
|   |
|   +-- Plataforma SIGII
|   +-- Investigación e Innovación
|   +-- Dirección de Ingeniería
|   +-- Gestión Organizacional
|   +-- Gestión Documental
|   +-- Gestión Comercial
|   +-- Analítica y Decisiones
|   +-- Academia y Capacitación
|   +-- POLUX / Automatización
|
+-- SOLUCIONES
|   |
|   +-- Gestión de proyectos
|   +-- Ingeniería y obras
|   +-- Investigación y grupos
|   +-- Talento y desempeño
|   +-- Contratos y cuentas
|   +-- Documentos y aprobaciones
|   +-- Presupuestos y cotizaciones
|   +-- Capacitación
|   +-- Indicadores y analítica
|
+-- SECTORES
|   |
|   +-- Educación y formación
|   +-- Ingeniería y construcción
|   +-- Empresas de servicios
|   +-- Investigación e innovación
|   +-- Entidades con operación multiproceso
|
+-- CÓMO FUNCIONA
|   |
|   +-- Datos → Procesos → Información → Inteligencia → Decisiones
|   +-- Seguridad y permisos
|   +-- Flujo de implementación
|   +-- Integraciones
|   +-- Arquitectura
|
+-- CASOS Y DEMOS
|   |
|   +-- Demo Dirección de Ingeniería
|   +-- Demo Investigación
|   +-- Demo Gestión Documental
|   +-- Demo Gestión Organizacional
|   +-- Demo Comercial
|   +-- Demo Academia
|
+-- RECURSOS
|   |
|   +-- Fichas técnicas
|   +-- Brochures
|   +-- Videos
|   +-- Artículos
|   +-- Preguntas frecuentes
|   +-- Centro de ayuda comercial
|
+-- NOSOTROS
|   |
|   +-- Qué es SIGII
|   +-- Propósito
|   +-- Marca
|   +-- Metodología
|
+-- CONTACTO
|   |
|   +-- Solicitar demo
|   +-- Hablar con Comercial
|   +-- Hablar con Ingeniería
|   +-- Soporte
|   +-- Documentos
|
+-- ACCESO SIGII
    |
    +-- Redirección al aplicativo privado
```

## 6.2 Diagrama Mermaid

```mermaid
flowchart TD
    A[Inicio] --> B[Productos]
    A --> C[Soluciones]
    A --> D[Sectores]
    A --> E[Cómo funciona]
    A --> F[Casos y demos]
    A --> G[Recursos]
    A --> H[Nosotros]
    A --> I[Contacto]
    A --> J[Acceso SIGII]

    B --> B1[Plataforma SIGII]
    B --> B2[Investigación e Innovación]
    B --> B3[Dirección de Ingeniería]
    B --> B4[Gestión Organizacional]
    B --> B5[Gestión Documental]
    B --> B6[Gestión Comercial]
    B --> B7[Analítica y Decisiones]
    B --> B8[Academia y Capacitación]
    B --> B9[POLUX / Automatización]

    E --> E1[Datos]
    E1 --> E2[Procesos]
    E2 --> E3[Información]
    E3 --> E4[Inteligencia]
    E4 --> E5[Decisiones]

    F --> F1[Demos con datos sintéticos]
    F1 --> I
```

---

# 7. Traducción del mapa funcional interno a oferta pública

El Manual Maestro define módulos operativos. El portal público debe convertirlos en productos comprensibles comercialmente.

| Capacidad SIGII interna | Producto público | ¿Se muestra operación? | Exposición permitida |
|---|---|---:|---|
| Panel general | Analítica y Decisiones | Sí | Demo sintética |
| Gestión integral de investigación | Investigación e Innovación | Sí | Datos ficticios |
| Hoja de vida CvLAC | Gestión de perfiles de investigación | Sí | Perfil demo |
| Portafolio de investigación | Portafolio I+D+i | Sí | Proyectos demo |
| Grupos y semilleros | Ecosistema de investigación | Sí | Grupos ficticios |
| Empresas aliadas | Gestión de clientes y aliados | Sí | Organizaciones ficticias |
| Gestión organizacional | Gestión Organizacional | Sí | Personas ficticias |
| Personas y vinculación | Talento y vinculación | Sí | Sin datos personales reales |
| Usuarios y accesos | Seguridad y Gobierno | Parcial | Diagrama, no panel real |
| Tiempos y novedades | Control operativo | Sí | Datos demo |
| Contratos y cuentas | Gestión contractual | Sí | Contratos ficticios |
| Gestión del desempeño | Desempeño | Sí | Evaluaciones ficticias |
| Dirección de ingeniería | Ingeniería | Sí | Proyecto demo |
| Cotizaciones y facturación | Gestión Comercial | Sí | Cotización ficticia |
| Gestión documental | Gestión Documental | Sí | Documentos demo |
| Evaluación | Evaluación y aprobación | Sí | Flujo demo |
| Capacitación | Academia SIGII | Sí | Curso demo |
| Indicadores GrupLAC | Analítica de investigación | Sí | Datos ficticios |
| Normativa | Centro normativo | Parcial | Descripción / muestra pública |
| Auditoría | Trazabilidad | Parcial | Timeline ficticio |

---

# 8. Usuarios del portal público

## 8.1 Buyer personas

### BP-01 — Gerente / directivo

Necesita:

- visión ejecutiva;
- control;
- información consolidada;
- indicadores;
- reducción de reprocesos;
- decisiones sustentadas.

CTA:

**“Solicitar demo ejecutiva”**

### BP-02 — Director de Ingeniería

Busca:

- control de proyectos;
- cronogramas;
- planos;
- presupuesto;
- BOM;
- riesgos;
- aprobaciones;
- entregables.

CTA:

**“Ver flujo de proyecto”**

### BP-03 — Director / coordinador de investigación

Busca:

- CvLAC;
- GrupLAC;
- grupos;
- semilleros;
- proyectos;
- productos;
- indicadores;
- evidencias.

CTA:

**“Explorar Investigación SIGII”**

### BP-04 — Gestión humana / supervisor

Busca:

- personas;
- vinculación;
- seguimiento;
- tiempos;
- novedades;
- contratos;
- desempeño.

CTA:

**“Ver gestión organizacional”**

### BP-05 — Gestión documental / calidad

Busca:

- versiones;
- trazabilidad;
- estados;
- aprobaciones;
- evidencias;
- auditoría.

CTA:

**“Ver flujo documental”**

### BP-06 — Compras / finanzas / comercial

Busca:

- presupuesto;
- BOM;
- cotizaciones;
- aprobaciones;
- facturación;
- historial.

CTA:

**“Ver ciclo comercial”**

### BP-07 — Cliente potencial técnico

Necesita validar:

- arquitectura;
- seguridad;
- hosting;
- disponibilidad;
- escalabilidad;
- modelo de permisos;
- exportaciones;
- integración.

CTA:

**“Hablar con Ingeniería”**

---

# 9. Recorridos principales

## 9.1 Journey 1 — Descubrimiento

```text
Google / anuncio / referido
→ Home
→ Beneficio principal
→ Explorar productos
→ Página de producto
→ Demo interactiva
→ Solicitar demo
```

## 9.2 Journey 2 — Necesidad específica

```text
Landing SEO
→ Problema de negocio
→ Solución SIGII
→ Flujo operativo
→ Beneficios
→ Evidencia / demo
→ Formulario
```

## 9.3 Journey 3 — Comprador técnico

```text
Home
→ Cómo funciona
→ Arquitectura
→ Seguridad
→ Integraciones
→ Ficha técnica
→ Hablar con Ingeniería
```

## 9.4 Journey 4 — Cliente autorizado

```text
Portal público
→ Acceso SIGII
→ Login privado
→ Autenticación
```

No debe existir transición automática a un módulo interno.

---

# 10. Header y navegación global

## 10.1 Header escritorio

Elementos:

1. Logo SIGII.
2. Productos.
3. Soluciones.
4. Sectores.
5. Cómo funciona.
6. Demos.
7. Recursos.
8. Nosotros.
9. Contacto.
10. CTA “Solicitar demo”.
11. Enlace secundario “Acceso SIGII”.

## 10.2 Comportamiento

- transparente sobre hero oscuro;
- al hacer scroll pasa a fondo blanco o azul institucional;
- sticky;
- altura reducida tras scroll;
- mega-menús con transición;
- cierre por Escape;
- navegación mediante teclado;
- foco visible;
- evita hover como único mecanismo.

## 10.3 Mega-menú Productos

Diseño:

- columna izquierda: título + descripción;
- centro: tarjetas de soluciones;
- derecha: “Producto destacado”;
- footer del mega-menú: “Ver todas las soluciones”.

Ejemplo:

```text
PRODUCTOS

Gestión técnica
- Dirección de Ingeniería
- Gestión Documental
- Gestión Comercial

Gestión del conocimiento
- Investigación e Innovación
- Academia
- Normativa

Gestión organizacional
- Personas
- Contratos
- Desempeño

Inteligencia
- Analítica y Decisiones
- POLUX
```

---

# 11. Especificación de la Home

## 11.1 Hero

### Mensaje

**H1 sugerido:**

> Ingeniería, investigación e inteligencia para transformar organizaciones.

### Subtítulo

> SIGII conecta personas, procesos, información y decisiones en un ecosistema integrado, trazable y escalable.

### CTA principal

**Solicitar demo**

### CTA secundario

**Explorar productos**

### CTA terciario

**Ver cómo funciona**

## 11.2 Diseño del hero

- fondo azul institucional oscuro;
- red de nodos sutil;
- ciudad / ingeniería / arquitectura estilizada;
- capas técnicas tipo planos;
- partículas discretas;
- líneas de datos;
- panel flotante con indicadores demo;
- logo visible;
- acentos amarillo, azul y rojo muy controlados.

### Animación

Al cargar:

1. aparece logotipo;
2. entra H1;
3. se dibujan líneas de red;
4. aparecen tarjetas de indicadores;
5. los indicadores cuentan de cero a un valor ficticio;
6. se habilita CTA.

Duración total ideal: < 1.5 s.

Respetar `prefers-reduced-motion`.

## 11.3 Bloque “El núcleo SIGII”

Representar:

```text
DATOS
  ↓
PROCESOS
  ↓
INFORMACIÓN
  ↓
INTELIGENCIA
  ↓
DECISIONES
```

Interacción:

- cada nodo responde a hover/focus;
- al seleccionar muestra explicación;
- la línea se ilumina progresivamente;
- en móvil se convierte en timeline vertical.

## 11.4 Explorador de productos

Inspiración conceptual GENROD.

Título:

> **Explora el ecosistema SIGII**

Carrusel o grid:

- Ingeniería
- Investigación
- Gestión Organizacional
- Gestión Documental
- Gestión Comercial
- Analítica
- Academia
- Automatización

Cada tarjeta:

- icono;
- nombre;
- frase de valor;
- tres capacidades;
- botón “Explorar”.

## 11.5 Problemas que resuelve

Formato tarjetas “Antes / Con SIGII”.

Ejemplos:

### Información dispersa

Antes:
- Excel;
- correos;
- carpetas;
- mensajes;
- documentos sin versión.

Con SIGII:
- expediente unificado;
- trazabilidad;
- responsables;
- historial.

### Proyectos sin lectura ejecutiva

Con SIGII:
- alcance;
- cronograma;
- riesgos;
- presupuesto;
- decisiones;
- reportes.

### Documentos sin control

Con SIGII:
- carga;
- versión;
- revisión;
- aprobación;
- evidencia;
- auditoría.

## 11.6 Demo destacada

Componente:

**“Mira SIGII en acción”**

Tabs:

- Proyecto de Ingeniería
- Investigación
- Gestión Documental
- Gestión Organizacional

Cada tab:

- video 30–60 s o demo interactiva;
- pasos numerados;
- datos sintéticos;
- CTA “Solicitar demo completa”.

## 11.7 Beneficios

- centralización;
- trazabilidad;
- control por roles;
- reducción de reprocesos;
- indicadores;
- evidencias;
- control documental;
- trabajo colaborativo;
- escalabilidad;
- exportación;
- automatización.

## 11.8 Sectores

Tarjetas:

- Educación
- Ingeniería y construcción
- Investigación
- Servicios
- Organizaciones multiproceso

## 11.9 Seguridad

Bloque sobrio:

> **Lo que el visitante ve no es la base productiva.**

Explicar:

- demos con datos ficticios;
- separación público/privado;
- permisos;
- autenticación;
- trazabilidad;
- almacenamiento controlado.

## 11.10 CTA final

> **¿Quieres ver SIGII aplicado a tu organización?**

Botones:

- Solicitar demo
- Hablar con Comercial

---

# 12. Página Producto — Plataforma SIGII

Ruta:

`/productos/plataforma`

## 12.1 Objetivo

Explicar el ecosistema completo.

## 12.2 Secciones

1. Hero.
2. Arquitectura funcional.
3. Mapa de módulos.
4. Flujo de información.
5. Seguridad.
6. Automatización.
7. Exportaciones.
8. Demos.
9. Integraciones.
10. CTA.

## 12.3 Visual principal

Mapa radial:

```text
                Investigación
                    |
Gestión ---- [ NÚCLEO SIGII ] ---- Ingeniería
documental          |               |
                    |               Comercial
                Analítica
                    |
                Decisiones
```

Cada nodo es clickable y abre información contextual.

---

# 13. Producto — Dirección de Ingeniería

Ruta:

`/productos/ingenieria`

## 13.1 Mensaje comercial

> **Del levantamiento técnico a la aprobación y entrega, con trazabilidad.**

## 13.2 Capacidades públicas

- ficha de proyecto;
- cliente;
- alcance;
- responsables;
- cronograma;
- fases y actividades;
- dependencias;
- evidencias;
- riesgos;
- documentos;
- planos;
- memoria;
- presupuesto;
- BOM;
- avance físico;
- avance financiero;
- aprobaciones;
- entregables;
- presentación ejecutiva.

## 13.3 Flujo visual

```mermaid
flowchart LR
    A[Crear proyecto] --> B[Levantamiento]
    B --> C[Planear]
    C --> D[Cálculos y diseño]
    D --> E[BOM y presupuesto]
    E --> F[Aprobación técnica]
    F --> G[Aprobación financiera]
    G --> H[Cotización]
    H --> I[Ejecución]
    I --> J[Pruebas]
    J --> K[Entrega]
```

## 13.4 Casos de uso demostrables

- HVAC;
- diseño eléctrico;
- adecuación locativa;
- obra e instalación;
- proyecto técnico personalizado.

## 13.5 Interacciones

- slider “fase actual”;
- mini Gantt;
- gráfico presupuesto;
- mapa de riesgos;
- visor de documentos demo;
- flujo de aprobación.

## 13.6 CTA

- Ver demo de Ingeniería.
- Descargar ficha.
- Hablar con Ingeniería.

---

# 14. Producto — Investigación e Innovación

Ruta:

`/productos/investigacion`

## 14.1 Mensaje

> **Conecta investigadores, grupos, proyectos, productos y evidencias.**

## 14.2 Capacidades

- perfil investigador;
- CvLAC;
- GrupLAC;
- grupos;
- semilleros;
- líneas;
- proyectos;
- productos;
- eventos;
- evidencias;
- indicadores;
- brechas;
- portafolio.

## 14.3 Interacción

Visual de relaciones:

```text
Persona
  ↕
CvLAC
  ↕
Grupo/Semillero
  ↕
Proyecto
  ↕
Actividad
  ↕
Producto
  ↕
Evidencia
```

Al hacer clic en cada nodo, mostrar ejemplo sintético.

## 14.4 CTA

**“Ver demo de Investigación”**

---

# 15. Producto — Gestión Organizacional

Ruta:

`/productos/gestion-organizacional`

## 15.1 Mensaje

> **Personas, vinculación, tiempos, contratos y desempeño en una sola vista.**

## 15.2 Capacidades

- personas;
- sede;
- área;
- cargo;
- vinculación;
- supervisor;
- vigencia;
- tiempos;
- novedades;
- recargos;
- contratos;
- cuentas;
- desempeño;
- evidencias;
- capacitación.

## 15.3 Demo

Personas ficticias.

Nunca:

- nombres reales de trabajadores;
- números de identificación reales;
- salarios reales;
- correos reales de terceros;
- evaluaciones reales.

---

# 16. Producto — Gestión Documental

Ruta:

`/productos/gestion-documental`

## 16.1 Mensaje

> **Cada documento con contexto, versión, responsable y decisión.**

## 16.2 Flujo

```text
Carga
→ Clasificación
→ Versión
→ Revisión
→ Corrección
→ Aprobación
→ Evidencia
→ Historial
```

## 16.3 Formatos que pueden mostrarse comercialmente

- PDF
- Word
- Excel
- PowerPoint
- imágenes
- video
- CAD
- ZIP

No prometer límites de almacenamiento en marketing sin revisar plan contratado.

## 16.4 Interacción

Comparador de versiones:

- v1;
- v2;
- cambios;
- estado;
- responsable;
- fecha.

Todo ficticio.

---

# 17. Producto — Gestión Comercial

Ruta:

`/productos/gestion-comercial`

## 17.1 Mensaje

> **Del presupuesto técnico a la cotización, con control de versiones y aprobación.**

## 17.2 Capacidades

- BOM;
- importación Excel;
- partidas;
- cantidades;
- unidades;
- precios;
- impuestos configurables;
- aprobación técnica;
- aprobación financiera;
- cotización PDF;
- correo;
- factura / cuenta según proceso;
- historial comercial.

## 17.3 Demo

Ejemplo:

```text
Excel
→ análisis
→ BOM
→ presupuesto
→ aprobación
→ cotización
→ envío
```

## 17.4 CTA

**“Solicitar demostración comercial”**

---

# 18. Producto — Analítica y Decisiones

Ruta:

`/productos/analitica`

## 18.1 Mensaje

> **No solo almacenes información: conviértela en decisiones.**

## 18.2 Capacidades

- indicadores;
- alertas;
- riesgos;
- avance;
- presupuestos;
- ejecución;
- hitos;
- brechas;
- resumen ejecutivo;
- reportes.

## 18.3 Interacción

Dashboard ficticio:

- Proyectos activos;
- Avance promedio;
- Riesgos;
- Documentos pendientes;
- Presupuesto;
- Hitos.

---

# 19. Producto — Academia y Capacitación

Ruta:

`/productos/academia`

## 19.1 Capacidades

- cursos;
- cohortes;
- módulos;
- estudiantes;
- materiales;
- presentaciones;
- evidencias;
- evaluaciones;
- foros;
- quiz.

## 19.2 Comercialización

Presentar como solución complementaria para:

- formación interna;
- onboarding;
- capacitación técnica;
- inteligencia artificial;
- evidencias de aprendizaje.

---

# 20. Producto — POLUX / Automatización

Ruta:

`/productos/polux`

## 20.1 Posicionamiento

Presentar como línea de innovación y automatización, sin confundirla con capacidades obligatorias del core.

## 20.2 Mensaje

> **Asistencia inteligente y automatización conectadas al contexto operativo.**

## 20.3 Restricción

No afirmar que POLUX opera dispositivos, cámaras o sistemas de terceros si esa integración específica no está instalada y validada para el cliente.

Usar:

> “Capacidad configurable / integración sujeta a compatibilidad”.

---

# 21. Página Soluciones por necesidad

Ruta:

`/soluciones`

En lugar de obligar al visitante a conocer los nombres de módulos, se le pregunta:

> **¿Qué necesitas resolver?**

Opciones:

- Controlar proyectos.
- Centralizar documentos.
- Gestionar investigación.
- Hacer seguimiento a personas y contratos.
- Controlar presupuestos.
- Generar cotizaciones.
- Organizar evidencias.
- Gestionar capacitación.
- Ver indicadores.
- Automatizar tareas.

Cada selección recomienda uno o varios productos.

---

# 22. Configurador de solución

## 22.1 Componente inspirado en configuración de producto

El portal debe incluir un configurador comercial sin precios automáticos obligatorios.

Preguntas:

1. Tipo de organización.
2. Número aproximado de usuarios.
3. Áreas que quiere integrar.
4. Procesos prioritarios.
5. Necesidad de gestión documental.
6. Necesidad de ingeniería.
7. Necesidad de investigación.
8. Necesidad de capacitación.
9. Tipo de despliegue.
10. Necesidad de integración.

Resultado:

```text
Solución recomendada:
SIGII Ingeniería + Documental + Analítica

Complementos:
- Gestión Comercial
- Academia

Siguiente paso:
Solicitar diagnóstico
```

## 22.2 Regla

El configurador no debe generar compromisos de precio contractual.

---

# 23. Página Sectores

Ruta:

`/sectores`

## 23.1 Educación y formación

Mostrar:

- investigación;
- proyectos;
- docentes/instructores;
- desempeño;
- contratos;
- cursos;
- documentos;
- indicadores.

## 23.2 Ingeniería y construcción

- proyectos;
- cronogramas;
- BOM;
- presupuesto;
- planos;
- riesgos;
- aprobaciones;
- entregables.

## 23.3 Investigación e innovación

- CvLAC;
- GrupLAC;
- semilleros;
- proyectos;
- productos;
- evidencias.

## 23.4 Empresas de servicios

- clientes;
- proyectos;
- documentación;
- cotizaciones;
- contratos;
- indicadores.

---

# 24. Página Cómo funciona

Ruta:

`/como-funciona`

## 24.1 Historia visual

1. Captura información.
2. Organiza procesos.
3. Relaciona documentos.
4. Define responsables.
5. Controla avance.
6. Valida.
7. Aprueba.
8. Analiza.
9. Decide.
10. Audita.

## 24.2 Animación principal

Scroll storytelling:

- el usuario hace scroll;
- un dato entra;
- se convierte en registro;
- se vincula a un proceso;
- se relaciona con evidencia;
- se valida;
- alimenta indicador;
- genera decisión.

## 24.3 Frase

> **Una misma información no debería ser digitada, buscada y conciliada en cinco lugares diferentes.**

---

# 25. Demos públicas sin acceso

## 25.1 Requerimiento crítico

**SEC-DEMO-001 — Ninguna demo pública consultará la base productiva.**

## 25.2 Modalidades

### A. Video guiado

- 30 s;
- 60 s;
- 2–3 min.

### B. Simulador UI

Interfaz visual que imita flujos, pero trabaja con JSON estático ficticio.

### C. Storyboard interactivo

Paso 1 → paso 2 → paso 3.

### D. Sandbox separado

Solo si se crea un proyecto demo completamente aislado.

## 25.3 Datos demo

Nombres:

- Empresa Demo Andina S.A.S.
- Proyecto DEMO-ENG-001
- Ana Torres
- Carlos Méndez
- Grupo Innovación Demo

Marcar visible:

> **Entorno demostrativo — datos ficticios**

---

# 26. Centro de demos

Ruta:

`/demos`

Cards:

- Ingeniería;
- Investigación;
- Documental;
- Organizacional;
- Comercial;
- Academia.

Filtros:

- sector;
- objetivo;
- duración.

CTA:

**Solicitar demo personalizada**

---

# 27. Recursos y descargas

Ruta:

`/recursos`

## 27.1 Tipos

- fichas técnicas;
- brochures;
- videos;
- guías;
- infografías;
- casos;
- webinars;
- artículos;
- preguntas frecuentes.

## 27.2 Patrón inspirado en GENROD

Al igual que un catálogo industrial tiene:

- catálogo;
- instructivo;
- certificación;
- biblioteca técnica;

SIGII tendrá:

- ficha de producto;
- manual comercial;
- video;
- arquitectura;
- caso;
- checklist.

## 27.3 Recursos públicos permitidos

No publicar:

- contraseñas;
- claves;
- SQL;
- `config.js`;
- claves Supabase;
- service role;
- documentos internos;
- bases de clientes;
- archivos con datos personales.

---

# 28. Página Nosotros

Ruta:

`/nosotros`

## 28.1 Bloques

- Qué es SIGII.
- Propósito.
- Personalidad.
- Pilares.
- Cómo nació la solución.
- Metodología.
- Evolución.
- Compromiso con trazabilidad.
- Contacto.

## 28.2 Narrativa

La historia debe enfocarse en el problema:

> procesos aislados, documentos dispersos, decisiones tardías.

y la evolución hacia:

> una plataforma integrada.

---

# 29. Página “Por qué SIGII”

Ruta:

`/por-que-sigii`

## 29.1 Comparador

| Gestión fragmentada | Con SIGII |
|---|---|
| Múltiples archivos | Expediente relacionado |
| Versiones inciertas | Control de versiones |
| Indicadores manuales | Indicadores centralizados |
| Responsabilidad difusa | Roles y responsables |
| Evidencias en múltiples canales | Evidencia vinculada |
| Cotización desconectada | Presupuesto → aprobación → cotización |
| Proyectos sin historia | Trazabilidad |
| Datos repetidos | Modelo integrado |

## 29.2 Criterios de selección

- modularidad;
- usabilidad;
- trazabilidad;
- seguridad;
- soporte;
- personalización;
- escalabilidad;
- capacitación;
- reportes;
- integración.

---

# 30. Página Contacto

Ruta:

`/contacto`

## 30.1 Canales corporativos

**Teléfono:** `+57 315 436 8050`

**Soporte:**  
`soporte@sigii.ingeniactiva.com`

**Gestión documental:**  
`documentos@sigii.ingeniactiva.com`

**Comercial:**  
`comercial@sigii.ingeniactiva.com`

**Ingeniería:**  
`ingenieria@sigii.ingeniactiva.com`

## 30.2 Formulario

Campos:

- Nombre.
- Apellido.
- Empresa.
- Cargo.
- Correo.
- Teléfono.
- Ciudad.
- País.
- Sector.
- Número aproximado de usuarios.
- Interés.
- Mensaje.
- Aceptación privacidad.

Interés:

- Demo.
- Cotización.
- Ingeniería.
- Investigación.
- Gestión documental.
- Comercial.
- Academia.
- Soporte.

## 30.3 Routing

Según interés:

| Interés | Destino |
|---|---|
| Demo / propuesta | comercial@... |
| Ingeniería | ingenieria@... |
| Documentos | documentos@... |
| Soporte | soporte@... |

---

# 31. Solicitud de demo

Ruta:

`/demo`

## 31.1 Campos adicionales

- principal reto;
- módulos de interés;
- disponibilidad;
- modalidad;
- tamaño de organización.

## 31.2 Confirmación

Mensaje:

> Gracias. Hemos recibido tu solicitud de demostración de SIGII.

No prometer horario hasta confirmación.

---

# 32. Identidad visual

## 32.1 Paleta oficial

### Colores principales

| Token | HEX | Uso |
|---|---|---|
| `--sigii-navy` | `#062B5B` | fondos, navegación, títulos |
| `--sigii-blue` | `#11A8F5` | interacción, enlaces, acentos |
| `--sigii-white` | `#FFFFFF` | fondos y texto inverso |

### Soporte

| Token | HEX | Uso |
|---|---|---|
| `--sigii-gray-100` | `#E9EEF5` | superficies |
| `--sigii-yellow` | `#F1D324` | acento |
| `--sigii-red` | `#E63B3B` | acento puntual / alertas |

## 32.2 CSS tokens

```css
:root {
  --sigii-navy: #062B5B;
  --sigii-blue: #11A8F5;
  --sigii-white: #FFFFFF;
  --sigii-gray-100: #E9EEF5;
  --sigii-yellow: #F1D324;
  --sigii-red: #E63B3B;

  --sigii-text: #062B5B;
  --sigii-bg: #FFFFFF;
  --sigii-surface: #F7F9FC;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  --shadow-soft: 0 12px 40px rgba(6, 43, 91, .10);
}
```

## 32.3 Proporción de color

Aproximación del manual:

- 60 % azul oscuro;
- 25 % azul SIGII;
- 10 % blanco/gris;
- 3 % amarillo;
- 2 % rojo.

En portal público, el blanco puede dominar las páginas de lectura, conservando azul oscuro como estructura principal.

## 32.4 Contraste

Validaciones calculadas:

- `#062B5B` sobre blanco: excelente.
- blanco sobre `#062B5B`: excelente.
- `#11A8F5` sobre `#062B5B`: apto para texto normal.
- `#11A8F5` sobre blanco: no utilizar para párrafo pequeño; usar como acento, icono o texto grande.
- amarillo sobre blanco: no usar como texto.
- rojo sobre blanco: reservar para acento o texto grande; evitar cuerpo pequeño.

---

# 33. Tipografía

## 33.1 Principal

**Montserrat**

Usos:

- H1;
- H2;
- titulares;
- CTA;
- números destacados.

## 33.2 Secundaria

**Inter**

Usos:

- párrafos;
- UI;
- formularios;
- tablas;
- fichas.

## 33.3 Técnica

**Roboto Mono**

Usos:

- códigos;
- etiquetas;
- métricas;
- referencias;
- IDs.

## 33.4 Escala recomendada

```css
--text-xs: 12px;
--text-sm: 14px;
--text-base: 16px;
--text-lg: 18px;
--text-xl: 22px;
--h3: 28px;
--h2: clamp(36px, 4vw, 56px);
--h1: clamp(48px, 7vw, 88px);
```

---

# 34. Sistema de logotipo

## 34.1 Reglas

- no deformar;
- no rotar;
- no cambiar colores;
- no aplicar sombras;
- no reconstruir;
- no usar sobre fondo sin contraste;
- conservar área de seguridad;
- usar archivos maestros.

## 34.2 Tamaño mínimo de referencia

- impreso: 25 mm;
- digital: 120 px de ancho.

## 34.3 Hero

En hero oscuro:

- usar versión negativa o composición aprobada;
- evitar animar las letras individualmente;
- animar entorno, no deformar logo.

---

# 35. Iconografía

Estilo:

- lineal;
- técnico;
- geométrico;
- consistente;
- grosor uniforme;
- azul oscuro / blanco;
- acentos azules.

No mezclar:

- emojis;
- iconos 3D aleatorios;
- estilos cartoon;
- iconos con gradientes incompatibles.

---

# 36. Fotografía e imagen

## 36.1 Lenguaje visual

- ingeniería real;
- planos;
- trabajo técnico;
- equipos;
- reuniones profesionales;
- analítica;
- investigación;
- arquitectura;
- industria;
- equipos humanos colombianos/latinoamericanos;
- tecnología integrada a contextos reales.

## 36.2 IA generativa

Puede utilizarse para apoyo visual, pero:

- evitar estética genérica “robot azul”;
- evitar manos irreales;
- evitar textos incrustados erróneos;
- preferir fotografía real cuando exista;
- no representar como cliente real una organización no autorizada.

---

# 37. Animación e interacción

## 37.1 Principios

1. La animación explica.
2. No retrasa.
3. No bloquea.
4. No marea.
5. No reemplaza información.
6. Tiene alternativa para reduced motion.

## 37.2 Microinteracciones

- tarjetas suben 4–8 px;
- borde azul aparece;
- icono realiza transición;
- botón ilumina flecha;
- métricas count-up;
- tabs con indicador animado;
- acordeones;
- timelines;
- carouseles controlables.

## 37.3 Scroll storytelling

Permitido en:

- Home;
- Cómo funciona;
- Ingeniería;
- Investigación.

## 37.4 Parallax

Muy ligero.

Deshabilitar en:

`prefers-reduced-motion: reduce`.

---

# 38. Componentes UI

## 38.1 Botones

### Primario

Fondo azul SIGII, texto azul oscuro si contraste suficiente o fondo navy con blanco.

### Secundario

Borde navy, fondo transparente.

### Inverso

Blanco sobre navy.

## 38.2 Tarjeta de producto

Campos:

- icono;
- nombre;
- descripción;
- capabilities[];
- CTA.

## 38.3 Tarjeta de caso

- problema;
- solución;
- módulos;
- resultado;
- CTA.

## 38.4 Tabs

- teclado;
- ARIA;
- scroll horizontal móvil.

## 38.5 Modal

Solo:

- videos;
- demo;
- formularios breves.

No abusar.

---

# 39. Responsive

Breakpoints recomendados:

```text
Mobile: 320–767
Tablet: 768–1023
Desktop: 1024–1439
Wide: 1440+
```

## 39.1 Mobile

- navegación hamburguesa;
- acordeones;
- carouseles swipe;
- CTA sticky opcional;
- sin parallax pesado;
- tablas convertidas a cards.

---

# 40. Accesibilidad

Objetivo:

**WCAG 2.2 nivel AA.**

Requisitos:

- navegación por teclado;
- foco visible;
- landmarks;
- headings jerárquicos;
- labels;
- textos alternativos;
- contrastes;
- tamaño de targets;
- skip link;
- mensajes de error asociados;
- no depender solo del color;
- subtítulos en videos;
- reduced motion;
- modales con focus trap;
- no autoplay con sonido.

---

# 41. Performance

## 41.1 Objetivo

El portal debe sentirse rápido incluso con contenido visual.

## 41.2 Requisitos

- imágenes AVIF/WebP;
- lazy loading;
- fuentes locales o optimizadas;
- JavaScript dividido;
- animaciones CSS/transform;
- precarga solo hero;
- evitar video pesado en móvil;
- poster de video;
- CDN cuando exista.

## 41.3 Presupuesto inicial

Home:

- HTML < 150 KB comprimido;
- CSS crítico < 80 KB;
- JS inicial objetivo < 250 KB;
- hero optimizado;
- evitar imágenes > 500 KB cuando sea viable.

## 41.4 Core Web Vitals objetivo

- LCP <= 2.5 s;
- INP <= 200 ms;
- CLS <= 0.1.

Medición de campo prioritaria.

---

# 42. SEO

## 42.1 Arquitectura SEO

Cada producto tendrá URL propia.

Ejemplo:

```text
/productos/ingenieria
/productos/investigacion
/productos/gestion-documental
/productos/gestion-organizacional
/productos/gestion-comercial
/productos/analitica
```

## 42.2 Keywords conceptuales

Sin keyword stuffing:

- software de gestión de proyectos de ingeniería;
- gestión de investigación;
- gestión documental;
- software CvLAC GrupLAC;
- gestión de semilleros;
- control de proyectos;
- gestión de contratos;
- gestión del desempeño;
- presupuesto BOM;
- cotizaciones de ingeniería;
- trazabilidad documental;
- analítica institucional;
- plataforma de gestión integrada.

## 42.3 Metadata

Cada página:

- title;
- meta description;
- canonical;
- OpenGraph;
- Twitter cards;
- robots;
- JSON-LD.

## 42.4 Schema

Home:

- `Organization`

Producto:

- `SoftwareApplication`

Contenido:

- `Article` cuando aplique.

FAQ:

- utilizar marcado solo cuando corresponda a directrices vigentes.

---

# 43. Estrategia de contenido

## 43.1 Estructura de cada página de producto

1. Promesa.
2. Dolor.
3. Qué resuelve.
4. Cómo funciona.
5. Capacidades.
6. Flujo.
7. Demo.
8. Beneficios.
9. Integraciones.
10. FAQ.
11. CTA.

## 43.2 Regla de copy

Evitar:

> “Nuestra plataforma revolucionaria de última generación...”

Preferir:

> “Centraliza cronograma, documentos, presupuesto, riesgos y aprobaciones en un mismo expediente.”

---

# 44. Blog y contenido pilar

Ruta:

`/recursos/articulos`

Artículos iniciales:

1. Cómo centralizar un proyecto de ingeniería.
2. Qué debe tener un expediente técnico digital.
3. Cómo controlar versiones de documentos.
4. Gestión de proyectos de investigación.
5. CvLAC, GrupLAC y evidencias.
6. Del Excel al BOM.
7. Cómo mejorar la trazabilidad.
8. Gestión de contratos y evidencias.
9. Indicadores para decisiones.
10. Cómo seleccionar software de gestión.

---

# 45. Casos de uso

## 45.1 Caso demostrativo Ingeniería

**Problema:** información distribuida entre planos, hojas y correos.

**SIGII:**

- proyecto;
- cronograma;
- documentos;
- presupuesto;
- riesgo;
- aprobación;
- cotización.

## 45.2 Investigación

**Problema:** proyectos y productos no relacionados.

**SIGII:**

- investigador;
- grupo;
- proyecto;
- producto;
- evidencia;
- indicador.

## 45.3 Gestión documental

**Problema:** múltiples versiones.

**SIGII:**

- versión;
- estado;
- revisión;
- aprobación;
- historial.

---

# 46. Seguridad pública

## 46.1 Prohibiciones

El frontend público no contendrá:

- service_role;
- claves SMTP;
- contraseñas;
- tokens privados;
- claves de cPanel;
- datos personales;
- documentos contractuales;
- identificaciones;
- información salarial;
- expedientes reales;
- endpoints administrativos.

## 46.2 Formularios

- validación frontend y backend;
- rate limiting;
- protección anti-spam;
- sanitización;
- CSRF si aplica;
- HTTPS;
- política de privacidad.

## 46.3 Cabeceras

Recomendadas:

- Content-Security-Policy;
- Strict-Transport-Security;
- X-Content-Type-Options;
- Referrer-Policy;
- Permissions-Policy;
- frame-ancestors.

---

# 47. Privacidad

El portal deberá:

- publicar política de privacidad;
- informar finalidad de formularios;
- no pedir datos innecesarios;
- limitar tracking;
- permitir consentimiento donde corresponda;
- separar analytics de información sensible.

---

# 48. Analítica comercial

Eventos:

```text
page_view
product_view
demo_start
demo_complete
download_brochure
download_technical_sheet
cta_demo_click
cta_commercial_click
cta_engineering_click
contact_submit
solution_configurator_start
solution_configurator_complete
client_access_click
```

Dimensiones:

- producto;
- sector;
- fuente;
- campaña;
- dispositivo.

---

# 49. Integración CRM / leads

Fase inicial:

- email estructurado;
- almacenamiento controlado;
- exportación CSV.

Fase avanzada:

- CRM;
- pipeline;
- scoring;
- automatización.

Nunca guardar lead en estado global del frontend.

---

# 50. Email y canales

## 50.1 Comercial

`comercial@sigii.ingeniactiva.com`

Recibe:

- demos;
- cotizaciones;
- alianzas;
- ventas.

## 50.2 Ingeniería

`ingenieria@sigii.ingeniactiva.com`

Recibe:

- consultas técnicas;
- proyectos;
- alcance;
- integraciones.

## 50.3 Documentos

`documentos@sigii.ingeniactiva.com`

Recibe:

- documentos solicitados;
- propuestas;
- soportes.

## 50.4 Soporte

`soporte@sigii.ingeniactiva.com`

Recibe:

- soporte de clientes existentes.

---

# 51. Stack tecnológico

## 51.1 Condición

Debe poder desplegarse en infraestructura cPanel.

## 51.2 Opción preferente

Frontend estático/SSR exportable:

- Astro + componentes;
- React/Vue donde la interacción lo requiera;
- build estático.

Alternativa:

- Vite + React exportado estático.

Alternativa simple:

- HTML5 + CSS + JavaScript modular.

## 51.3 Regla

No incorporar una arquitectura Node persistente si el hosting no la soporta.

---

# 52. Estructura de archivos sugerida

```text
/
├── index.html
├── productos/
├── soluciones/
├── sectores/
├── demos/
├── recursos/
├── nosotros/
├── contacto/
├── assets/
│   ├── brand/
│   ├── images/
│   ├── video/
│   ├── icons/
│   ├── demos/
│   └── docs/
├── css/
├── js/
├── data/
│   └── demo/
├── api/
│   └── contact/
├── robots.txt
├── sitemap.xml
└── .htaccess
```

---

# 53. Modelo de contenido

## 53.1 Product

```yaml
id: engineering
name: Dirección de Ingeniería
slug: ingenieria
tagline: Del levantamiento a la decisión
summary: >
  Centraliza alcance, cronograma, presupuesto, riesgos,
  documentos, evidencias y aprobaciones.
capabilities:
  - Cronogramas
  - BOM
  - Presupuestos
  - Riesgos
  - Documentos
  - Aprobaciones
cta: Solicitar demo
```

## 53.2 CaseStudy

```yaml
title:
sector:
problem:
solution:
modules:
result:
authorized:
```

## 53.3 Resource

```yaml
title:
type:
product:
file:
public: true
```

---

# 54. Animaciones requeridas

| ID | Componente | Animación |
|---|---|---|
| AN-01 | Hero | entrada de capas |
| AN-02 | Núcleo | conexión progresiva |
| AN-03 | Tarjetas producto | hover elevación |
| AN-04 | Métricas | count-up |
| AN-05 | Timeline | progreso |
| AN-06 | Diagramas | líneas animadas |
| AN-07 | Mega-menu | fade + slide |
| AN-08 | Carrusel | snap |
| AN-09 | Demo | step transition |
| AN-10 | CTA | microinteracción |

---

# 55. Requerimientos funcionales

## 55.1 Navegación

**FR-NAV-001**  
El portal debe disponer de navegación global.

**Criterio:** accesible desde todas las páginas.

**FR-NAV-002**  
Debe existir mega-menú Productos.

**FR-NAV-003**  
Debe existir breadcrumb en páginas profundas.

**FR-NAV-004**  
Debe existir búsqueda de recursos/productos en fase 2.

## 55.2 Productos

**FR-PROD-001**  
Cada producto tendrá página propia.

**FR-PROD-002**  
Cada producto incluirá capacidades reales documentadas.

**FR-PROD-003**  
Cada producto tendrá CTA.

**FR-PROD-004**  
Debe permitir ir al siguiente producto sin regresar al menú.

## 55.3 Demo

**FR-DEMO-001**  
El visitante podrá ejecutar demos sin login.

**FR-DEMO-002**  
Las demos usarán datos ficticios.

**FR-DEMO-003**  
Cada demo mostrará etiqueta “Datos demostrativos”.

**FR-DEMO-004**  
No consultará APIs privadas.

## 55.4 Formularios

**FR-FORM-001**  
Formulario de contacto.

**FR-FORM-002**  
Formulario de demo.

**FR-FORM-003**  
Enrutamiento por interés.

**FR-FORM-004**  
Confirmación al usuario.

**FR-FORM-005**  
Registro de evento analítico.

## 55.5 Recursos

**FR-RES-001**  
Catálogo de recursos.

**FR-RES-002**  
Filtro por producto.

**FR-RES-003**  
Descargas autorizadas.

## 55.6 Acceso

**FR-AUTH-001**  
“Acceso SIGII” redirige a login privado.

**FR-AUTH-002**  
No existe registro público automático salvo proyecto específico.

---

# 56. Requerimientos no funcionales

## 56.1 Seguridad

**NFR-SEC-001**  
HTTPS obligatorio.

**NFR-SEC-002**  
No secretos en bundle.

**NFR-SEC-003**  
Dependencias actualizadas.

## 56.2 Accesibilidad

**NFR-A11Y-001**  
WCAG 2.2 AA.

## 56.3 Performance

**NFR-PERF-001**  
Core Web Vitals en rango “good” como objetivo.

## 56.4 Compatibilidad

**NFR-COMP-001**

Últimas dos versiones estables de:

- Chrome;
- Edge;
- Firefox;
- Safari.

## 56.5 SEO

**NFR-SEO-001**  
HTML indexable.

**NFR-SEO-002**  
Sitemap.

**NFR-SEO-003**  
Metadata.

---

# 57. Criterios de aceptación por página

## 57.1 Home

Se acepta si:

- marca correcta;
- mensaje claro;
- 8 soluciones;
- flujo Datos → Decisiones;
- demo;
- CTA;
- contacto;
- responsive;
- sin datos privados.

## 57.2 Producto

Se acepta si:

- problema;
- capacidades;
- flujo;
- demo;
- beneficios;
- CTA;
- SEO.

## 57.3 Contacto

Se acepta si:

- formulario funciona;
- correo correcto;
- validación;
- privacidad;
- anti-spam.

---

# 58. Pruebas

## 58.1 Funcionales

- navegación;
- enlaces;
- forms;
- descargas;
- demos;
- filtros;
- carouseles.

## 58.2 Responsive

- 320;
- 375;
- 390;
- 768;
- 1024;
- 1366;
- 1440;
- 1920.

## 58.3 Accesibilidad

- teclado;
- lector;
- contraste;
- focus;
- alt;
- labels;
- reduced motion.

## 58.4 Seguridad

- inspección bundle;
- búsqueda de secretos;
- formularios;
- headers;
- directorios;
- backups no públicos.

---

# 59. Contenido mínimo para lanzamiento

## Home

- hero;
- concepto;
- productos;
- cómo funciona;
- beneficios;
- demo;
- sectores;
- seguridad;
- CTA.

## Productos

Mínimo:

1. Ingeniería.
2. Investigación.
3. Organizacional.
4. Documental.
5. Comercial.
6. Analítica.

## Institucional

- Nosotros.
- Contacto.
- Privacidad.

## Comercial

- Demo.
- Fichas.

---

# 60. Priorización MoSCoW

## MUST

- Home;
- productos;
- demos;
- contacto;
- marca;
- mobile;
- seguridad;
- SEO base;
- acceso separado.

## SHOULD

- sectores;
- configurador;
- recursos;
- animaciones avanzadas.

## COULD

- blog;
- comparador;
- chat;
- casos públicos.

## WON'T — versión inicial

- acceso público al backend;
- cuentas de prueba sobre producción;
- publicación automática de datos SIGII;
- ecommerce;
- precios contractuales automáticos.

---

# 61. Fases del proyecto

## Fase 0 — Descubrimiento

- inventario;
- sitemap;
- assets;
- copy;
- demos.

## Fase 1 — UX

- wireframes;
- journeys;
- prototipo.

## Fase 2 — UI

- design system;
- motion;
- responsive.

## Fase 3 — Desarrollo

- componentes;
- páginas;
- forms;
- demos.

## Fase 4 — Contenido

- textos;
- imágenes;
- videos;
- fichas.

## Fase 5 — QA

- funcional;
- accesibilidad;
- seguridad;
- performance.

## Fase 6 — Publicación

- cPanel;
- SSL;
- analytics;
- sitemap;
- Search Console.

---

# 62. Wireframe textual Home

```text
┌────────────────────────────────────────────────────────────┐
│ LOGO   Productos Soluciones Sectores Demos ... [DEMO]      │
├────────────────────────────────────────────────────────────┤
│ HERO                                                       │
│ Ingeniería, investigación e inteligencia...                │
│ [Solicitar demo] [Explorar productos]                      │
│                                             dashboard demo │
├────────────────────────────────────────────────────────────┤
│ DATOS → PROCESOS → INFORMACIÓN → INTELIGENCIA → DECISIONES │
├────────────────────────────────────────────────────────────┤
│ EXPLORA EL ECOSISTEMA SIGII                                │
│ [Ing] [Inv] [Org] [Doc] [Com] [Ana] [Acad] [Polux]        │
├────────────────────────────────────────────────────────────┤
│ GESTIÓN FRAGMENTADA VS SIGII                               │
├────────────────────────────────────────────────────────────┤
│ MIRA SIGII EN ACCIÓN                                      │
│ [video/demo]                                               │
├────────────────────────────────────────────────────────────┤
│ SOLUCIONES POR SECTOR                                      │
├────────────────────────────────────────────────────────────┤
│ SEGURIDAD Y TRAZABILIDAD                                   │
├────────────────────────────────────────────────────────────┤
│ CTA FINAL                                                  │
├────────────────────────────────────────────────────────────┤
│ FOOTER                                                     │
└────────────────────────────────────────────────────────────┘
```

---

# 63. Footer

Columnas:

### Productos

- Ingeniería
- Investigación
- Organizacional
- Documental
- Comercial
- Analítica
- Academia

### Recursos

- Demos
- Fichas
- Artículos
- FAQ

### Empresa

- Nosotros
- Contacto
- Privacidad

### Contacto

- +57 315 436 8050
- comercial@sigii.ingeniactiva.com
- ingenieria@sigii.ingeniactiva.com

### Operación

- Acceso SIGII

---

# 64. Componentes comerciales reutilizables

- HeroProduct
- ProductCard
- CapabilityGrid
- DemoPlayer
- ProcessTimeline
- BenefitCard
- ComparisonTable
- QuoteCTA
- ContactCTA
- ResourceCard
- MetricDemo
- RiskMatrixDemo
- GanttDemo
- DocumentVersionDemo
- ResearchGraphDemo
- ApprovalFlowDemo
- SectorCard
- FAQAccordion

---

# 65. Requerimiento de demostración de operatividad

El objetivo comercial es que el cliente entienda **cómo se usa SIGII**, no solo qué dice que hace.

Cada producto debe tener mínimo un flujo demostrativo.

Ejemplo Ingeniería:

```text
1. Crear proyecto
2. Definir alcance
3. Generar cronograma
4. Cargar evidencia
5. Construir presupuesto
6. Aprobar
7. Cotizar
8. Reportar
```

La demostración:

- responde a clics;
- muestra estados;
- explica resultado;
- no requiere login;
- no modifica nada real.

---

# 66. Mensajes comerciales sugeridos

## Ingeniería

> Lleva alcance, planos, cronograma, presupuesto, riesgos y aprobación en un mismo expediente.

## Investigación

> Conecta personas, grupos, proyectos, productos y evidencias para transformar actividad investigativa en información estructurada.

## Documental

> Controla cada documento desde la carga hasta la aprobación, sin perder versiones ni contexto.

## Organizacional

> Integra personas, contratos, tiempos y desempeño con trazabilidad.

## Comercial

> Convierte información técnica y BOM en presupuestos, aprobaciones y cotizaciones.

## Analítica

> Observa lo que ocurre, identifica riesgos y decide con información consolidada.

---

# 67. FAQ inicial

### ¿Puedo probar SIGII desde el portal?

Puedes recorrer demostraciones públicas con datos ficticios. El entorno productivo está reservado a usuarios autorizados.

### ¿SIGII se adapta a diferentes organizaciones?

Su arquitectura es modular y los módulos pueden configurarse según el alcance de implementación.

### ¿Puedo contratar solo algunos módulos?

La propuesta comercial deberá poder plantearse por alcance, sujeto a diagnóstico.

### ¿SIGII maneja proyectos de ingeniería?

Sí. Incluye capacidades documentadas de alcance, cronograma, documentos, presupuesto, riesgos, avances y aprobaciones.

### ¿SIGII maneja investigación?

Sí. Integra investigadores, CvLAC, GrupLAC, grupos, semilleros, proyectos, productos y evidencias.

### ¿Qué pasa con mis documentos?

La implementación productiva deberá aplicar permisos, almacenamiento y políticas definidas para el cliente.

### ¿El portal público muestra información real?

No. Todas las demos públicas deben usar información ficticia o autorizada.

---

# 68. SEO — mapa de landing pages

```text
/software-gestion-proyectos-ingenieria
/software-gestion-investigacion
/software-gestion-documental
/software-gestion-contratos
/software-gestion-desempeno
/software-bom-presupuestos-cotizaciones
/software-cvlac-gruplac
/plataforma-gestion-integrada
```

Estas URLs deben redirigir o resolver a páginas de producto/solución cuidadosamente construidas y evitar contenido duplicado.

---

# 69. Datos estructurados sugeridos

Ejemplo conceptual:

```json
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "SIGII",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Web",
  "description": "Plataforma integrada para gestión de investigación, ingeniería y procesos organizacionales."
}
```

No incluir precio si no existe oferta pública válida.

---

# 70. Social sharing

Cada producto debe contar con:

- OG title;
- OG description;
- imagen 1200x630;
- logo;
- URL canonical.

---

# 71. CMS / administración del portal

Idealmente el portal podrá actualizar:

- textos;
- productos;
- recursos;
- casos;
- videos;
- FAQs;
- noticias.

Sin recompilar aplicación cuando sea viable.

Si se usa CMS:

- autenticado;
- separado;
- roles;
- backups;
- preview.

---

# 72. Gestión de activos

Naming:

```text
sigii-product-engineering-hero.webp
sigii-demo-engineering-01.webp
sigii-icon-document.svg
sigii-brochure-engineering-v1.pdf
```

No:

```text
imagen1.png
final-final2.jpg
nuevo.pdf
```

---

# 73. Versionado

Todo recurso:

- versión;
- fecha;
- propietario;
- estado;
- público/privado.

---

# 74. Política de casos de éxito

Un caso real solo se publica si existe autorización.

De lo contrario:

> “Caso demostrativo basado en un flujo típico.”

No publicar logos de clientes sin autorización.

---

# 75. Riesgos del proyecto

| Riesgo | Mitigación |
|---|---|
| Confundir portal con sistema | Separación visual y técnica |
| Exponer datos | Demos sintéticas |
| Sobreprometer | Trazabilidad con manual |
| Sitio pesado | Performance budget |
| Exceso de animación | Motion controlado |
| Menú muy complejo | Soluciones por necesidad |
| SEO duplicado | Arquitectura canonical |
| Form spam | Protección |
| Inconsistencia de marca | Design tokens |
| Dependencia de una persona | CMS/documentación |

---

# 76. Definition of Done

Una página se considera terminada cuando:

- contenido aprobado;
- responsive;
- accesible;
- SEO;
- performance;
- analytics;
- links;
- QA;
- sin secretos;
- sin datos reales;
- marca correcta.

---

# 77. Checklist previo a producción

- [ ] Dominio público definido.
- [ ] Aplicativo privado sigue aislado.
- [ ] SSL.
- [ ] Backup.
- [ ] Assets optimizados.
- [ ] Demos ficticias.
- [ ] Formularios.
- [ ] Correos creados.
- [ ] SPF/DKIM.
- [ ] Política privacidad.
- [ ] Analytics.
- [ ] robots.txt.
- [ ] sitemap.xml.
- [ ] canonical.
- [ ] schema.
- [ ] WCAG.
- [ ] reduced motion.
- [ ] mobile.
- [ ] CSP.
- [ ] pruebas de secretos.
- [ ] enlaces.
- [ ] 404.
- [ ] 500.
- [ ] favicon.
- [ ] OG.
- [ ] backups no públicos.

---

# 78. Requerimientos de contenido derivados del SIGII real

## Investigación

Debe mostrarse que la solución puede articular:

- investigador;
- CvLAC;
- GrupLAC;
- grupo;
- semillero;
- línea;
- proyecto;
- actividad;
- producto;
- evidencia.

## Ingeniería

Debe mostrarse:

- objetivo;
- alcance;
- cliente;
- fase;
- cronograma;
- avance;
- presupuesto;
- BOM;
- riesgos;
- documentos;
- aprobaciones;
- decisión.

## Organizacional

Debe mostrarse:

- persona;
- cargo;
- vinculación;
- periodo;
- tiempos;
- contrato;
- desempeño.

## Documental

Debe mostrarse:

- documento;
- versión;
- estado;
- revisión;
- aprobación;
- usuario;
- fecha.

## Comercial

Debe mostrarse:

- BOM;
- presupuesto;
- aprobación;
- cotización;
- comunicación;
- historial.

---

# 79. Matriz de trazabilidad ERS ↔ módulos

| Requisito portal | Fuente funcional SIGII |
|---|---|
| Explorador Investigación | Gestión integral de investigación |
| CvLAC demo | Hoja de vida CvLAC |
| Portafolio demo | Portafolio |
| Engineering demo | Dirección de ingeniería |
| BOM demo | Cotizaciones y facturación |
| Document demo | Gestión documental |
| Approval demo | Evaluación / flujos |
| Org demo | Gestión organizacional |
| Contract demo | Contratos y cuentas |
| Performance demo | Gestión desempeño |
| Academy demo | Capacitación |
| Analytics demo | Panel / indicadores |
| Audit storytelling | Auditoría |
| Standards content | Normativa |

---

# 80. Recomendación de identidad del portal público

Para no parecer un “panel administrativo abierto”, el portal utilizará dos lenguajes complementarios:

### Capa comercial

- fotografía;
- titulares;
- storytelling;
- producto;
- movimiento.

### Capa de demostración

- componentes UI;
- dashboards;
- charts;
- forms demo.

Esto permite vender la operación sin convertir la Home en una captura del software.

---

# 81. Dirección de arte

## Hero

Fusión de:

- ciudad/infraestructura;
- plano técnico;
- red de información;
- dashboard;
- personas.

## Páginas claras

Fondo blanco + planos arquitectónicos muy suaves.

## Páginas oscuras

Azul navy + red digital.

## Acentos Colombia

La línea amarillo / azul / rojo se usa como detalle de identidad, no como bandera dominante.

---

# 82. Motion storyboard Home

```text
0ms    fondo
150ms  grid técnico
300ms  logo
450ms  H1
650ms  subtítulo
800ms  CTAs
900ms  dashboard
1100ms nodos
```

No bloquear interacción.

---

# 83. Requerimiento de “producto explorable”

Cada módulo se comportará como producto.

## Card

```text
[ICON]
DIRECCIÓN DE INGENIERÍA

Planea, controla y documenta proyectos técnicos.

• Cronograma
• Presupuesto
• Riesgos

[EXPLORAR]
```

## Detail

```text
Hero
Galería
Descripción
Funcionalidades
Cómo funciona
Casos
Complementos
Demo
Ficha
Consultar
```

Este patrón toma la lógica de catálogo industrial de GENROD y la traduce a software.

---

# 84. Complementos de productos

Ejemplo:

Dirección de Ingeniería

**Complementos recomendados:**

- Gestión Documental;
- Gestión Comercial;
- Analítica;
- Empresas aliadas.

Investigación

**Complementos:**

- Gestión Documental;
- Indicadores;
- Academia.

---

# 85. Bundles comerciales conceptuales

No constituyen precio.

### SIGII Ingeniería

- Ingeniería
- Documental
- Comercial
- Analítica

### SIGII Investigación

- Investigación
- CvLAC/GrupLAC
- Documental
- Indicadores

### SIGII Organización

- Personas
- Contratos
- Desempeño
- Capacitación

### SIGII Integral

- ecosistema completo

---

# 86. Comparador de paquetes

El portal puede mostrar capacidades incluidas sin mostrar precio:

| Función | Ingeniería | Investigación | Organización | Integral |
|---|---:|---:|---:|---:|
| Documentos | ✓ | ✓ | ✓ | ✓ |
| Proyectos | ✓ | ✓ | — | ✓ |
| BOM | ✓ | — | — | ✓ |
| CvLAC | — | ✓ | — | ✓ |
| Contratos | — | — | ✓ | ✓ |
| Analítica | ✓ | ✓ | ✓ | ✓ |

“—” significa no incluido en el paquete conceptual, no incapacidad técnica.

---

# 87. CTA hierarchy

## Nivel 1

**Solicitar demo**

## Nivel 2

**Hablar con Comercial**

## Nivel 3

- Descargar ficha.
- Ver demo.
- Hablar con Ingeniería.

## Nivel 4

**Acceso SIGII**

No competir visualmente con “Solicitar demo”.

---

# 88. Lead magnet

Recursos:

- Checklist de digitalización de proyectos;
- guía de expediente técnico;
- checklist de investigación;
- guía de control documental;
- matriz de madurez de gestión.

Formulario reducido:

- nombre;
- empresa;
- email.

---

# 89. Página 404

Mensaje:

> **No encontramos esta ruta, pero podemos ayudarte a encontrar la solución.**

Botones:

- Ir a productos.
- Contacto.

---

# 90. Estados vacíos

Demos:

> “Selecciona un proyecto de demostración.”

No mostrar pantallas vacías genéricas.

---

# 91. Mensajes de error

Humano + técnico.

Ejemplo:

> No pudimos enviar tu solicitud. Tus datos no se han perdido. Intenta nuevamente o escríbenos a comercial@sigii.ingeniactiva.com.

---

# 92. Mensajes de confianza

Distribuir:

- “Demo con datos ficticios.”
- “Acceso productivo protegido.”
- “Control por roles.”
- “Trazabilidad de cambios.”
- “Historial de documentos.”

---

# 93. Uso de logos de estándares

No usar logos oficiales ISO, Minciencias, SENA u otras entidades como si existiera aval.

Solo usar cuando:

- autorización;
- contexto informativo;
- cumplimiento legal de marca.

---

# 94. Internacionalización

Primera versión:

- español Colombia.

Preparar arquitectura:

- `/es/`
- `/en/`

No traducir automáticamente terminología técnica sin revisión.

---

# 95. Cookies

Si analytics requiere cookies no esenciales:

- banner;
- aceptar;
- rechazar;
- preferencias.

Evitar dark patterns.

---

# 96. Search Console

Configurar:

- propiedad;
- sitemap;
- inspección;
- cobertura;
- Core Web Vitals.

---

# 97. Observabilidad

Registrar:

- errores JS;
- errores forms;
- 404;
- performance.

Sin capturar campos sensibles.

---

# 98. Mantenimiento

Cadencia sugerida:

- contenido: mensual;
- dependencias: mensual;
- seguridad: mensual;
- links: mensual;
- performance: trimestral;
- SEO: trimestral;
- producto: por versión.

---

# 99. Entregables del desarrollo

1. Repositorio.
2. Código fuente.
3. Build cPanel.
4. Design system.
5. Assets.
6. Demos.
7. Manual administrador.
8. Manual publicación.
9. Inventario contenido.
10. Matriz SEO.
11. Matriz analytics.
12. Acta QA.
13. Backup.
14. SHA-256 del paquete.

---

# 100. Fuentes externas de referencia

## Portales solicitados

- https://pensemos.com/sistemas-integrados-de-gestion/
- https://isa.co/nosotros/gestion-empresarial-sistemas-integrados-de-gestion/
- https://isotools.org/normas/sistemas-integrados/
- https://isolucion.com/blog/top-10-software-para-sistemas-de-gestion-iso/
- https://softland.com/co/mejora-tu-empresa-con-los-mejores-sistemas-integrados-de-gestion/
- https://www.genrod.com.ar/home
- https://www.genrod.com.ar/productos
- https://www.genrod.com.ar/descargas

## Estándares técnicos

- WCAG 2.2: https://www.w3.org/TR/WCAG22/
- Google Search structured data — Organization:
  https://developers.google.com/search/docs/appearance/structured-data/organization
- Google Search structured data — SoftwareApplication:
  https://developers.google.com/search/docs/appearance/structured-data/software-app

---

# 101. Decisión de arquitectura recomendada

Para el objetivo comercial definido, se recomienda:

> **Construir un nuevo portal público de marca y producto, físicamente separado del SIGII productivo, con un catálogo de soluciones al estilo de un fabricante tecnológico, contenido educativo de profundidad y demos interactivas con datos sintéticos.**

No se recomienda:

> abrir el panel de SIGII y ocultar botones.

La separación real es más segura, más comercial y más escalable.

---

# 102. Resultado esperado

Al finalizar, un gerente que nunca ha visto SIGII debe poder responder, sin hablar todavía con un vendedor:

1. ¿Qué es SIGII?
2. ¿Qué problemas resuelve?
3. ¿Qué módulos tiene?
4. ¿Cuál aplica a mi empresa?
5. ¿Cómo funciona?
6. ¿Qué se ve dentro?
7. ¿Cómo protege la información?
8. ¿Cómo se implementa?
9. ¿Qué recursos puedo descargar?
10. ¿Cómo solicito una demo?

Y el visitante deberá entender claramente que:

> **Está explorando el portal comercial de SIGII, no el aplicativo productivo ni los datos de un cliente.**

---

# 103. Aprobación del concepto

**Concepto rector del portal:**

> **Explora SIGII como un ecosistema de productos, comprende su operación mediante experiencias demostrativas y solicita una implementación adaptada a tu organización.**

**Concepto visual:**

> **Ingeniería + información + ciudad + procesos + analítica + decisión.**

**Concepto de interacción:**

> **Explorar → comprender → demostrar → confiar → contactar.**

---

# FIN DE LA ESPECIFICACIÓN

**Archivo:** `ESPECIFICACION_REQUERIMIENTOS_PORTAL_WEB_SIGII_V1_0.md`  
**Marca:** SIGII  
**Contacto:** +57 315 436 8050  
**Portal operativo:** sigii.ingeniactiva.com  
**Comercial:** comercial@sigii.ingeniactiva.com  
**Ingeniería:** ingenieria@sigii.ingeniactiva.com  
**Documentos:** documentos@sigii.ingeniactiva.com  
**Soporte:** soporte@sigii.ingeniactiva.com