Origin Design

Viajeros con Sabor

Medellín und Antioquia, erzählt wie ein Film.

Viajeros con Sabor organisiert private Touren durch Medellín und Antioquia. Wir haben eine Website gestaltet und entwickelt, die sich wie eine Reise erleben lässt: ein filmischer Einstieg, die Erlebnisse in einer Galerie, immersive Karten jedes Reiseziels und ein direkter Weg zur Buchung.

Herausforderung

Eine private Tour wird vor der Ankunft gewählt: Reisende wollen wissen, was sie sehen, wie lange es dauert und was inbegriffen ist. Die Herausforderung bestand darin, das in der Qualität des Erlebnisses selbst zu erzählen und jede Person ohne Umwege zur Buchung oder zu einem WhatsApp-Gespräch zu führen.

Lösung

Jeder Teil der Website bringt Reisende ihrem Ziel einen Schritt näher.

  • Filmischer Einstieg

    Von der Flugzeugtragfläche bis zur Ankunft in Medellín, mit Video und einer Begrüßung, die die Sprache wechselt.

  • Erlebnisgalerie

    Neun Erlebnisse im Fächer, mit Dauer, privatem Format und Transport auf einen Blick.

  • Immersive Karten

    Jedes Reiseziel hat eine 3D-Karte mit echtem Relief und seinen Stationen; jede Station öffnet eine Übersicht mit Fotos und Angaben dazu, was inbegriffen ist und was nicht.

  • Eigene Buchung

    Eine Buchungsstrecke in drei Schritten (Erlebnis, Daten und Bestätigung) mit Kalender, Preisen in kolumbianischen Pesos und 30 % Anzahlung.

Erlebnis

  • Erlebnisgalerie

    Die Pfeile führen durch die neun Erlebnisse; darunter wechseln Name, Dauer und Leistungen.

  • Karte und Stationen

    Von der Seite des Reiseziels geht es in die Karte; jeder Punkt öffnet seine Station.

  • Buchung

    Die Buchung öffnet sich direkt aus einer Station: Leistungen, Anzahl der Reisenden, Datum und Gesamtpreis.

Ergebnis

Die Website ist unter viajerosconsabor.com online, auf Spanisch und Englisch. Buchungen laufen über ein eigenes System; das ist heute in Betrieb und das noch nicht.

So ist sie gebaut

  • React, TypeScript und Tailwind: Eine komponentenbasierte Oberfläche.
  • three.js und React Three Fiber: 3D-Karten mit echtem Relief (AWS Terrain Tiles).
  • Cloudflare Pages Functions und D1: Speicherung der Buchungen und E-Mails zu jeder Anfrage.
  • Bold: Einzug der Anzahlung.
  • Google Analytics 4: Besuchermessung, nur mit Einwilligung.

Website besuchen

Zurück zu den Projekten