ViajaYA - (PWA & Diseño UI/UX)
Plataforma de exploración turística galardonada con el 1.º Puesto en la Hackathon Internacional de Turismo e IA en Colombia. Como líder frontend y diseñador UI/UX, construí una PWA de alto rendimiento con animaciones fluidas a 60fps (GSAP) e integración en tiempo real de Google Maps API, respaldada por microservicios en NestJS y PostgreSQL.
1. Problema
La planificación de viajes sufre de una alta sobrecarga cognitiva al navegar entre múltiples plataformas dispares de reservas, mapas y reseñas, lo que fragmenta la experiencia del usuario y prolonga la toma de decisiones.
2. Objetivo
Diseñar y desarrollar una Progressive Web App (PWA) centralizada e interactiva con navegación espacial en tiempo real, reduciendo drásticamente la fricción en el descubrimiento de destinos e itinerarios.
3. Proceso
- 01. Diseño conceptual y prototipado interactivo de alta fidelidad en Figma enfocado en navegación basada en mapas.
- 02. Arquitectura frontend modular desarrollada con React, TypeScript y Vite para garantizar tiempos de compilación óptimos y cero latencia.
- 03. Integración avanzada de Google Maps API gestionando estados complejos de geolocalización en tiempo real.
- 04. Implementación de animaciones a 60fps sostenidos mediante GSAP para interacciones táctiles y visuales inmersivas.
- 05. Liderazgo de pivote técnico y refinamiento UI bajo presión extrema durante la recta final del concurso.
4. Decisiones
- 01. Priorizar un lienzo de mapa interactivo a pantalla completa sobre dashboards tradicionales basados en listas.
- 02. Utilizar GSAP para animaciones aceleradas por hardware sin bloquear el hilo principal de ejecución.
- 03. Adoptar una arquitectura PWA para garantizar rendimiento de nivel nativo en dispositivos móviles.
5. Resultado
1.º Puesto General en la Hackathon Internacional (premios a Mejor Equipo General, Mejor Frontend y Mejor Backend). Demostración comprobada de liderazgo frontend, diseño de sistemas y ejecución técnica bajo alta exigencia.
