El sitio de reservas de una agencia con treinta años, rediseñado para vuelos, hoteles y tours: de un análisis de doce sitios a páginas publicadas.
01Contexto
Taha Gasht es una agencia de viajes de Teherán que vende viajes desde hace tres décadas: vuelos nacionales e internacionales, hoteles en Irán y en el extranjero, tours en grupo con guía de habla persa y visados. Su sitio web es el sistema de reservas de todo ello, con un panel para agencias asociadas detrás.
Sina trabajó en él a tiempo parcial como diseñador de producto y estratega. El archivo de Figma dice el encargo en su portada: los cambios del sitio principal de Taha Gasht. El trabajo cubrió el sitio público desde la primera búsqueda hasta la cuenta del viajero, y un concepto para lo que podía venir después.
02Problema
Un vuelo nacional se compra en minutos, por precio y horario. Un tour a Japón se sopesa durante semanas: las fechas, los hoteles, los documentos, el guía y, a menudo, una llamada con un asesor. El mismo sitio tiene que servir a los dos.
Los mismos vuelos y hoteles se venden también en otros sitios de reservas. Lo que una agencia puede añadir es su criterio: qué vuelo tiene el asiento garantizado, qué hotel está bien situado, qué tour vale lo que cuesta. El rediseño tenía que poner ese criterio junto al precio.
Una lista de precios dice cuánto cuesta un viaje. Una agencia también puede decir qué elegir.
03Investigación
Antes de dibujar, Sina capturó las páginas completas de doce sitios de reservas el mismo día, junto al de Taha Gasht: cinco sitios iraníes que venden los mismos vuelos (Alibaba, Flytoday, MrBilit, Flightio y SafarMarket) y siete internacionales (Booking.com, Expedia, Kayak, Skyscanner, Google Flights, Cheapflights y Wego).
En el mismo archivo entraron kits de apps de reserva de vuelos como referencia para los flujos móviles y, más tarde, para el concepto social, las páginas de experiencias de viaje de un sitio de reservas iraní y de Tripadvisor. Nada de ese material se muestra aquí: es trabajo de otras personas.
04Enfoque
El primer tablero traza los recorridos de vuelo y de hotel módulo a módulo: la página de búsqueda, la lista de resultados, la página de un vuelo o de un hotel y las páginas de aterrizaje que encuentran los buscadores. En la parte de vuelos, cada módulo lleva una marca de su origen: la estructura actual de Taha Gasht o una idea nueva.
Algunas ideas nuevas son pequeñas, como los botones de día anterior y siguiente, o un calendario de precios que marca los festivos. Otras cambian lo que el sitio puede hacer:
Cada módulo tiene un origen: se conserva del sitio actual o es una idea nueva.
05Sugerencias
Dos árboles de oportunidades preguntan qué puede recomendar la agencia. Para vuelos hay cuatro tipos de sugerencia: los más baratos; los chárter, porque en un chárter el asiento está garantizado; los más cortos, en rutas internacionales; y los vuelos con servicios especiales por tiempo limitado, que un responsable configura a mano en el panel de gestión.
La rama de servicios especiales es también donde la agencia puede vender más: equipaje extra, una mejora a business, descuentos en rutas, una sala CIP, un hotel gratis en la escala. Para hoteles, las recomendaciones combinan habitaciones garantizadas, acceso al centro y precio. Otro tablero traza la página de tour del mismo modo, empezando por Japón.
La recomendación de la agencia se convirtió en una pestaña de orden en la lista de resultados, junto a más barato y mejor.
06Lenguaje de diseño
La tarjeta del billete de avión sostiene la mayor parte del sitio. Se repite en cada lista de resultados, se abre en detalles de vuelo, precio y reembolso, y marca la pauta de las tarjetas de hotel y de tour. Por eso el lenguaje de diseño se trabajó sobre ella, en tres rondas: una primera iteración, una tercera versión del billete y versiones finales que comparan sombras, fondos de tarjeta y bordes sobre la misma página gris.
La tipografía es Yekan Bakh, ajustada para el persa en todo el sitio. Bocetos anteriores del archivo prueban dos calendarios de precios, uno para vuelos nacionales y otro para internacionales, y un billete que se abre en su sitio.
07Solución
Los resultados de vuelos empiezan con una franja de fechas y sus tarifas más bajas, para que el día más barato se vea antes de desplazarse. Sobre la lista hay tres pestañas de orden, el más barato, el mejor y la recomendación de Taha Gasht, y cada una muestra su precio y la duración total.
Los filtros siguen lo que importa en estas rutas: billete chárter o regular, número de escalas, si la escala exige visado, la cabina y el equipaje. Cada tarjeta muestra los asientos que quedan y abre una ventana con los detalles del vuelo, el precio para adultos, niños y bebés, y las reglas de reembolso, que incluyen las penalizaciones y las restricciones de venta. Una alerta de precio está dentro de la lista.
El buscador admite solo ida, ida y vuelta y varios destinos, y la versión de vuelos de la página de inicio añade una tabla de chárteres de última hora.
El visado de escala tiene su propio filtro: una conexión barata por Europa exige un visado Schengen.
Cada tramo, la escala y el total
El precio para adultos, niños y bebés
08Hoteles
Los resultados de hoteles se ven en lista o en un mapa, con un mismo conjunto de filtros para ambos: rango de precio, estrellas, tipo de alojamiento (hotel, hotel boutique u hostal) y los barrios de la ciudad. Cada tarjeta lleva el precio por noche, las estrellas y, cuando corresponde, la recomendación de la agencia.
La página del hotel divide la valoración en personal, ubicación y limpieza, enumera los lugares cercanos con el tiempo para llegar a pie, en coche o en metro, y permite a los huéspedes dejar una opinión con fotos. Las habitaciones se comparan en la misma página, con una solicitud de servicios extra antes de reservar.
Las distancias se dan en minutos y por medio de transporte, como un viajero planifica su día.
09Tours
Los tours son donde la agencia es más fuerte y donde una compra tarda más. La lista de tours filtra por lo que el viajero quiere del viaje: la temporada o la fecha señalada, como Nowruz o Navidad, el clima, el objetivo (descanso o aventura) y el tipo de actividad, de la naturaleza y la historia a los festivales, la gastronomía y las compras.
Una página de tour, dibujada primero para Japón, responde a las preguntas que suele oír un asesor: los paquetes y sus fechas, el precio por hotel y habitación con tarifas de niños, una calculadora para todo el grupo, el plan de cada día, los hoteles, los servicios incluidos (un guía de habla persa, el visado, el seguro y la sala CIP del aeropuerto de Teherán) y los documentos necesarios. Un formulario para que te llamen, un teléfono y WhatsApp quedan siempre a mano.
La página muestra además la trayectoria de la agencia, sus años de actividad, sus viajeros y su satisfacción, algo que el tablero del tour había planeado como ventaja competitiva.
Un tour se sigue vendiendo con un asesor. La página prepara al viajero para esa llamada.
10Inicio
La página de inicio abre con un solo buscador y cuatro pestañas: hotel, vuelo, vuelo más hotel y tour. Debajo, las filas cambian con la temporada y con el viajero: visitas recientes, una fila de viajes al sur, vuelos de última hora y hoteles sugeridos. La página también tiene una versión para cada producto: vuelos, hoteles, vuelo más hotel y tours.
Más abajo, la página da razones para elegir la agencia: sus ventajas, cómo comprar un billete, las opiniones de los viajeros, un formulario para que te llamen con el horario de atención y una primera invitación al planificador de viajes: «Crea tu propia aventura». En el móvil, cuatro historias a pantalla completa presentan el Travel Maker, un paso cada una.
Inicio
Historia
11Cuenta
El pago se hace en cinco pasos visibles en la parte superior: elegir el billete, introducir los pasajeros, confirmar los datos, pagar y emitir el billete. Los pasajeros guardados se eligen de una lista y los nuevos se añaden con los datos del pasaporte, junto a un resumen del vuelo.
Tras la compra, la cuenta tiene ocho secciones: viajes, pasajeros, monedero, favoritos, perfil, mensajes, soporte y cerrar sesión, la mayoría dibujadas con sus ventanas y su estado vacío. En viajes se ve el estado de cada billete, se abre el billete electrónico, se sigue el vuelo y se inicia un reembolso por ruta y pasajero. El monedero, llamado tarjeta Taha, se recarga con importes fijos o libres y paga a una cuenta bancaria. El soporte funciona con tickets, cada uno con su propio hilo de respuestas.
El acceso funciona con contraseña o con un código de un solo uso, y un centro de ayuda reúne las preguntas, la guía de compra y el soporte.
12Siguiente paso
Con el sitio de reservas dibujado, Sina diseñó un concepto para que los viajeros volvieran entre un viaje y otro. El Travel Maker planifica un viaje en cuatro pasos: el plan en sí, con la ruta, las fechas, el transporte y el alojamiento; los compañeros de viaje, con su nombre y su teléfono; las actividades, día a día; y cómo publicar el viaje. Las actividades vienen por tipos, como lugares históricos, comida, compras, descanso o eventos locales, cada una situada en un mapa con fotos o documentos, y se pueden añadir días nuevos.
La capa social permite a los viajeros publicar un tour con su precio por persona, sus fechas y su ciudad de salida, compartir experiencias valoradas en satisfacción, relación calidad-precio y si recomendarían el lugar, y escribir diarios de viaje enlazados a un tour o a un hotel.
Con el concepto llegó un tablero de estrategia. Fija siete objetivos, de las ventas y las ofertas personalizadas a la fidelidad y el reconocimiento de marca; ocho impulsores que harían volver a la gente, de los puntos y las insignias a las recomendaciones de amigos; y, junto a ellos, los riesgos: poca participación al principio, coste alto y retorno lento, moderar el contenido, la privacidad y las opiniones negativas. Un mapa del sistema sitúa cada formato (blog, mapa interactivo, publicación, Reels y diario de viaje) donde lo encontraría el viajero: el feed, explorar, la página de inicio, las campañas y dentro de las páginas de tours.
El tablero de estrategia escribe los riesgos junto a los objetivos.
El plan: ruta, fechas, transporte y alojamiento
Compañeros de viaje
Actividades, día a día
Cómo publicar
Un tour sugerido en una publicación
Una experiencia valorada
Objetivos, impulsores y riesgos
Dónde encuentra el viajero cada formato
13Resultado
El rediseño se construyó y está publicado en tahagasht.com. Las páginas publicadas siguen los mapas. Los resultados de vuelos llevan la etiqueta de chárter o regular y botones de día anterior y siguiente. La página del tour a Japón abre con la trayectoria de la agencia, tres décadas, un 99 por ciento de satisfacción de los viajeros y más de 6500 viajeros, y conserva sus bloques de asesoría y las pestañas de documentos, precios, mejor época para viajar, ciudades y lugares de interés.
El Travel Maker y la capa social no están en el sitio publicado. Siguen siendo un siguiente paso diseñado.
14Decisiones clave
Los tableros y las páginas hacen visibles estas decisiones.
Cualquier sitio de reservas puede ordenar por precio. Taha Gasht también puede decir qué vuelo elegiría. Como pestaña de orden, ese criterio está donde el viajero elige, y como cada pestaña muestra precio y duración, el equilibrio entre ambos queda claro.
En un chárter el asiento está garantizado, y por eso el árbol de oportunidades lo sugiere. La diferencia cambia lo que el viajero compra, así que aparece en cada tarjeta y en los filtros.
En las rutas concurridas los asientos se agotan y las tarifas cambian. Un viajero que guarda los datos de los pasajeros y recarga el monedero con un margen puede tener el vuelo reservado cuando cambia el precio, sin vigilar el sitio.
Un tour en grupo es una decisión larga, con documentos y visados. La página del tour responde a las preguntas habituales, calcula el coste de todo el grupo y mantiene cerca un formulario para que te llamen y un teléfono, así que la llamada del asesor empieza más adelantada.
El valor de un hotel depende de dónde está. Un solo conjunto de filtros, los mismos resultados en ambas vistas y un cursor que las enlaza permiten cambiar de vista sin perder el sitio.
15Mi rol
Sina trabajó a tiempo parcial como diseñador de producto y estratega de Taha Gasht. El archivo de Figma y los tableros son obra suya, salvo el material del análisis comparativo y algunos marcos pegados desde otros proyectos.
Se dejan fuera las capturas del análisis comparativo, los kits de apps, las plantillas de la comunidad y un set de iconos comprado, así como los marcos pegados desde otros proyectos y un mapa de recorrido del tablero de oportunidades que pertenece a otro proyecto.
16Resultados
El rediseño está publicado. El archivo recoge el diseño y no contiene cifras de tráfico ni de ventas tras el lanzamiento, así que aquí no hay datos de uso.
17Lo que aprendí
La recomendación de Taha Gasht es la idea más propia de la lista de resultados, y el archivo no dice en ningún sitio cómo la obtiene un vuelo. Una regla breve, acordada con el equipo de ventas, mantendría honesta la pestaña y daría a los viajeros un motivo para confiar en ella.
La página del tour responde a las preguntas que oyen los asesores, pero el archivo no recoge ninguna prueba con viajeros. Unas pocas sesiones con personas que planean un viaje mostrarían qué respuestas buscan primero y por cuáles siguen descolgando el teléfono.
El concepto abarca a la vez publicaciones, Reels, diarios de viaje, un mapa y un planificador. Empezar con un formato, diarios de viaje enlazados a un tour reservado, habría mostrado si los viajeros publican antes de construir el resto.