NomadAdict : comment j’ai généré une interface IA prête à tester en quelques heures
Introduction
Préparer des vacances implique souvent des dizaines d’onglets ouverts, une multitude de listes, des conseils dispersés entre forums, guides et podcasts. À l’approche de mon départ, j’ai voulu expérimenter une autre méthode : transformer ces tâches préparatoires en une application interactive générée par IA, capable de structurer les étapes d’un voyage et de proposer un itinéraire personnalisé selon mes critères. Ce prototype s’appelle NomadAdict.
Contexte technique
NomadAdict a été conçu et implémenté en moins de 8 heures en tirant parti des outils récents suivants :
- Google AI Studio – plateforme de développement assistée par IA, intégrant les modèles Gemini pour la génération de texte structuré et logique.
- Fonction Build – pour générer automatiquement un frontend interactif à partir de définitions de composants, JSON et prompts IA.
- Déploiement automatisé sur Google Cloud – permettant d’héberger la maquette en ligne sans configuration complexe d’infrastructure.
Cette approche a transformé radicalement la phase de conception : au lieu d’un wireframe statique ou de longues itérations de design, l’IA a généré une interface exploitable que j’ai pu tester immédiatement dans un navigateur.
Workflow détaillé
- Définition des besoins
Dans AI Studio, j’ai décrit ma destination, la durée envisagée, les styles de voyage (par exemple : Tranquille / Zen, Famille / Squad, Sport / Adrénaline) et les objectifs (gastronomie, culture, nature).
Exemple de prompt :
« Prépare un itinéraire de 7 jours à Chiang Mai pour une expérience zen et culturelle, en intégrant recommandations locales, contraintes météo et ressources pratiques. » - Génération de contenu structuré par Gemini
Gemini a retourné un JSON cohérent contenant :
- des listes d’étapes quotidiennes,
- des points d’intérêt avec décompositions horaires,
- des conseils pratiques logistiques (transports, vêtements, risques à éviter).
Ce JSON a servi de base pour alimenter les composants UI du prototype.
- Build & déploiement
Grâce à la fonction Build de AI Studio, le système a généré instantanément un frontend en Angular 21 + Tailwind CSS. Le code a été packagé puis déployé automatiquement sur Google Cloud, avec une URL publique accessible en quelques minutes.
Exemple d’expérience utilisateur
Sur l’écran d’initialisation, l’utilisateur sélectionne :
- son style de voyage (Tranquille / Zen, Baroudeur / Rogue, etc.),
- son objectif principal (Équilibré / Général, Gastronomie / Food, Photographie / Vues).
L’interface propose ensuite un itinéraire structuré jour par jour. Pour Chiang Mai – Jour 1 par exemple :
- « Visite du temple Wat Phra That Doi Suthep » avec durée estimée,
- conseils pour l’habillement et le transport (songthaew, négociation du prix),
- alertes culturelles (respect des pratiques locales),
- ressources à télécharger (applications locales de transport).
Chaque élément est issu de la compréhension du contexte par l’IA et mis en forme automatiquement dans une interface cohérente.
Limites et contrainte prototype
NomadAdict reste un prototype exploratoire :
- Sécurité minimale – pas de chiffrement des données, authentification non implémentée.
- Limites d’appels IA – 3 appels par session pour maîtriser les coûts de démonstration.
- Usage recommandé – uniquement pour exploration, inspiration ou démonstration de concept.
Pourquoi cette approche change la préparation de voyage
- Contrairement à l’accumulation manuelle de listes et d’onglets, NomadAdict permet de :
- centraliser automatiquement des données pertinentes,
- structurer l’itinéraire selon des critères personnalisés,
- générer des alertes pratiques (risques à éviter, recommandations locales),
- tester immédiatement une interface fonctionnelle sans phase de design manuelle.
👉 Teste l’interface NomadAdict ici :
https://nomadadict.wetandseaai.fr
Si ce prototype te semble utile, inspirant ou si tu veux soutenir son évolution vers une version plus robuste, tu peux m’offrir un ramen :
👉 https://ko-fi.com/BOB61RJ1QH
- application IA préparation voyage
- prototype IA voyage
- Gemini Google AI Studio
- Build et déploiement cloud
- itinéraire personnalisé IA
- interface générée par IA
- planification vacances IA
- générer application en quelques heures