TurisMercado Colombia — Sistema Web Marketplace Turístico Premium

Galería de Imágenes

Descripción

Sistema web empresarial completo para la gestión de un marketplace de turismo. Incluye 83 pantallas funcionales organizadas en 10 módulos: Administración del Sistema, Comercialización y Finanzas, Formación y Sostenibilidad, Gestión de Plataforma, Portal del Proveedor, Portal del Viajero, Portal Institucional Connect, Reportes y Analítica, Academia TurisMercado y Sostenibilidad. Arquitectura de navegación por iframe con sidebar colapsable, gráficas Chart.js, mapas Leaflet, asistente IA integrado y sistema de historial de versiones. Listo para adaptar a cualquier negocio turístico, agencia, destino o plataforma de experiencias.

Características

• 83 pantallas HTML funcionales organizadas en 10 módulos de negocio
• Navegación principal por iframe con sidebar colapsable y responsive
• Panel de Administración del Sistema con 11 sub-módulos
• Portal del Proveedor completo: catálogo, inventario, precios dinámicos, pagos, CRM
• Portal del Viajero: reservas, itinerarios, comunidad, programa de lealtad
• Portal Institucional Connect: campañas regionales, certificaciones, programas de capacitación
• Módulo de Reportes y Analítica con 21 dashboards especializados
• Programa de Lealtad con 5 niveles: Bronce, Plata, Oro, Platino, Diamante
• Academia TurisMercado: gestión de cursos, mentorías, biblioteca de recursos
• Sistema de Sostenibilidad Verde y Social con métricas de impacto
• Módulo de Facturación Electrónica y Conciliación de Pagos
• Gráficas interactivas: línea, barra, dona, radar (Chart.js)
• Mapas interactivos de destinos turísticos (Leaflet.js)
• Selectores de fecha avanzados con Flatpickr
• Asistente IA integrado en la barra de navegación con historial de versiones
• Gestión dinámica de menús desde la interfaz (sin tocar código)
• Diseño responsive con breakpoints Bootstrap 5
• Paleta de colores corporativa con CSS Variables fácilmente personalizable
• Sistema anti-fraude y monitoreo de pagos
• Módulo de publicidad interna y posicionamiento

Documentación

<div class="logo-container">
  <div class="logo-icon"><i class="fas fa-map-marked-alt"></i></div>
  <div>
    <span>
      <span class="logo-text-main">MiEmpresa</span>
      <span class="logo-text-accent">Turismo</span>
    </span>
    <span class="logo-tagline">Mi Eslogan Aquí</span>
  </div>
</div>

:root {
  --color-primary:    #1A7254;  /* Verde principal — menú, botones, títulos */
  --color-secondary:  #F4A734;  /* Dorado — acentos, badges, hover           */
  --color-tertiary:   #E85D3F;  /* Naranja/rojo — alertas, cerrar sesión     */
  --color-background: #F6F9F3;  /* Fondo general de la app                   */
  --color-text:       #2C3E50;  /* Texto principal                           */
  --color-white:      #FFFFFF;
}