Digitup Constructor con portlets
Interfaz interna para componer landings combinando bloques reutilizables y configurables.
Turismo
Landings dinámicas
IA
RAG
Traducción automática
Portlets
Mundomar Cruceros: constructor de landings e IA para turismo
Sistema interno para crear landings comerciales a medida, traducir páginas con IA y mejorar la búsqueda de cruceros mediante RAG y asistentes conversacionales.
Resumen del proyecto
Mundomar Cruceros es una agencia de viajes especializada en cruceros que opera con múltiples navieras, mercados internacionales y campañas comerciales continuas. Digitup desarrolló para ellos una plataforma interna orientada a la creación de landings comerciales a medida: un constructor basado en portlets reutilizables que permite a equipos de marketing y producto publicar páginas sin depender del desarrollo tradicional página a página.
El sistema va más allá del CMS clásico. Combina generación dinámica de HTML, CSS y JavaScript, compilación con Gulp, renderización con plantillas Apache Velocity (.vm) y una capa de inteligencia artificial para traducir páginas HTML completas, buscar cruceros y barcos mediante RAG y asistir al usuario con un chat de recomendación. El resultado es una base flexible para turismo digital que acelera campañas y reduce cuellos de botella técnicos.
Contexto y necesidad
En el sector de cruceros, cada naviera, mercado y país exige landings distintas: ofertas específicas, tono comercial adaptado, imágenes, precios, rutas y llamadas a la acción diferentes. Mundomar trabaja con un volumen alto de campañas y necesita responder con rapidez cuando aparece una promoción, un nuevo barco o una oportunidad estacional en un mercado concreto.
Hasta entonces, crear o adaptar landings implicaba depender del equipo técnico para cada cambio de contenido, estilo o idioma. Eso ralentizaba la operación comercial y dificultaba escalar a nuevos países. Además, la búsqueda de cruceros entre catálogos extensos no siempre devolvía resultados útiles para el usuario final, y traducir páginas completas manteniendo el HTML intacto era un proceso manual costoso.
Qué problema había que resolver
El reto principal era doble: por un lado, dotar a Mundomar de un sistema interno capaz de construir landings comerciales de forma modular, reutilizable y configurable sin reescribir código en cada campaña; por otro, incorporar inteligencia artificial donde más aportaba valor — traducción de páginas, búsqueda semántica de cruceros y asistencia conversacional al visitante.
Había que resolver la dependencia técnica en tareas repetitivas, la complejidad de adaptar contenido a distintas navieras y mercados, y la fricción entre equipos comerciales y desarrollo. La solución debía ser estable en producción, mantener coherencia visual entre landings y permitir evolucionar portlets, estilos y funcionalidades de IA sin reconstruir la plataforma desde cero.
La solución desarrollada por Digitup
Digitup diseñó e implementó un constructor de landings basado en portlets: bloques de contenido reutilizables que se configuran según naviera, campaña, mercado o idioma. Cada portlet encapsula lógica, presentación y parámetros editables, de modo que el equipo interno puede componer páginas completas combinando módulos sin tocar el núcleo del sistema.
La generación de assets es dinámica: HTML, CSS y JavaScript se producen a partir de configuraciones y plantillas .vm de Apache Velocity, con Gulp como pipeline de compilación. Sobre esa base se integraron tres capacidades de IA: traducción automática de páginas HTML preservando estructura y marcado, búsqueda de cruceros y barcos mediante RAG sobre el catálogo, y un chat asistido que orienta al usuario hacia opciones relevantes según sus preferencias.
Qué construimos
Un ecosistema interno de landings modulares con IA integrada en traducción, búsqueda y asistencia.
Generación dinámica
HTML, CSS y JavaScript generados a partir de configuraciones, no de páginas estáticas aisladas.
Motor Velocity (.vm)
Plantillas Apache Velocity para renderizar páginas finales con lógica y variables de campaña.
Traducción HTML con IA
Traducción automática de páginas completas manteniendo estructura, clases y marcado intactos.
RAG de cruceros
Búsqueda semántica sobre catálogo de barcos y rutas para resultados más relevantes.
Chat de recomendación
Asistente conversacional que guía al visitante hacia cruceros acordes a sus criterios.
Funcionalidades principales
- Constructor de landings comerciales
- Portlets reutilizables y configurables
- Configuración de contenidos por campaña
- Configuración de estilos por naviera o mercado
- Generación dinámica de HTML, CSS y JS
- Renderización con Apache Velocity (.vm)
- Compilación y empaquetado con Gulp
- Traducción automática de páginas HTML con IA
- RAG para búsqueda de cruceros y barcos
- Chat de asistencia y recomendación
- Adaptación a navieras, países e idiomas
- Publicación ágil de campañas estacionales
- Arquitectura modular extensible
Capa de inteligencia artificial
La IA no se añadió como un extra desconectado: se integró en tres puntos concretos del flujo de trabajo. La traducción HTML permite localizar landings enteras a nuevos idiomas sin rehacer maquetación ni romper clases CSS, lo que acelera la expansión internacional. Los modelos generativos trabajan sobre el marcado existente, no sobre texto suelto, preservando la coherencia visual entre versiones.
El RAG sobre el catálogo de cruceros mejora la búsqueda cuando el usuario formula consultas en lenguaje natural — destinos, duración, naviera, tipo de barco — en lugar de depender solo de filtros rígidos. El chat asistido complementa esa capa: conversa con el visitante, recoge preferencias y recomienda opciones del catálogo. Tres herramientas distintas, una misma arquitectura de contenido dinámico detrás.
Arquitectura y tecnología
La base del sistema es web clásica bien estructurada: HTML5, CSS3 y JavaScript como capas de presentación e interacción, con Gulp orquestando la compilación de assets y Apache Velocity (.vm) renderizando las páginas finales a partir de datos y configuraciones de portlets. La arquitectura modular permite añadir nuevos tipos de portlet, variaciones de estilo o reglas de campaña sin tocar el núcleo.
Sobre ese stack se conectan LLMs y pipelines RAG para traducción, indexación semántica del catálogo y respuestas del chat. La separación entre generación de contenido, renderización y capa de IA facilita evolucionar cada parte de forma independiente: nuevos mercados, nuevas navieras o mejoras en los modelos sin reconstruir la plataforma completa.
HTML5
CSS3
JavaScript
Gulp
Apache Velocity
LLMs
RAG
IA generativa
Arquitectura modular
Dónde aportó Digitup
Diseño del sistema, desarrollo de portlets, pipeline de compilación e integración de IA aplicada.
Arquitectura modular
Diseño del constructor basado en portlets reutilizables y extensibles.
Desarrollo de portlets
Implementación de bloques configurables para contenido, estilos y campañas.
Pipeline Gulp + Velocity
Compilación de assets y renderización con plantillas .vm en producción.
Traducción con IA
Integración de modelos generativos para localizar HTML sin perder estructura.
RAG y búsqueda
Indexación semántica del catálogo para consultas en lenguaje natural.
Chat asistido
Asistente conversacional conectado al catálogo para recomendar cruceros.
Impacto del proyecto
La plataforma permitió a Mundomar crear y publicar landings comerciales con mucha más agilidad. Los equipos internos pueden componer páginas para distintas navieras, mercados y campañas sin esperar ciclos de desarrollo completos, reduciendo la dependencia técnica en tareas repetitivas y acelerando la respuesta comercial ante oportunidades estacionales o promociones puntuales.
La capa de IA aportó valor en tres frentes medibles: traducción más rápida a nuevos idiomas, búsqueda de cruceros más útil para el visitante y asistencia conversacional que convierte consultas vagas en recomendaciones concretas. Mundomar dispone ahora de una base interna preparada para escalar contenido digital en turismo, no de landings aisladas que hay que reconstruir una a una.
Servicios relacionados
Proyectos relacionados
¿Necesitas un sistema de landings o contenido dinámico con IA?
Podemos ayudarte a diseñar y construir una plataforma interna con portlets, generación dinámica, traducción automática, RAG y asistentes conversacionales adaptados a tu sector.