Redesign · Next.js · conversion · NDA / Projet sous NDA
Une page d’offre d’agence de voyages qui mène droit à la demande, sans perdre ses positions dans Google
Contexte
Les clients de l’agence ont surtout entre 45 et 70 ans, voyagent souvent à deux et veulent parler à un conseiller avant de réserver. Sur l’ancien site, le prix et le bouton de demande étaient tout en bas, les descriptions longues et les vidéos se chargeaient sur de vieux lecteurs. Chaque offre était une sous-page distincte, assemblée à la main.
Enjeu
Raccourcir le chemin entre l’arrivée depuis une publicité ou Google et la demande envoyée, répondre sur la page aux questions pour lesquelles les clients appellent d’habitude, et le faire sans changer les adresses sur lesquelles l’agence collecte du trafic depuis des années.
Périmètre
Ce que j'ai fait
- 01J’ai migré l’offre vers Next.js comme pilote pour des centaines d’autres : une offre correspond à un jeu de données, et la page et le plan du site se génèrent tout seuls.
- 02J’ai conçu le chemin vers la demande : prix, bouton et comparatif d’hôtels dès le premier écran, un panneau de prix qui accompagne le défilement, et sur mobile les boutons de demande et d’appel toujours sous le pouce.
- 03J’ai construit un calculateur de prix : hôtel, durée du séjour et composition (adultes et enfants), avec le supplément chambre individuelle et la taxe de séjour affichés séparément.
- 04J’ai conservé les anciennes adresses 1:1, ajouté des données structurées et préparé deux variantes visuelles au choix du client.
Décisions clés
Décisions clés
- 01
Prix et décision dès le premier écran
Celui qui arrive depuis une publicité ou Google voit tout de suite le prix par personne, le bouton « Demander une date » et le comparatif d’hôtels. Il n’a pas à faire défiler des photos pour savoir si l’offre rentre dans son budget.
- 02
3★ ou 4★ : la réponse dans un seul tableau
La question la plus fréquente, quel hôtel choisir, trouve sa réponse sur la page : prix, trajet jusqu’aux thermes, passage en peignoir, saunas. Le bouton « Je choisis 3★ » ou « Je choisis 4★ » reporte aussitôt le choix dans le formulaire.
- 03
Le choix arrive tout seul dans le formulaire
Un clic sur un hôtel ou une date l’inscrit dans la demande. Le client ne saisit rien deux fois, et l’agence reçoit une demande précise plutôt qu’un « merci de m’envoyer une offre » générique.
- 04
Un contact comme le client le préfère
Rappel téléphonique, offre par e-mail ou WhatsApp. Seul le champ du mode de contact choisi est obligatoire : celui qui préfère écrire n’a pas à laisser de numéro de téléphone.
- 05
La confiance à côté de l’offre, pas dans un onglet à part
Avis, certificats, conseiller et réservation décrite étape par étape (la demande ne coûte rien, le paiement n’intervient qu’après le contrat) se trouvent sur la même page, au moment où le client décide.
- 06
Une raison de décider aujourd’hui
À côté du prix, la remise de −2% pour une réservation plus de 35 jours avant le départ est mise en avant : la seule remise à laquelle on peut réagir tout de suite.
- 07
Plus rapide, sans perdre Google
Les anciennes adresses sont restées inchangées, le séjour, le prix et les avis sont décrits par des données structurées, et les vidéos et la carte ne se chargent qu’à la demande. La carte fonctionne sans bandeau de cookies.
Résultats
Résultats
- 01
Une page d’offre où le prix, le comparatif d’hôtels et la demande sont à portée de main à chaque étape du défilement, y compris sur mobile.
- 02
Les demandes arrivent d’emblée avec l’hôtel, la date et le mode de contact préféré.
- 03
Un modèle où les offres suivantes s’ajoutent sous forme de données, avec adresses et données structurées conservées.
Stack
- Next.js
- TypeScript
- JSON-LD
- OpenStreetMap
Services mobilisés
Vous avez un projet similaire ? Écrivez-moi ce que vous souhaitez créer, je réponds généralement sous 2 heures.