Redesign · Next.js · Conversion · NDA / NDA-Projekt
Angebotsseite eines Reisebüros, die direkt zur Anfrage führt, ohne Google-Positionen zu verlieren
Kontext
Die Kunden des Büros sind überwiegend Menschen zwischen 45 und 70 Jahren, oft zu zweit unterwegs, die vor der Buchung mit einem Berater sprechen möchten. Auf der alten Seite standen Preis und Anfrage-Button weit unten, die Beschreibungen waren lang und die Videos luden auf alten Playern. Jedes Angebot war eine eigene, von Hand zusammengebaute Unterseite.
Herausforderung
Den Weg vom Einstieg über Werbung oder Google bis zur gesendeten Anfrage verkürzen, auf der Seite die Fragen beantworten, mit denen Kunden sonst anrufen, und das ohne Änderung der Adressen, auf die das Büro seit Jahren Traffic sammelt.
Umfang
Was ich gemacht habe
- 01Ich habe das Angebot als Pilot für Hunderte weitere auf Next.js umgezogen: Ein Angebot ist ein Datensatz, Seite und Sitemap entstehen von selbst.
- 02Ich habe den Weg zur Anfrage gestaltet: Preis, Button und Hotelvergleich gleich im ersten Bildschirm, ein Preispanel begleitet beim Scrollen, und auf dem Handy liegen die Buttons für Anfrage und Anruf immer unter dem Daumen.
- 03Ich habe einen Preisrechner gebaut: Hotel, Aufenthaltsdauer und Zusammensetzung (Erwachsene und Kinder), mit Einzelzimmerzuschlag und Kurtaxe getrennt ausgewiesen.
- 04Ich habe die alten Adressen 1:1 erhalten, strukturierte Daten ergänzt und zwei Designvarianten zur Auswahl durch den Kunden vorbereitet.
Wichtige Entscheidungen
Wichtige Entscheidungen
- 01
Preis und Entscheidung im ersten Bildschirm
Wer über Werbung oder Google kommt, sieht sofort den Preis pro Person, den Button „Nach Termin fragen“ und den Hotelvergleich. Man muss nicht durch Fotos scrollen, um zu erfahren, ob das Angebot ins Budget passt.
- 02
3★ oder 4★: die Antwort in einer Tabelle
Die häufigste Frage, welches Hotel man wählen soll, ist auf der Seite beantwortet: Preis, Weg zur Therme, Gang im Bademantel, Saunen. Der Button „Ich wähle 3★“ oder „Ich wähle 4★“ überträgt die Wahl direkt ins Formular.
- 03
Die Auswahl landet von selbst im Formular
Der Klick auf ein Hotel oder einen Termin trägt es in die Anfrage ein. Der Kunde tippt nichts doppelt, und das Büro erhält eine konkrete Anfrage statt eines allgemeinen „Bitte um ein Angebot“.
- 04
Kontakt so, wie der Kunde es möchte
Rückruf, Angebot per E-Mail oder WhatsApp. Pflicht ist nur das Feld für den gewählten Kontaktweg, wer lieber schreibt, muss also keine Telefonnummer hinterlassen.
- 05
Vertrauen neben dem Angebot, nicht in einem eigenen Tab
Bewertungen, Zertifikate, der Berater und die Buchung Schritt für Schritt erklärt (die Anfrage kostet nichts, die Zahlung erst nach dem Vertrag) stehen auf derselben Seite, genau dann, wenn der Kunde entscheidet.
- 06
Ein Grund, heute zu entscheiden
Beim Preis ist der Rabatt von −2% für eine Buchung mehr als 35 Tage vor der Abreise hervorgehoben: der einzige Nachlass, auf den man sofort reagieren kann.
- 07
Schneller und ohne Google-Verlust
Die alten Adressen blieben unverändert, Reise, Preis und Bewertungen sind mit strukturierten Daten beschrieben, und Videos und Karte laden erst auf Anforderung. Die Karte funktioniert ohne Cookie-Banner.
Ergebnisse
Ergebnisse
- 01
Eine Angebotsseite, auf der Preis, Hotelvergleich und Anfrage in jeder Phase des Scrollens griffbereit sind, auch auf dem Handy.
- 02
Anfragen kommen sofort mit gewähltem Hotel, Termin und bevorzugtem Kontaktweg an.
- 03
Eine Vorlage, in der weitere Angebote als Daten hinzugefügt werden, mit erhaltenen Adressen und strukturierten Daten.
Stack
- Next.js
- TypeScript
- JSON-LD
- OpenStreetMap
Eingesetzte Leistungen
Haben Sie ein ähnliches Projekt? Schreiben Sie mir, was Sie bauen möchten — in der Regel antworte ich innerhalb von 2 Stunden.