Ecosistema de Viajes Multimarca & Arquitectura White-Label
Diseño e implementación del ciclo completo de interacción UX/UI y el núcleo transaccional frontend en E2E Travel Solutions. Con escalabilidad y operación en múltiples mercados y países: motorizando TIJE Travel (insignia B2C), GoTravelRes (insignia B2B mayorista), la consola central de gestión Admin B2 y un ecosistema multi-tenant de 9+ marcas blancas aliadas.
Simulador de Theming White-Label & Motores Transaccionales
Selecciona una marca para ver cómo un único core transaccional en React muta dinámicamente sus Design Tokens, jerarquía de botones (Primary / Secondary en Solid & Outline), reglas de negocio y vistas.
Buscador de Vuelos
Tarifas negociadas, multidestino y checkout en cuotas.
Podés cancelar compras online dentro de 10 días corridos (Res. 809/2024).
#FA4B38 #0052CC 8px DM Sans Tokens de Diseño
Estructura canónica compartida por las 4 marcas blancas para botones Primary y Secondary (Solid & Outline):
{
"tenant": "tije",
"hostname": "tije.com",
"channel": "B2C_RETAIL",
"styles": {
"fonts": "'DM Sans', sans-serif",
"borderRadius": "8px",
"colors": {
"brandPrimary": "#FA4B38",
"brandSecondary": "#0052CC",
"navbar": "#FA4B38",
"surface": "#FFFFFF",
"text": "#1A1F26"
},
"buttons": {
"primary": {
"solid": {
"background": "#FA4B38",
"color": "#FFFFFF",
"border": "none"
},
"outline": {
"background": "transparent",
"color": "#FA4B38",
"border": "1.5px solid #FA4B38"
}
},
"secondary": {
"solid": {
"background": "#0052CC",
"color": "#FFFFFF",
"border": "none"
},
"outline": {
"background": "transparent",
"color": "#0052CC",
"border": "1.5px solid #0052CC"
}
}
}
},
"businessRules": {
"engine": "AIR_GDS_NDC",
"installments": true,
"markupControl": false,
"directIssuance": false
}
}1. El Desafío: Superar la Trampa de la Fragmentación Monolítica
En la industria del turismo digital, las empresas suelen construir portales independientes a medida para cada cliente o marca. En E2E Travel Solutions, operando tanto venta minorista directa (TIJE), consolidación mayorista B2B (GoTravelRes), y motorizando múltiples marcas blancas aliadas en diversos mercados y países, programar repositorios aislados habría paralizado la velocidad de ingeniería:
Multiplicación de Repositorios
Mantener motores de reserva separados para TIJE, GTR y marcas aliadas multiplicaba la superficie de errores y fragmentaba el desarrollo.
Divergencia Fiscal y Regional
Cada mercado requería motores de financiación en cuotas, conversión monetaria y normativas fiscales locales específicas.
Dualidad Cognitiva B2C vs B2B
El usuario retail exige impacto visual y claridad en cuotas; el agente mayorista exige ultra-densidad de datos, velocidad de emisión PNR y control de markup.
2. La Tríada Arquitectónica: B2C, B2B & Admin B2
Trabajando estrechamente con líderes de producto, desarrolladores y dirección comercial, definí la interacción UX y la maquetación frontend de los tres pilares fundacionales del ecosistema de E2E:
A. Insignia B2C: TIJE Travel (tije.travel / tije.com)
OTA Retail ConsumidorLa plataforma principal de cara al pasajero final para Vuelos, Hoteles, Paquetes y Asistencia. Diseñada para alta conversión con filtros facetados en tiempo real, buscador predictivo y un checkout transaccional con calculadora de promociones bancarias en cuotas sin salto de maquetación.
B. Insignia B2B: GoTravelRes (gotravelres.com.ar / .uy)
Consolidador Mayorista B2BLa plataforma mayorista de emisión para miles de agencias de viaje minoristas afiliadas. Provee tablas de disponibilidad aérea de alta densidad, conexión directa con GDS (Amadeus, Sabre), emisión de PNR instantáneo, slider dinámico de markup de agencia, validación de línea de crédito corporativa y facturación split-payment.
C. Admin B2: Consola Central de Gestión & Motor de Marcas Blancas
Consola Admin & Whitelabels
El centro de control operativo (react-admin-b2) utilizado internamente para administrar contenidos, banners, cotizaciones de divisas, reglas de negocio y permisos de agencias tanto para TIJE como para GoTravelRes y toda la red de marcas blancas aliadas (Vietur, Viajes Fama, Fornabaio, PEO, TT Operadora, etc.).
Motores Transaccionales Especializados Integrados
GDS (Amadeus, Sabre) y NDC, comparador de familias tarifarias (*Branded Fares*), matriz ±3 días y microservicios antifraude y ticketing.
+100 proveedores unificados (Expedia, HotelBeds, Riu), reglas de markup automático para agencias y checkout multi-gateway.
FastAPI + MongoDB conectando +50 operadores europeos (Deutsche Bahn, Trenitalia, Eurostar, Renfe, SNCF, Ouigo) y Rail Passes.
React + Python/MySQL para cotización y emisión de pólizas en safetravelassistance.com (ex-AssistMed), canales B2B, landings SEO y conciliación bancaria.
3. Arquitectura Global & Motor de Theming
Para desacoplar la apariencia visual de la lógica transaccional y de negocio, estructuramos una capa de Design Tokens en React servida mediante AWS CloudFront CDN y microservicios backend en FastAPI (Python) y Symfony (PHP) con modelado determinista en Pydantic y persistencia en MySQL, MongoDB y DynamoDB. Cada marca aliada inyecta su perfil de diseño mediante esquemas JSON en runtime (Theme.js y styles.json):
Pipeline de despliegue unificado orquestado por set-site.js que compila builds SSR sobre hostnames diferenciados (gotravelres.com.ar, gotrenes.com, servicios.peomx.com, online.vietur.com.ar).
Propiedades personalizadas CSS encapsuladas a nivel de contenedor que garantizan que los overrides de marca (ej. azul ultramarino #0033A0 de Vietur vs navy profundo #002865 de GTR) nunca contaminen los componentes compartidos.
Autenticación basada en JWT con cifrado Werkzeug SHA-256 en cabecera HTTP Bearer y estado de carritos y reservas encapsulado en Redux funcional puro.
4. Exploración de I+D: Prototipo Figma "GuÍA" & Búsqueda Multiproducto
Como iniciativa de innovación e I+D de producto, diseñé en Figma el prototipo de interacción avanzada de GuÍA: una propuesta conceptual para GoTravelRes orientada a transformar los formularios fragmentados de cotización en una experiencia de búsqueda multiproducto unificada, asistida por voz y adaptable dinámicamente:
1. Multiproducto Dinámico ("Armá el Paquete")
El usuario activa o desactiva píldoras de producto (Vuelo, Hotel, Asistencia, Traslado) y el formulario unificado recalcula en tiempo real los campos necesarios sin recargar la pantalla ni fragmentar la navegación.
2. Búsqueda Avanzada & Entrada por Voz
Módulo de lenguaje natural con interfaz de voz explorado en prototipo para traducir peticiones complejas de agentes de viajes a parámetros estructurados, reduciendo la fricción de cotizar tramos y servicios por separado.
3. Arquitectura Conceptual de Agentes & Vuelo Pivot
Diseño de flujo donde el Agente de Vuelos fija la cronología base, el supervisor valida coherencia horaria y los servicios downstream (hotel/traslados) se acoplan con cero inconsistencias.