Origin Design

Viajeros con Sabor

Medellín e Antioquia, raccontate come un film.

Viajeros con Sabor organizza tour privati a Medellín e in Antioquia. Abbiamo progettato e sviluppato un sito che si vive come un viaggio: un’apertura cinematografica, le esperienze in una galleria, mappe immersive di ogni destinazione e una strada diretta verso la prenotazione.

Sfida

Un tour privato si sceglie prima di arrivare: il viaggiatore vuole sapere cosa vedrà, quanto dura e cosa include. La sfida era raccontarlo con la qualità dell’esperienza stessa e portare ogni persona, senza giri, alla prenotazione o a una conversazione su WhatsApp.

Soluzione

Ogni parte del sito avvicina il viaggiatore di un passo alla destinazione.

  • Apertura cinematografica

    Dall’ala dell’aereo all’arrivo a Medellín, con video e un saluto che cambia lingua.

  • Galleria di esperienze

    Nove esperienze a ventaglio, con durata, formula privata e trasporto a colpo d’occhio.

  • Mappe immersive

    Ogni destinazione ha una mappa 3D con rilievo reale e le sue tappe; ogni tappa apre una scheda con foto, cosa è incluso e cosa no.

  • Prenotazione propria

    Un motore di prenotazione in tre passaggi (esperienza, dati e conferma) con calendario, tariffe in pesos colombiani e acconto del 30%.

Esperienza

  • Galleria di esperienze

    Le frecce scorrono le nove esperienze; sotto cambiano nome, durata e servizi inclusi.

  • Mappa e tappe

    Dalla pagina della destinazione si entra nella mappa; ogni punto apre la sua tappa.

  • Prenotazione

    La prenotazione si apre da una tappa: servizi inclusi, numero di viaggiatori, data e totale.

Risultato

Il sito è online su viajerosconsabor.com, in spagnolo e in inglese. Le prenotazioni usano un motore proprio; ecco cosa è operativo oggi e cosa no.

Come è costruito

  • React, TypeScript e Tailwind: Un’interfaccia costruita per componenti.
  • three.js e React Three Fiber: Mappe 3D con rilievo reale (AWS Terrain Tiles).
  • Cloudflare Pages Functions e D1: Registro delle prenotazioni ed e-mail di ogni richiesta.
  • Bold: Incasso dell’acconto.
  • Google Analytics 4: Misurazione delle visite, solo con consenso.

Visita il sito

Torna ai progetti