App de rutas de viaje con
mapas offline y geolocalización
Transformamos un servicio web de guías de viaje en apps nativas iOS y Android con mapas descargables, experiencia 100% offline y geolocalización de todos los puntos de interés. Sin conexión, sin roaming, sin perderse.
Cliente
Way Away
Año
2015 – 2017
Servicios
Estrategia, UX/UI, App iOS & Android
Plataformas
iOS · Android · Tablet
01 — El Reto
Una guía de viaje que funciona en el mundo real
Way Away había construido un servicio web reconocido en España: rutas de viaje curadas al detalle, con itinerarios día a día, recomendaciones de transporte, hoteles y restaurantes para decenas de destinos de todo el mundo. El producto web funcionaba bien. El problema era que los viajeros lo usaban en casa para planificar, pero lo dejaban atrás en el momento en que más lo necesitaban: durante el propio viaje.
El reto era transformar ese contenido estructurado en una experiencia móvil que funcionara sin conexión a internet. Un viajero en Tokio, en el Amazonas o en una ciudad sin cobertura no puede depender de datos móviles para consultar su itinerario. La app tenía que ser tan útil en el metro de Shanghái con el modo avión activado como en casa con WiFi.
El punto técnico más crítico del proyecto era encontrar e implementar la solución de mapas adecuada: un proveedor que permitiera descargar el mapa de cada destino para uso offline y sobre el que pudiéramos geolocalizar todos los recursos del contenido de Way Away —visitas, restaurantes, hoteles y puntos de transporte— con un sistema de colores que permitiera distinguirlos de un vistazo.
02 — Nuestra Solución
La guía de viaje perfecta, siempre en el bolsillo
Diseñamos y desarrollamos las apps nativas para iOS y Android partiendo de un principio claro: el contenido de Way Away era excelente y no había que reinventarlo, sino llevarlo al móvil de la forma más natural posible. La arquitectura de contenido del CMS web —destinos, rutas, días, y las cuatro pestañas de Ruta / Transporte / Hotel / Actividad— se tradujo directamente a una jerarquía de navegación móvil intuitiva.
La sincronización con la cuenta web fue otro eje central: un viajero que compra una ruta en la web la tiene disponible en la app y viceversa. La primera descarga del contenido (con el mapa offline incluido) se realiza con WiFi; a partir de ahí, la app funciona completamente sin conexión.
Mapas offline por destino
Cada destino incluye su mapa descargable completo. El sistema verifica el espacio disponible antes de la descarga y la actualiza si el contenido ha cambiado.
Geolocalización de POIs
Todos los puntos de interés —visitas, restaurantes, hoteles y transporte— aparecen en el mapa con código de colores. Al pulsar cualquier recurso se abre el mapa centrado en ese punto.
Rutas estructuradas día a día
Navegación por días con las pestañas Ruta, Transporte, Hotel y Actividad. Solo se muestran las pestañas con contenido. Fotos a ancho completo con zoom táctil.
Sincronización web ↔ app
Mismo usuario en web y app. Las rutas compradas en cualquiera de los dos canales están disponibles en ambos. Actualización de contenido on-demand.
Compra integrada en la app
In-app purchase nativo (App Store / Google Play) para comprar nuevas rutas directamente desde la app sin salir de la experiencia.
Versión optimizada para tablet
En tablet, el menú de días y pestañas permanece visible a la izquierda como columna persistente, aprovechando el espacio extra para una lectura más cómoda.
03 — Proceso
Del contenido web a la experiencia de viaje
Discovery & Arquitectura
Análisis del CMS web, mapeo de la estructura de contenido, investigación y selección del proveedor de mapas offline, y definición de la arquitectura de la app.
UX/UI & Prototipado
Diseño de la jerarquía de navegación, flujos de descarga offline, interacciones con el mapa y adaptación específica para smartphone y tablet.
Desarrollo & QA
Desarrollo paralelo iOS y Android, integración de mapas offline, geolocalización, in-app purchases, sincronización con el CMS web y pruebas exhaustivas de la experiencia offline.
Lanzamiento & Evolución
Publicación en App Store y Google Play, optimización de la experiencia a partir de datos de uso y desarrollo de nuevas funcionalidades como gestión de tareas y comentarios personales.
04 — El Producto en Detalle
Pensado para el viajero real, no para el usuario con WiFi
El mapa que viaja contigo, sin gastar un byte de datos.
Antes de salir de viaje, el usuario descarga el mapa completo del destino con un solo tap. A partir de ese momento, el mapa funciona con total independencia de la conexión: navegación, zoom, búsqueda de puntos de interés y geolocalización en tiempo real del usuario, todo offline.
Evaluamos y comparamos varios proveedores de mapas antes de seleccionar la solución más adecuada para los requisitos del proyecto: capacidad de descarga offline por zona geográfica, calidad cartográfica, posibilidad de añadir capas de POIs personalizados y rendimiento en dispositivos de gama media.
Día 3 · Lunes 14 oct
Kioto: templos y geishas
Comienza el día en el barrio de Gion antes de que lleguen los turistas. A las 7h las calles de adoquines y las machiya aún están en silencio...
Santuario Fushimi Inari
Ver punto en el mapa →
Nishiki Market · Almuerzo
Ver punto en el mapa →
Cada día del viaje, perfectamente organizado.
La estructura de navegación replica la lógica que los usuarios ya conocían de la web: cada ruta está dividida por días, y dentro de cada día aparecen solo las pestañas que tienen contenido (Ruta, Transporte, Hotel, Actividad). Si un día solo tiene información de ruta, se muestra directamente sin menú de pestañas.
Cada recurso —visita, restaurante, hotel— incluye fotografías a ancho completo con zoom táctil, su descripción detallada y el botón para localizarlo en el mapa. El usuario puede marcar recursos como visitados y añadir notas personales que se sincronizan con su cuenta.
Descubre destinos, compra lo que quieras, viaja cuando puedas.
La app muestra todo el catálogo de destinos disponibles organizado por áreas geográficas. Cada destino puede tener varias rutas en función de los días disponibles (una ruta de 7 días, otra de 10, otra de 14...), lo que permite al viajero adaptar la guía a su tiempo real.
La compra se realiza de forma nativa mediante in-app purchase, integrado con App Store y Google Play. Si el usuario ya tiene la ruta comprada en la web, aparece disponible automáticamente en la app sin necesidad de volver a pagar.
Portfolio global de destinos
Asia, Europa, América, Oceanía y África organizados por áreas. Rutas de cultura, aventura, gastronomía, naturaleza, playas y grandes ciudades.
Rutas por número de días
Cada destino ofrece varias opciones según los días disponibles. El usuario elige la ruta que se adapta a su agenda real.
Información práctica del destino
Cada destino incluye sección de información práctica: visados, salud, moneda, enchufes, recomendaciones de seguridad y tips locales.
Notificaciones push
Sistema de notificaciones para informar de nuevos destinos, actualizaciones de rutas y contenido relevante según los destinos del usuario.
05 — Stack Tecnológico
Tecnologías utilizadas
Stack seleccionado para garantizar la experiencia offline, la sincronización con el CMS web existente y la publicación nativa en ambas tiendas.
Apps Móviles
- Swift (iOS nativa)
- Kotlin (Android nativa)
- StoreKit / Play Billing
- APNs / FCM (push)
Mapas & Offline
- Mapbox (mapas offline)
- Geolocalización GPS
- SQLite (almacenamiento local)
- Caché de contenido offline
Integración & Backend
- API REST (CMS Way Away)
- Autenticación OAuth
- Sincronización incremental
- Delta updates de rutas
¿Tienes un proyecto similar en mente?
Cuéntanos tu idea. Nuestro equipo analizará tu caso y te responderá en menos de 24 horas laborables.
Siguiente proyecto