Appli de voyage avec
cartes hors ligne et géolocalisation
Nous avons transformé un service web de guides de voyage en applis natives iOS et Android avec cartes téléchargeables, expérience 100% hors ligne et géolocalisation de tous les points d'intérêt. Sans connexion, sans roaming, sans se perdre.
Client
Way Away
Année
2015 – 2017
Services
Stratégie, UX/UI, App iOS & Android
Plateformes
iOS · Android · Tablette
01 — Le Défi
Un guide de voyage qui fonctionne dans le monde réel
Way Away avait construit un service web reconnu en Espagne : des itinéraires de voyage soigneusement élaborés, avec des programmes jour par jour, des recommandations de transport, d'hôtels et de restaurants pour des dizaines de destinations du monde entier. Le produit web fonctionnait bien. Le problème, c'est que les voyageurs l'utilisaient chez eux pour planifier, mais le laissaient de côté au moment où ils en avaient le plus besoin : pendant le voyage lui-même.
Le défi était de transformer ce contenu structuré en une expérience mobile fonctionnant sans connexion internet. Un voyageur à Tokyo, en Amazonie ou dans une ville sans couverture réseau ne peut pas dépendre des données mobiles pour consulter son itinéraire. L'appli devait être aussi utile dans le métro de Shanghai avec le mode avion activé qu'à la maison avec le WiFi.
Le point technique le plus critique du projet était de trouver et d'implémenter la bonne solution cartographique : un fournisseur permettant de télécharger la carte de chaque destination pour une utilisation hors ligne, sur laquelle nous pourrions géolocaliser toutes les ressources du contenu Way Away — visites, restaurants, hôtels et points de transport — avec un système de couleurs permettant de les distinguer en un coup d'œil.
02 — Notre Solution
Le guide de voyage parfait, toujours dans la poche
Nous avons conçu et développé les applis natives pour iOS et Android en partant d'un principe clair : le contenu de Way Away était excellent et il ne fallait pas le réinventer, mais le transposer sur mobile de la façon la plus naturelle possible. L'architecture de contenu du CMS web — destinations, itinéraires, journées, et les quatre onglets Itinéraire / Transport / Hôtel / Activité — s'est traduite directement en une hiérarchie de navigation mobile intuitive.
La synchronisation avec le compte web a été un autre axe central : un voyageur qui achète un itinéraire sur le web le retrouve disponible dans l'appli et vice versa. Le premier téléchargement du contenu (avec la carte hors ligne incluse) s'effectue en WiFi ; à partir de là, l'appli fonctionne entièrement sans connexion.
Cartes hors ligne par destination
Chaque destination inclut sa carte téléchargeable complète. Le système vérifie l'espace disponible avant le téléchargement et la met à jour si le contenu a changé.
Géolocalisation des POIs
Tous les points d'intérêt — visites, restaurants, hôtels et transports — apparaissent sur la carte avec un code couleur. En appuyant sur n'importe quelle ressource, la carte s'ouvre centrée sur ce point.
Itinéraires structurés jour par jour
Navigation par journées avec les onglets Itinéraire, Transport, Hôtel et Activité. Seuls les onglets avec du contenu sont affichés. Photos pleine largeur avec zoom tactile.
Synchronisation web ↔ appli
Même compte sur web et appli. Les itinéraires achetés sur l'un ou l'autre canal sont disponibles sur les deux. Mise à jour du contenu à la demande.
Achat intégré dans l'appli
Achat in-app natif (App Store / Google Play) pour acheter de nouveaux itinéraires directement depuis l'appli sans quitter l'expérience.
Version optimisée pour tablette
Sur tablette, le menu des journées et des onglets reste visible à gauche en colonne persistante, profitant de l'espace supplémentaire pour une lecture plus confortable.
03 — Processus
Du contenu web à l'expérience de voyage
Discovery & Architecture
Analyse du CMS web, cartographie de la structure de contenu, recherche et sélection du fournisseur de cartes hors ligne, et définition de l'architecture de l'appli.
UX/UI & Prototypage
Conception de la hiérarchie de navigation, flux de téléchargement hors ligne, interactions avec la carte et adaptation spécifique pour smartphone et tablette.
Développement & QA
Développement parallèle iOS et Android, intégration des cartes hors ligne, géolocalisation, achats in-app, synchronisation avec le CMS web et tests approfondis de l'expérience hors ligne.
Lancement & Évolution
Publication sur l'App Store et Google Play, optimisation de l'expérience à partir des données d'utilisation et développement de nouvelles fonctionnalités comme la gestion des tâches et les notes personnelles.
04 — Le Produit en Détail
Conçu pour le vrai voyageur, pas pour l'utilisateur avec WiFi
La carte qui voyage avec vous, sans consommer un seul octet de données.
Avant de partir en voyage, l'utilisateur télécharge la carte complète de la destination en un seul geste. À partir de ce moment, la carte fonctionne en totale indépendance de la connexion : navigation, zoom, recherche de points d'intérêt et géolocalisation en temps réel de l'utilisateur, tout hors ligne.
Nous avons évalué et comparé plusieurs fournisseurs de cartes avant de sélectionner la solution la plus adaptée aux exigences du projet : capacité de téléchargement hors ligne par zone géographique, qualité cartographique, possibilité d'ajouter des couches de POIs personnalisés et performances sur des appareils d'entrée de gamme.
Jour 3 · Lundi 14 oct
Kyoto : temples et geishas
Commencez la journée dans le quartier de Gion avant l'arrivée des touristes. À 7h, les rues pavées et les machiya sont encore silencieuses...
Sanctuaire Fushimi Inari
Voir le point sur la carte →
Marché Nishiki · Déjeuner
Voir le point sur la carte →
Chaque journée du voyage, parfaitement organisée.
La structure de navigation reproduit la logique que les utilisateurs connaissaient déjà sur le web : chaque itinéraire est divisé par journées, et à l'intérieur de chaque journée n'apparaissent que les onglets qui ont du contenu (Itinéraire, Transport, Hôtel, Activité). Si une journée ne contient que des informations d'itinéraire, elle s'affiche directement sans menu d'onglets.
Chaque ressource — visite, restaurant, hôtel — inclut des photos pleine largeur avec zoom tactile, sa description détaillée et le bouton pour la localiser sur la carte. L'utilisateur peut marquer des ressources comme visitées et ajouter des notes personnelles qui se synchronisent avec son compte.
Découvrez des destinations, achetez ce que vous voulez, voyagez quand vous pouvez.
L'appli affiche l'intégralité du catalogue de destinations disponibles organisées par zones géographiques. Chaque destination peut proposer plusieurs itinéraires selon les jours disponibles (un itinéraire de 7 jours, un autre de 10, un autre de 14...), ce qui permet au voyageur d'adapter le guide à son temps réel.
L'achat s'effectue nativement via l'achat in-app, intégré à l'App Store et Google Play. Si l'utilisateur a déjà acheté l'itinéraire sur le web, il apparaît automatiquement disponible dans l'appli sans avoir besoin de payer à nouveau.
Catalogue mondial de destinations
Asie, Europe, Amériques, Océanie et Afrique organisées par zones. Itinéraires culture, aventure, gastronomie, nature, plages et grandes villes.
Itinéraires par nombre de jours
Chaque destination propose plusieurs options selon les jours disponibles. L'utilisateur choisit l'itinéraire qui s'adapte à son agenda réel.
Informations pratiques sur la destination
Chaque destination inclut une section d'informations pratiques : visas, santé, monnaie, prises électriques, recommandations de sécurité et conseils locaux.
Notifications push
Système de notifications pour informer des nouvelles destinations, mises à jour d'itinéraires et contenu pertinent selon les destinations de l'utilisateur.
05 — Stack Technologique
Technologies utilisées
Stack sélectionné pour garantir l'expérience hors ligne, la synchronisation avec le CMS web existant et la publication native sur les deux stores.
Applis Mobiles
- Swift (iOS natif)
- Kotlin (Android natif)
- StoreKit / Play Billing
- APNs / FCM (push)
Cartes & Hors Ligne
- Mapbox (cartes hors ligne)
- Géolocalisation GPS
- SQLite (stockage local)
- Cache de contenu hors ligne
Intégration & Backend
- API REST (CMS Way Away)
- Authentification OAuth
- Synchronisation incrémentale
- Delta updates des itinéraires
Vous avez un projet similaire en tête ?
Parlez-nous de votre idée. Notre équipe analysera votre cas et vous répondra en moins de 24 heures ouvrables.
Projet suivant