Railwayhero — African Explorer

Railwayhero · African Explorer

African Explorer verkauft Premium-Zugreisen über die deutsche Seite africanexplorer.de. Wir haben sie als statische Astro-Seite neu gebaut, die der Inhaber selbst im Gespräch mit Claude ändert, in Minuten statt der Tage und Wochen, die es früher mit einer Agentur dauerte. Sie lädt fast sofort, kostet im Hosting fast nichts, und jede Anfrage landet als verknüpfter Deal in Pipedrive, ohne Abtippen.

africanexplorer.de

African Explorer ist die Hauptmarke von Railwayhero. Verkauft werden Premium-Zugreisen durch das südliche Afrika, mit dem African Explorer, mit Rovos Rail und mit den Wüstenzügen.

Startseite von African Explorer, „Afrika auf Schienen erleben“, eine statische Astro-Seite, die der Inhaber über Claude pflegt

Die Ausgangslage

Der Katalog ist groß und er bewegt sich. Preise ändern sich, Termine sind ausgebucht, neue Routen kommen dazu. Die alte Seite kam da nicht mit. Sie lief auf WordPress, und jede Änderung bedeutete eine Runde Hin und Her mit einer Design-Agentur. Ein neuer Preis oder eine neue Reise brauchte Tage, manchmal Wochen.

Anfragen kamen per E-Mail. Scheiterte die Mail, war der Lead weg. Was ankam, tippte der Kunde von Hand in Pipedrive. Das eigentliche Problem war also nicht das Design. Es war der Abstand zwischen dem Inhaber und seiner eigenen Website.

Was wir gebaut haben

Wir haben africanexplorer.de auf Astro neu gebaut, statisch, mit React nur dort, wo eine Seite wirklich interaktiv ist. Die Inhalte, die früher im Code steckten, liegen jetzt in einfachen strukturierten Dateien. Die Seite zeigt heute 44 Reisen, jede mit eigener Detailseite, Dauer, Terminen und Preisen, filterbar nach Zug, Sprache, Reiseziel und Reisemonat. Der Build erzeugt 68 Seiten.

Der Reisekatalog auf africanexplorer.de: 44 filterbare Zugreisen mit Dauer, Abfahrtsterminen und Preisen

Das Hosting liegt jetzt auf GitLab Pages, mit automatischen Zertifikaten und einer CI-Pipeline. Beide Domains stehen hinter Cloudflare. Wir haben die SEO-Schicht ergänzt, die der alten Seite fehlte: Open Graph, strukturierte Daten für die Agentur und für jede Reise, und einen Schalter, der einen Vorschau-Build aus Google heraushält, damit eine Testversion nie gegen die Live-Seite antritt.

Die Anfrage-Strecke

Das sechsstufige Anfrageformular ist das Stück, das sich auszahlt. Eine Anfrage wird zuerst in eine Cloudflare-D1-Datenbank geschrieben und sofort beantwortet, so ist der Lead sicher, bevor irgendetwas anderes scheitern kann. Danach folgt der Eintrag in Pipedrive: Die Person wird über die E-Mail gefunden oder angelegt, ein Deal wird erstellt und verknüpft, und Zug, Route, Kabine, Reisedaten, Personenzahl und Nachricht werden auf die echten benutzerdefinierten Felder abgebildet, mit einer Notiz dazu.

Schritt eins der sechsstufigen Anfrage-Strecke, die jede Anfrage direkt in das Pipedrive-CRM des Kunden schreibt

Ein Honeypot, eine Cloudflare-Turnstile-Prüfung und ein Rate-Limit pro IP weisen Bots ab, bevor etwas geschrieben wird. Ein Idempotenz-Schlüssel sorgt dafür, dass ein Doppelklick nie zwei Deals erzeugt. Keine verlorenen Leads mehr. Kein Abtippen mehr. Jede Anfrage ist ein sauberer, verknüpfter Deal im CRM des Kunden.

Änderungen in Minuten, nicht in Wochen

Das ist der ganze Punkt. Der Inhaber ändert seine Website selbst, im Gespräch mit Claude. Er beschreibt, was er will, eine neue Reise, einen anderen Preis, eine weitere Frage im Anfrageformular, und die Änderung ist in Minuten live. Die Inhalte liegen in einfachen Dateien. Die Pipedrive-Feldzuordnung ist eine lesbare Datei. Die Einstellungen sind eine Konfigurationsdatei. Er wartet nicht auf uns, und er wartet auf keine Agentur.

Den Build haben wir von Monaten auf Wochen verkürzt. Die Zeit für eine Änderung an der Live-Seite von Wochen auf Minuten.

Die Ergebnisse, in Zahlen

Der Neubau zeigt sich in den Zahlen. Gemessen mit Google PageSpeed Insights am 6. Oktober 2026.

PageSpeed-Insights-Desktop-Bericht für africanexplorer.de: Performance 100, SEO 100, Best Practices 100

PageSpeed-Insights-Mobilbericht: Performance 97, SEO 100, Best Practices 100, Agentic Browsing 2 von 2

Core Web Vitals mobil über eine gedrosselte Slow-4G-Verbindung: LCP 2,4 s, Total Blocking Time 0 ms, Layout Shift 0,001

Performance Desktop: 100 / 100. Mobil: 97 / 100, bei gedrosseltem Slow-4G.
SEO: 100. Best Practices: 100. Barrierefreiheit: 94.
Agentic Browsing: 2/2. Die Seite besteht Googles neue Prüfungen für KI-Agenten. Sie ist dafür gebaut, von KI gelesen und genutzt zu werden, nicht nur von Menschen.
Core Web Vitals (mobil, Slow 4G): Largest Contentful Paint 2,4 s, Total Blocking Time 0 ms, Cumulative Layout Shift 0,001.
44 Reisen, 68 Seiten, alle vom Inhaber über Claude änderbar.
Hosting-Kosten: nahezu null, auf GitLab Pages hinter Cloudflare.
Jede Anfrage ein verknüpfter Deal in Pipedrive, ohne Abtippen.

Tech-Stack

Astro: Statische Seite, React-Inseln nur dort, wo die Seite interaktiv ist.
Tailwind CSS v4: Design-Tokens und das gemeinsame Layout-Gerüst.
GitLab Pages: Kostenloses Hosting und CI, eigene Domains mit automatischen Zertifikaten.
Cloudflare: DNS und Proxy vor der Seite, dazu Workers und D1 für die Anfrage-Strecke.
Cloudflare Turnstile: Bot-Abwehr am Anfrageformular.
Pipedrive: Jede Anfrage landet als verknüpfte Person und verknüpfter Deal im CRM des Kunden.
Claude und ChatGPT: So ändert der Inhaber die Seite. Einfache strukturierte Inhalte, in Minuten geändert.

Weitere Projekte dieses Kunden