MANDAMadaVoyage
Landing page premium agence de voyages
Landing page premium pour une agence de voyages à Madagascar. Conçue from scratch avec un workflow design IA-first : 3 variantes générées par IA à partir d'un brief produit et du design système, validation client, puis intégration pixel-perfect en Next.js 16 + GSAP. Architecture découplée (data, composants, lib) prête à être dupliquée pour d'autres clients voyage ou réservation. SEO/GEO inclus : JSON-LD TravelAgency + TouristTrip + FAQPage, sitemap dynamique, Open Graph, performances optimisées. Voir la section ci-dessous pour le détail du process design → code.
Workflow design IA-first
Du brief au code
Le brief
Concevoir une landing page premium pour une agence de voyages à Madagascar. Le site devait transmettre l'aventure et l'unicité de l'île tout en restant rassurant et professionnel pour la conversion. Cible : voyageurs européens en quête d'expérience authentique. Sections attendues : hero immersif, circuits proposés, formulaire de réservation, rassurance, galerie, témoignages.
Les variantes design IA
Workflow design IA-first : à partir du brief, du design système et du logo, je génère 3 variantes design par IA. Le client choisit la direction qui le parle, on retouche si besoin, puis on passe au code. Ici, une 1ère piste a été écartée tôt et deux directions ont été présentées côte à côte.
Direction 2 — Plage tropicale lumineuse
Atmosphère claire et solaire, palmiers et eau turquoise. Très accessible, immédiatement reconnaissable comme « Madagascar plage ». Composition hero + cards circuits + formulaire de réservation latéral.
Direction 3 — Côte rocheuse au coucher de soleil
Tonalité plus cinématographique, atmosphère sauvage. Plus différenciant mais potentiellement trop sombre pour une page conversion, et moins évident à étendre aux sections suivantes.
La direction retenue
La direction 2 a été retenue : le côté lumineux et tropical inspire plus immédiatement l'envie de voyage, et la composition hero + circuits + formulaire latéral structurait mieux le funnel de réservation. Décision validée en une itération, sans retouche supplémentaire.
L'intégration finale
Intégration finale en Next.js 16 + GSAP. Le site final reprend la direction artistique de la variante 2 (palmiers, lumière dorée) avec une photo réelle de Madagascar pour le hero plutôt que la maquette IA brute. Architecture découplée (data, composants, lib) prête à être dupliquée pour d'autres clients voyage ou réservation.