Origin Design

Viajeros con Sabor

Medellín et Antioquia, racontées comme un film.

Viajeros con Sabor organise des circuits privés à Medellín et dans la région d’Antioquia. Nous avons conçu et développé un site qui se parcourt comme un voyage : une ouverture cinématographique, les expériences en galerie, des cartes immersives de chaque destination et un chemin direct vers la réservation.

Défi

Un circuit privé se choisit avant d’arriver : le voyageur veut savoir ce qu’il verra, combien de temps cela dure et ce qui est inclus. Le défi : le raconter avec la qualité de l’expérience elle-même et conduire chaque personne, sans détour, vers la réservation ou une conversation WhatsApp.

Solution

Chaque partie du site rapproche le voyageur un peu plus de sa destination.

  • Ouverture cinématographique

    De l’aile de l’avion à l’arrivée à Medellín, avec de la vidéo et un accueil qui change de langue.

  • Galerie d’expériences

    Neuf expériences en éventail, avec durée, formule privée et transport visibles d’un coup d’œil.

  • Cartes immersives

    Chaque destination a sa carte 3D au relief réel et ses étapes ; chaque étape ouvre une fiche avec photos, ce qui est inclus et ce qui ne l’est pas.

  • Réservation intégrée

    Un moteur de réservation en trois étapes (expérience, coordonnées et confirmation) avec calendrier, tarifs en pesos colombiens et acompte de 30 %.

Expérience

  • Galerie d’expériences

    Les flèches parcourent les neuf expériences ; en dessous changent le nom, la durée et les prestations incluses.

  • Carte et étapes

    Depuis la page de la destination, on entre dans la carte ; chaque point ouvre son étape.

  • Réservation

    La réservation s’ouvre depuis une étape : prestations incluses, nombre de voyageurs, date et total.

Résultat

Le site est en ligne sur viajerosconsabor.com, en espagnol et en anglais. Les réservations reposent sur un moteur sur mesure ; voici ce qui est opérationnel aujourd’hui et ce qui ne l’est pas.

Comment il est construit

  • React, TypeScript et Tailwind: Une interface construite par composants.
  • three.js et React Three Fiber: Cartes 3D au relief réel (AWS Terrain Tiles).
  • Cloudflare Pages Functions et D1: Enregistrement des réservations et e-mails de chaque demande.
  • Bold: Encaissement de l’acompte.
  • Google Analytics 4: Mesure des visites, uniquement avec consentement.

Visiter le site

Retour aux projets