MANDAMadaVoyage
Premium travel agency landing page
Premium landing page for a Madagascar travel agency. Built from scratch with an AI-first design workflow: 3 variants generated by AI from a product brief and design system, client validation, then pixel-perfect integration in Next.js 16 + GSAP. Decoupled architecture (data, components, lib) ready to be duplicated for other travel or booking clients. SEO/GEO included: JSON-LD TravelAgency + TouristTrip + FAQPage, dynamic sitemap, Open Graph, optimized performance. See the section below for the design-to-code process breakdown.
AI-first design workflow
From brief to code
The brief
Design a premium landing page for a Madagascar travel agency. The site needed to convey adventure and the island's uniqueness while staying reassuring and professional for conversion. Target: European travelers looking for authentic experiences. Expected sections: immersive hero, featured tours, booking form, trust signals, gallery, testimonials.
AI design variants
AI-first design workflow: from the brief, design system and logo, I generate 3 AI design variants. The client picks the direction they like, we tweak if needed, then we move to code. Here, an early direction was set aside and two directions were presented side by side.
Direction 2 — Bright tropical beach
Sunny, clear atmosphere with palm trees and turquoise water. Very accessible, immediately recognizable as 'Madagascar beach'. Composition: hero + tour cards + side booking form.
Direction 3 — Rocky coastline at sunset
More cinematic tone, wild atmosphere. More distinctive but potentially too dark for a conversion page, and harder to extend to the rest of the page.
Selected direction
Direction 2 was selected: the bright, tropical mood inspires the desire to travel more immediately, and the hero + tours + side booking form composition structured the booking funnel better. Decision locked in one iteration, no further tweak needed.
Final build
Final build in Next.js 16 + GSAP. The site echoes the variant 2 art direction (palm trees, golden light) with a real Madagascar photo for the hero rather than the raw AI mockup. Decoupled architecture (data, components, lib) ready to be duplicated for other travel or booking clients.