Zum Inhalt
← Rezepte
Alle Rezepte

Reisebüro: Fernweh mit Beratung

Reisebüro (inhabergeführt oder mit Kooperation) / Reisevermittler / kleiner Reiseveranstalter für Gruppen-, Studien- und Busreisen

Wer heute ins Reisebüro geht, will nicht buchen, was er auch online findet, sondern einen Menschen, der sich auskennt: Wer berät mich zu Kreuzfahrt, Fernreise oder Familienurlaub, wann habt ihr Zeit, was kostet es wirklich, und wer haftet, wenn etwas schiefgeht? Deshalb führen Reisethemen als Postkarten zu den Spezialist:innen, Beratung vor Ort, per Telefon oder Video ist der Haupt-Weg, ausgewählte Reisen stehen mit Zeitraum, Endpreis p. P. und Veranstalter, eigene Gruppenreisen mit Terminen und Plätzen, dazu Gut zu wissen (Einreise, Versicherung, Sicherungsschein) und eine Reiseanfrage in vier Schritten. Instrument Serif schmal für Überschriften, Source Serif 4 als Lesestimme. Postkarte, Meer hell und Tinte, Briefmarkenrot nur für „Beratung buchen“. Signatur: die Postkarten. Die Reisethemen liegen als Kartenstapel und fächern sich wie in der Hand auf (karten-faecher-container, bogen); die gewählte Karte wird beim Seitenwechsel zum Kopfbild.

Bauplan tokens.css Alle Techniken

Schrift

Fernweh mit Beratung

Wer heute ins Reisebüro geht, will nicht buchen, was er auch online findet, sondern einen Menschen, der sich auskennt: Wer berät mich zu Kreuzfahrt, Fernreise oder Familienurlaub, wann habt ihr Zeit …

Headline
Instrument Serif
Text
Source Serif 4

Farbe

  • #F6F0E4
  • #1E1B18
  • #D6E5E4
  • #1B2B3A
  • #B3261E
  • #E7D2A6
  • #5E5850

Bewegung

cubic-bezier(0.83, 0, 0.17, 1)
Dauer
200 (Hover, Farbe), 300 (Reiter, Filter, Dialog öffnen), 200 (schließen), 900 (H1-Zeilen und Postkarten fächern einmal auf), 1100 (Seitenwechsel, Postkarte wird Kopfbild)

Aufbau der Seite

SignaturKartenfächer nach Containerbreite

HeroKartenfächer nach Containerbreite · PostkartenoderFoto-Hero: echtes Foto, ein Satz, ein Weg · Foto im

  1. Termin für die Beratung (vor Ort, Telefon oder Video; Thema vorauswählen; Buchungs-Widget erst nach Klick, Telefon daneben; heute geöffnet als Status)Termin-Buchung per 2-Klick-Einbettung · VorauswahlÖffnungszeiten mit Live-Status · Kopfzeile
  2. Reisethemen (je Thema eine Seite: wer berät, was wir empfehlen, Reisezeiten, Beispiele mit Preis ab; Postkarte wird Kopfbild)Kartenfächer nach Containerbreite · PostkartenGanze Karte klickbar
  3. Ausgewählte Reisen (Karten mit Ort, Zeitraum, Endpreis p. P. ab, Veranstalter und Stand; höchstens fünf in einer Reihe)Natives CSS-Karussell (Scroll-Snap, Scroll-Buttons, Scroll-Marker) · KartenreiheKarussell-Steuerung und Anzeige · Zähler
  4. Eigene Gruppen- und Studienreisen (nur als Veranstalter: Termine, Reiseleitung, Plätze nur aus echter Quelle; ab etwa acht Terminen als Kalender)Programm-Kalender mit Liste und Monat · Liste und Monat
  5. Reise-Detailseite (je Reise eine Seite: Verlauf, Leistungen, Termine, Endpreis, Veranstalter, Formblatt vor der Buchung, Anfrage oder Buchung; Vergangenes mit Hinweis statt Fehlerseite)Veranstaltung: Detailseite mit Zuständen · Ticket
  6. Team und Spezialgebiete (Berater:innen mit Ländern und Themen, eigene Reisen nur mit eigenen Fotos)Team-/Über-mich-Layout mit Porträt-Interaktion · Raster
  7. Person-Detailseite (je Berater:in eine Seite: Spezialgebiete, bereiste Länder, Sprachen, Durchwahl und Termin)Personen-Detailseite · Ärztin
  8. Reiseberichte (Tipps aus eigenen Reisen mit Datum und Stand; Einreise nur mit Verweis auf das Auswärtige Amt)Editorial-/Magazin-Layout · MagazinArtikelseite mit Autorin, Stand und Strukturdaten · Ratgeber
  9. Stimmen (eigene Stimmen mit Reise und Monat; Google-Bewertungen nur mit Echtheitshinweis)Testimonials neu gedacht · Ein großes ZitatPlattform-Bewertungen mit Echtheitshinweis · Band unter dem Hero
  10. Gut zu wissen (Vermittler oder Veranstalter, Sicherungsschein, Reiseversicherung, Einreise und Visa, Storno; Antworten als Text)FAQ-Seite mit Suche · KurzAkkordeon mit Höhenanimation auf auto · FAQ
  11. Anfrage: Reisewunsch (Wohin oder welches Thema → Wann und wer reist → Budget und Wünsche → Kontakt; Fehlerliste; Bestätigung mit Rückmeldezeit)Mehrschritt-Anfrage mit Zusammenfassung · SchrittleisteFehlerzusammenfassung im Formular · ListeDanke-Seite: was jetzt passiert · Offene Anfrage
  12. Büro und Anfahrt (Öffnungszeiten mit Status, Adresse als Text, Haltestelle und Parken, Karte per 2-Klick)Öffnungszeiten mit Live-Status · KarteKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · Kartenbild
  13. Rechtliches und Barrierefreiheit (Formblatt-Hinweis, Reisebedingungen des Veranstalters, Sicherungsschein, Erklärung zur Barrierefreiheit bei Online-Buchung nach BFSG)Rechtstexte lesbar setzen · DatenschutzerklärungSeite „Barrierefreiheit“ als Vorlage · Informationen nach BFSG

Nicht verwenden

Regeln
  • Erster Bildschirm: H1, Satz zum Büro, „Beratung buchen“ und Telefon links, Postkarten-Fächer rechts; direkt darunter Beratung vor Ort, Telefon und Video mit Status. Mobil Knopf Anrufen / Beratung.
  • Signatur (karten-faecher-container, Variante bogen): fünf bis sieben Reisethemen, Fotos nur eigen oder lizenziert, Titel zusätzlich als Liste. Keine Texte zum Lesen auf gedrehten Karten. Bei reduzierter Bewegung gerade Reihe.
  • Rolle klar: Reisevermittler nennen bei jeder Reise den Veranstalter und weisen darauf hin, dass sie vermitteln; eigene Reisen als Veranstalter mit Sicherungsschein (Absicherung über den Reisesicherungsfonds bzw. Versicherer). Vor der Buchung einer Pauschalreise das gesetzliche Formblatt. Vom Kunden prüfen lassen.
  • Preise als Endpreis p. P. inkl. Steuern und Gebühren mit Reisezeitraum und Stand; „ab“ nur mit dem Termin, für den der Preis gilt. Streichpreise nur mit dem niedrigsten Preis der letzten 30 Tage. Vom Kunden prüfen lassen.
  • Einreise, Visa und Gesundheit nur als Hinweis mit Link zum Auswärtigen Amt und Stand, nie als verbindliche Auskunft. Reiseversicherungen nur mit Status nach § 34d GewO bzw. als Tippgeber, vom Kunden prüfen lassen.
  • Fotos eigener Reisen und des Teams mit Einwilligung; Veranstalter-Bilder nur mit Nutzungsrecht; fotorealistische KI-Bilder gekennzeichnet (Art. 50 KI-VO).
  • Bewertungen von Google oder Reiseportalen nur mit Echtheitshinweis direkt dabei (bewertungsprofil-mit-echtheitshinweis). Online-Buchung: Erklärung zur Barrierefreiheit nach BFSG prüfen lassen.
  • Knöpfe: dunkle Pfeil-Pille in Briefmarkenrot (pfeil-icon-button, Variante tausch) für Beratung und Anfrage; Nebenwege als Stempel-Kontur (kontur-button-zeichnen, Variante doppel). Alle Zustände nach button-zustaende.
Bild und Ton
  • Licht: Natürliches Licht vor Ort, gern früh oder spät; keine überdrehten HDR-Farben.
  • Ausschnitt: Orte mit Menschen von hinten, Details (Teller, Weg, Tür), Team im Büro und auf eigenen Reisen.
  • Personen: Team und Mitreisende nur mit Einwilligung; Einheimische nicht als Kulisse.
  • Formate: 4:5, 3:2, 16:9
  • Nicht: Keine Stock-Strände mit Liegestuhl, keine ungekennzeichneten KI-Traumorte, keine Veranstalter-Bilder ohne Recht.
  • Anrede: Sie
  • Sätze: Anschaulich und genau: wohin, wann, für wen, was es kostet, wer veranstaltet.
  • Haltung: Wie eine Beraterin, die selbst dort war: begeistert, aber ehrlich über Wetter, Wege und Preise.
  • Tonproben: Für Japan im April braucht es Vorlauf: Wir planen sechs Monate vorher., Diese Reise veranstaltet [Veranstalter]. Wir vermitteln und bleiben Ihre Ansprechpartnerin.
  • Nicht schreiben: „Traumurlaub zum Schnäppchenpreis“, „unvergessliche Momente“, Superlative ohne Grund.
Hero, Raum und Form
  • Hero-Raster: H1, Satz und Handlung über Spalte 1 bis 5; Postkarten-Fächer über Spalte 6 bis 12; mobil H1, Stapel (leicht versetzt), Handlung.
  • Hero-Bild: Fünf bis sieben eigene oder lizenzierte Fotos als Postkarten 4:5.
  • Überschrift: clamp(2.75rem, 1.4rem + 5.6vw, 6rem), Instrument Serif; ein Satz zu Büro und Ort oder der Name, ein Wort kursiv erlaubt, kein Label darüber.
  • Handlung: „Beratung buchen“ (Briefmarkenrot, Pfeil-Pille) und Telefon als tel:-Link.
  • Zusatz: Direkt unter dem Hero Beratung vor Ort, Telefon und Video mit Status; mobil Knopf Anrufen / Beratung.
  • Sektionsabstand: clamp(72px, 9vw, 144px)
  • Dichte: luftig
  • Raum: Luftig wie ein Reisemagazin: große Bilder, viel Rand, Preise und Pflichtangaben dicht unter den Karten.
  • Spalten: 12
  • Maximale Breite: 1360px
  • Raster: Hero 5/7 mit dem Fächer rechts; Reiseseiten im Magazin-Raster (Bild randlos, Text 7 Spalten, Fakten 4 Spalten rechts); Reisekarten als Reihe mit angeschnittener nächster Karte.
  • Radius klein: 2px
  • Radius groß: 6px
  • Schatten: nur an Postkarten: 0 2px 4px und 0 16px 28px in Tinte mit 10 bis 14 % Deckkraft
  • Form: Postkarten fast eckig (2 px) mit Zackenrand per clip-path, Karten und Felder 6 px, Knöpfe als Pille, große Bilder ohne Radius.
Vorbilder