Statut : en ligne — rachidexcursions.com
Le problème
Les organisateurs d'excursions locaux indépendants de Marrakech se disputent les mêmes visiteurs que les agences de voyage en ligne internationales. Un visiteur qui compare des excursions sur son téléphone peut perdre patience face à des pages lentes, une navigation confuse ou des prix cachés. L'organisateur avait besoin d'un site rapide, aux prix clairs, avec des pages en plusieurs langues lisibles par les moteurs de recherche, et d'un chemin direct du téléphone vers WhatsApp plutôt qu'un formulaire de commande.
Mon rôle
J'ai été le développeur unique, chargé de concevoir et de réaliser l'application web front-end, d'établir l'architecture de contenu multilingue, de construire une chaîne de prérendu statique sur mesure via Chrome headless pour le référencement, et de mener un audit complet d'interface mobile et de conversion.
Ce que j'ai construit
- Architecture front-end moderne : une application client adaptée à tous les écrans, pensée d'abord pour le mobile, avec React 18, Vite, TypeScript, Tailwind CSS et shadcn/ui (primitives Radix), organisant les excursions autour de pôles dédiés (excursions à la journée, circuits de plusieurs jours dans le Sahara, activités à Marrakech, transferts aéroport).
- Chaîne de prérendu statique automatisée en 4 étapes : parce que les robots d'indexation et les agents de recherche IA peinent avec les applications rendues côté client, j'ai mis en place une chaîne de compilation automatisée qui utilise Puppeteer et Google Chrome headless pour prérendre 200 routes HTML localisées à la compilation, sous le contrôle strict d'une barrière de vérification
verify-seo-build.mjs. - Internationalisation trilingue et grappes SEO localisées : configuration d'i18next en anglais, français et espagnol avec des URL préfixées par route (
/fr/*,/es/*). Construction de 7 grappes de pages d'atterrissage localisées et relues, avec des jeuxhreflangcomplets (en,fr,esetx-default) injectés directement dans l'en-tête du document statique. - Données structurées Schema.org complètes : implémentation d'un graphe JSON-LD valide pour
Organization,TravelAgency,TouristTrip,OfferCataloget desBreadcrumbListséquentiels, avec devise explicite et structures de prix de départ. - Parcours de conversion WhatsApp directs : intégration d'appels à l'action WhatsApp contextuels avec paramètres pré-remplis (nom de l'excursion, durée, date, taille du groupe), accompagnés d'une barre de réservation mobile fixe pour les utilisateurs sur téléphone.
Audit et optimisation de la conversion mobile
En plus du développement, j'ai mené un audit approfondi de la conversion mobile portant sur les chemins de décision sur téléphone :
- Mise en place d'un jeu de données produit unique et structuré pour éliminer les incohérences de prix et de durée d'une page à l'autre.
- Allègement des cartes d'excursions sur mobile, en déplaçant les paragraphes narratifs lourds vers les pages de détail et en retirant les carrousels multi-images des cartes, pour accélérer la lecture et réduire la charge du DOM.
- Réorganisation de la page d'accueil mobile autour de l'intention de réservation (bandeau avec appels à l'action directs, excursions populaires, preuves de confiance, avis Google, parcours de demande en 3 étapes, puis FAQ).
Résultats
Je n'ai pas accès aux statistiques internes de Rachid Excursions ni à ses mesures privées de conversion WhatsApp ; aucune affirmation non vérifiée sur le volume de réservations ou le chiffre d'affaires n'est donc faite ici.