Mo's Experiences

Le problème

Mo's Experiences aide les voyageurs à planifier leurs séjours en Égypte, en anglais et en français. Le catalogue de destinations, de circuits et de voyages sur mesure change souvent, et chaque modification devait fonctionner dans les deux langues à la fois. Un site marketing classique aurait lié chaque modification à un développeur. Un système de contenu générique aurait rendu l'édition déconnectée des pages réellement gérées.

L'équipe avait besoin d'un site où les voyageurs peuvent comparer les options et préparer leur demande depuis n'importe quel appareil. Elle avait aussi besoin d'un espace éditorial adapté au contenu qu'elle gère chaque jour.

La solution

Nous avons construit une seule plateforme avec deux surfaces reliées : un site public pour parcourir les destinations, les programmes de circuits, les expériences VIP et les demandes de voyages sur mesure, et un tableau de bord bilingue permettant à l'équipe de gérer les pages, les médias et la visibilité dans les moteurs de recherche derrière ce site.

L'anglais et le français faisaient partie du modèle de contenu et du routage dès le départ, pas ajoutés après coup. Le tableau de bord donne aux éditeurs exactement les champs dont chaque page a besoin, pour que le catalogue puisse grandir sans que le site perde en cohérence.

Ce que nous avons livré

• Une expérience publique bilingue avec des routes localisées pour les destinations, les catégories, les programmes de circuits, les circuits VIP, le contenu du blog et les demandes de voyages sur mesure
• Un tableau de bord éditorial couvrant les pages, les destinations, les catégories, les programmes, les articles de blog, les médias, les témoignages et l'administration de l'équipe
• Des bases SEO : métadonnées, canonicals, images Open Graph, sitemaps et données structurées
• Des parcours de demande et d'avis avec envoi d'e-mails transactionnels
• Un accès selon le rôle, une gestion sécurisée des données, et des analyses propriétaires avec suivi des conversions

Le résultat

Mo's Experiences gère désormais son contenu public depuis un seul espace. Les voyageurs parcourent les programmes et envoient leur demande sur le site. L'équipe effectue les mises à jour courantes depuis le tableau de bord.

Technologie

Next.js, React, TypeScript et Tailwind CSS, avec Supabase pour les données, l'authentification et la sécurité au niveau des lignes. Tiptap et React Hook Form animent les formulaires éditoriaux, next-intl gère le routage bilingue, et Resend délivre les e-mails transactionnels.