Multi-Brand Travel Ecosystem & White-Label Architecture
End-to-end UX/UI product design and transactional front-end engineering at E2E Travel Solutions. Engineered for scalable multi-market and regional operation: powering TIJE Travel (flagship B2C), GoTravelRes (flagship B2B wholesale), the central Admin B2 management console, and a multi-tenant ecosystem of 9+ partner white-labels.
White-Label Theming & Transactional Engines Simulator
Select a brand to see how a single transactional React core dynamically morphs its Design Tokens, button hierarchy (Primary / Secondary in Solid & Outline), business rules, and views.
Flight Search Engine
Negotiated fares, multi-city routing, and installment checkout.
Online transactions can be cancelled within 10 days (consumer rules).
#FA4B38 #0052CC 8px DM Sans Design Tokens
Canonical schema shared across white-labels for Primary & Secondary button tokens:
{
"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. The Architectural Challenge: The Multi-Tenant Fragmentation Trap
In digital travel, companies frequently build bespoke, isolated web applications for each partner or sub-brand. At E2E Travel Solutions, managing direct consumer retail (TIJE Travel), high-volume B2B agency consolidation (GoTravelRes), and powering multiple partner white-labels across diverse regional markets and countries, maintaining disconnected codebases would have paralyzed delivery speed:
Repository Explosion
Fragmented codebases for each partner meant bug fixes and GDS updates had to be manually backported dozens of times.
Fiscal & Regional Divergence
Each market required localized tax withholdings, currency conversions, and domestic bank installment engines.
B2C vs. B2B Cognitive Duality
Consumers demand emotional inspiration and financing clarity; travel agents demand ultra-dense data grids, sub-second PNR creation, and markup control.
2. The Architectural Triad: B2C, B2B & Admin B2
Collaborating closely with product leadership, developers, and commercial directors, I shaped the UX interaction and front-end layout across the three core operational surfaces of the E2E ecosystem:
A. B2C Flagship: TIJE Travel (tije.travel / tije.com)
B2C Consumer OTAThe primary consumer-facing travel OTA for Flights, Hotels, Vacation Packages, and Insurance. Engineered for high conversion with faceted real-time filtering, intelligent airport suggestions, and a seamless multi-gateway checkout supporting bank promotion installment calculators without visual layout shifts.
B. B2B Flagship: GoTravelRes (gotravelres.com.ar / .uy)
B2B Wholesale ConsolidatorThe core wholesale issuance platform for thousands of affiliated retail travel agencies. Provides high-density flight availability tables, direct GDS connections (Amadeus, Sabre), instant PNR emission, dynamic agency markup sliders, corporate credit line validation, and split-payment billing.
C. Admin B2: Central Management & White-Label Theming Engine
Admin Console & Whitelabels
The operational mission control (react-admin-b2) used internally to manage content, banners, currency exchange rates, business rules, and agency permissions across TIJE, GoTravelRes, and the entire ecosystem of partner white-labels (Vietur, Viajes Fama, Fornabaio, PEO, TT Operadora, etc.).
Specialized Integrated Engines
GDS (Amadeus, Sabre) & NDC feeds, branded fares comparator, ±3 days date matrix, fraud prevention & ticketing microservices.
100+ suppliers unified (Expedia, HotelBeds, Riu), automated agency markup logic, and multi-gateway payment routing.
FastAPI + MongoDB connecting 50+ European rail carriers (DB, Trenitalia, Eurostar, Renfe, SNCF, Ouigo) and Rail Passes.
React + Python/MySQL issuance of Schengen-compliant policies on safetravelassistance.com (formerly AssistMed), B2B multi-market channels & SEO landing pages.
3. Global Architecture & Theming Engine
To decouple visual presentation from complex transactional business logic, we established a centralized React Design Tokens layer served through AWS CloudFront CDN and microservices built on FastAPI (Python) and Symfony (PHP) with deterministic Pydantic modeling and MySQL, MongoDB, and DynamoDB data stores. Each partner injects its design schema at runtime (Theme.js and styles.json):
A unified deployment pipeline driven by set-site.js compiling SSR-ready builds across distinct hostnames (gotravelres.com.ar, gotrenes.com, servicios.peomx.com, online.vietur.com.ar).
CSS custom properties scoped to root container wrappers ensure partner brand overrides (e.g. Vietur's ultramarine #0033A0 vs GTR's deep navy #002865) never contaminate shared components.
JWT-based authentication with Werkzeug SHA-256 header hashing and pure functional Redux architecture preserving cart/booking integrity.
4. R&D Exploration: "GuÍA" Figma Interactive Prototype
As an R&D and product innovation initiative, I designed the advanced interaction prototype in Figma for GuÍA: a conceptual proposal for GoTravelRes aimed at transforming fragmented quotation forms into a unified, voice-assisted, dynamically adapting multi-product search experience:
1. Dynamic Multi-Product Deck ("Build Your Package")
Users toggle product pills (Flights, Hotels, Insurance, Transfers) dynamically, and the unified input deck reconfigures required parameters in real time without refreshing the page.
2. Advanced Natural Language & Voice Search
A natural language module with voice input explored at the prototype level to translate complex travel agent intentions into structured query parameters, eliminating the friction of quoting disparate verticals sequentially.
3. Conceptual Multi-Agent Coordination & Temporal "Pivot"
A flow design where the Flight Agent fixes the chronological pivot, the supervisor agent evaluates time coherence, and downstream hotel and ground services automatically adapt with zero discrepancies.