Motor de reserva TTOO

Diseño y desarrollo completo del motor de reserva para producto turoperado contemplando todas las características propias de disponibilidad y cotización. 

Mantenimiento de la identidad gráfica y mejora en la experiencia de usuario en desktop y mobile (diseño responsive y adaptativo).

Cliente

Logitravel

Rol

UI·UX designer / UI developer

Año

2021

Contexto

Logitravel es una OTA (Online Travel Agency) que se ha consolidado en el mercado digital como un referente en la comercialización de cruceros y grandes viajes. Gracias a un enfoque basado en la asesoría experta y una plataforma tecnológica robusta, ha logrado captar a un viajero que busca seguridad en productos de alta complejidad y valor económico.

Objetivo

El mercado actual exige una mayor agilidad y personalización por lo que se plantea abrir capacidades de negocio para productos turoperados y ofrecérselos a clientes que están acostumbrados al producto dinámico.

Solución

Desarrollar un motor de reserva que permita al usuario realizar búsquedas exitosas pero con personalización limitada por la propia anatomía del producto.

El proceso debe ser atractivo a la par que eficiente para evitar en todo momento respuestas vacías.

Para lograr el objetivo se llevó a cabo el siguiente proceso:

 

  • Investigación y análisis: se estudió a la competencia y las tendencias tecnológicas en el sector.

  • Métricas y tendencias de uso: gracias a las métricas registradas y a la tendencia de los usuarios del sitio web en otros motores de búsqueda se pudo elaborar un arquetipo ficticio para las tomas de decisiones. 

  • Wireframes: se crean wireframes para definir la estructura sin distraerse y poder arquitecturizar la información que se debe mostrar y la que se debe poder recopilar.

  • Diseño visual: aplicación de colores, tipografías y branding. 

  • Diseño UX: se asegura que la navegación sea intuitiva y que los requisitos planteados durante la elaboración de wireframes están presentes en el diseño final.

  • Diseño alto nivel: en esta fase se definen los componentes tanto visualmente como en anatomía para asegurar la comunicación correcta con el Back. Se crean prototipos interactivos y se pulen detalles que aseguren la consistencia.

  • Front/Back: con el prototipo aceptado se desarrollan los componentes necesarios en framework propio (.NET Core, Vanilla JS, RXJS) estableciendo desde el comienzo del desarrollo comunicación con el equipo de Back que debe proveer al motor de la información necesaria en cada paso y lanzar la búsqueda con éxito

  • QA y subida a producción: una vez desarrollados los procesos de Back y Front se pasa a fase de QA iterando las veces que el producto lo requiera para asegurar su funcionamiento antes de subir a producción.