Captación clara
Entrada orientada a conversión: destino, fechas, presupuesto y expectativas sin fricción inicial.
Producto diseñado
La evidencia no es solo académica: hay pantallas, flujo y lógica de negocio.
El caso combina UX, automatización, arquitectura y criterio de IA. La interfaz reduce fricción de entrada; n8n orquesta la lógica; los modelos generan y refinan; Supabase y Firebase sostienen persistencia y acceso.
Wizard guiado
Formulario por pasos que transforma intención de viaje en un brief estructurado para automatización.
Plan consultable
Resultado visual: itinerario, presupuesto, mapa, hotel, vuelo y actividades en una experiencia entendible.
Documentacion convertida en experiencia
La informacion del TFM ahora se entiende como producto.
En vez de pegar capturas del informe, la pagina traduce la arquitectura, el BPMN, los KPIs y el inventario tecnico a piezas web legibles. El recruiter ve metodo, criterio y ejecucion sin tener que abrir el documento.
Mapa del sistema
Del deseo de viajar a un itinerario accionable
Just Enjoy convierte una necesidad abierta en un plan con vuelos, alojamiento, clima, actividades, presupuesto, mapa y PDF. La web lo muestra como una experiencia de producto, no como una entrega academica.
Wizard por pasos
Reduce incertidumbre y captura datos utiles para automatizar.
Agente con herramientas
El modelo consulta fuentes externas antes de componer el plan.
Estado persistente
Supabase guarda planes, sesiones, costes y resultado estructurado.
Salida vendible
Mapa, PDF y propuesta clara para convertir interes en reserva.
01Brief del viajero
Destino, fechas, presupuesto, personas, intereses y ritmo del viaje.
02Validacion
El sistema comprueba campos obligatorios antes de llamar al agente.
03n8n Tools Agent
Orquesta llamadas, decisiones, fuentes externas y respuesta final.
04Fuentes externas
Tavily, SerpAPI, Google Places y Open-Meteo enriquecen el resultado.
05Plan guardado
Supabase conserva estado, datos y coste estimado para trazabilidad.
06Experiencia final
Itinerario, mapa, presupuesto, hotel, vuelos, actividades y PDF.
Workflow n8n
Un orquestador real, no una demo lineal.
El workflow v38 funciona como columna vertebral: recibe el brief, valida obligatorios, consulta herramientas externas, ejecuta decisiones, persiste el resultado y devuelve una salida estructurada para el portal.
Entrada controladaWebhook + validación de campos obligatorios antes de llamar a IA.
Agente con herramientasGPT-4.1 trabaja con patrón Tools Agent/ReAct para planificar con fuentes externas.
Ruta de refinamientoGPT-4o-mini permite ajustar un plan existente sin regenerar todo el viaje.
Stack explicado
Cada herramienta tiene una razón de negocio y una función dentro del sistema.
La elección tecnológica se planteó como arquitectura modular: frontend, autenticación, persistencia, orquestación, fuentes externas, motor IA y salida documental.
| Capa | Herramienta | Uso en Just Enjoy | Qué demuestra |
|---|---|---|---|
| Portal | Next.js 16 | Wizard, cockpit de viaje, rutas protegidas y experiencia responsive. | Capacidad de pensar UX + implementación. |
| Orquestación | n8n Cloud | Workflow de 27 nodos con decisiones, llamadas externas, reintentos y persistencia. | Hiperautomatización real, no solo prompts. |
| IA principal | OpenAI GPT-4.1 | Planificador con herramientas para vuelos, hotel, clima, actividades y notas prácticas. | Diseño de agente con contratos de entrada/salida. |
| Refinamiento | GPT-4o-mini | Ajuste de planes existentes para cambios de usuario. | Eficiencia de coste y experiencia iterativa. |
| Persistencia | Supabase | Tabla travel_plans, session_id, estado, coste, destino y datos del plan. | Modelo de datos y trazabilidad. |
| Acceso | Firebase Auth | Protección de rutas y custodia de sesión del usuario. | Seguridad básica y separación de usuarios. |
| Fuentes | Tavily, SerpAPI, Google Places, Open-Meteo | Notas de destino, vuelos, actividades, lugares y clima. | Uso de datos externos para reducir alucinación. |
Como se construyo
Un caso que une UX, marketing, datos y agentes IA.
El proyecto esta explicado como lo revisaria un equipo de producto: problema, experiencia, arquitectura, datos, automatizacion, medicion y aprendizaje. Esto ayuda a posicionar el perfil como diseñador UX/UI con criterio de IA aplicada.
Discovery y brief
Se tradujeron necesidades de viaje en campos utiles para automatizar: destino, fechas, presupuesto, viajeros, intereses y restricciones.
Diseño de wizard
La interfaz reduce carga cognitiva y convierte una idea abierta en informacion accionable para un agente.
Orquestacion n8n
El workflow coordina validaciones, decisiones, llamadas a herramientas, persistencia y salida final.
Fuentes externas
Tavily, SerpAPI, Google Places y Open-Meteo aportan contexto para vuelos, destino, actividades, lugares y clima.
Datos y acceso
Supabase guarda planes y estado; Firebase Auth prepara el control de sesiones y rutas protegidas.
Marketing de producto
El resultado se presenta como una experiencia clara: mapa, presupuesto, itinerario, recomendaciones y PDF exportable.
Diseño del proceso
Del formulario a un activo digital consultable.
El sistema no se limita a responder texto. Convierte un brief de usuario en un plan estructurado con costes, itinerario, mapa, hotel, vuelo, actividades, avisos y PDF. El diseño contempla fallos parciales, avisos accionables y límites del prototipo.
ValidaciónFallbackMapaPDFCoste estimadoRLS futuroRoadmap RELEASE
Ejemplo de lógica
La IA se usa dentro de reglas, no como caja negra.
El proyecto documenta entradas, salidas, puntos de decisión y estado de sesión. Esta forma de trabajar es clave para perfiles de AI Product y automatización: diseñar el sistema antes de “pedirle cosas” al modelo.
{
"session_id": "travel_2026_...",
"destination": "Santorini, Greece",
"budget_usd": 3500,
"travelers_count": 2,
"activity_interests": ["culture", "beach", "gastronomy"],
"status": "plan_ready",
"warnings": ["hotel dentro de presupuesto", "clima consultado en Open-Meteo"],
"next_action": "refine_plan | export_pdf | save_trip"
}Decisiones UX + IA
Lo que miraría un recruiter senior o un equipo de producto.
El valor del caso está en la conexión entre usuario, negocio, datos y operación. No es una interfaz bonita aislada: es una propuesta de sistema con control, medición y evolución.
Prototipo operativo
Compilación, prueba de humo y demo end-to-end documentada.
Business case honesto
Costes y ahorro presentados como estimaciones, separando lo medido de lo pendiente.
Proceso reproducible
PDD con reglas, gateways, excepciones, entradas, salidas, KPIs e inventario tecnológico.
Riesgo identificado
Limitaciones legales y de privacidad tratadas como roadmap antes de producción.
Aprendizajes
La IA aporta valor cuando el proceso está bien diseñado.
El mayor aprendizaje fue que la calidad no depende solo del modelo. Depende de contratos de datos, validación, fuentes externas, coste, trazabilidad, errores recuperables y una interfaz que haga comprensible el resultado.
Qué demuestra este caso
UX, automatización, agentes IA y criterio de negocio en un mismo proyecto.
Just Enjoy refuerza mi posicionamiento para roles de UX/UI con IA aplicada, Product Designer junior-mid, AI Product Designer junior y perfiles de automatización de procesos.
Rodrigo Negrete Aros
UX/UI Designer junior-mid · IA aplicada