Kontext
Digitales Produkt: fertige, bearbeitbare Immobilienvertragsvorlagen (Kauf, Tausch, Abtretung, Miete, Ferienvermietung und Aufhebungsverträge), einzeln oder im Paket erhältlich.
Herausforderung
Viele Vertragsarten und mehrere Angebote erklären, ohne Käufer zu verwirren – und dabei von Google gut gelesen werden, was gewöhnliche React-Anwendungen nicht gut können.
Ziel
Eine klare Verkaufsseite, die jede Person zum passenden Vertrag für ihre Situation führt, mit indexierbaren Inhalten.
Lösung
Landingpage, gegliedert nach der Situation des Käufers („Was ist meine Situation?“), mit Vergleich zwischen Einzelvorlage und Paketen, Erklärung der Funktionsweise, Vorstellung des Autors, Garantie und FAQ. Die Seiten sind vorgerendert: Das HTML kommt vollständig an.
Architektur
- TanStack Start mit React 19 und Tailwind 4, auf Basis von Vite
- Vorrendern der Seiten im Build (vollständiges HTML ohne JavaScript-Abhängigkeit)
- Angebote, Fragen und Texte zentral in einer Datendatei
- Automatische Veröffentlichung per GitHub Actions bei jeder Änderung
Funktionen
- Abschnitte nach Verhandlungssituation
- Sechs Angebote mit Vergleich
- Häufige Fragen
- Rechtliche Seiten (Datenschutz, AGB) und LGPD-Hinweise in den Vorlagen
- Messung mit Google Analytics
SEO
- Vorgerendertes HTML
- Strukturierte Daten zu Organisation, Autor, Produkten mit Angeboten und FAQ
- Eigene Sitemap und robots.txt
Automatisierungen
- Automatischer Build und Veröffentlichung per GitHub Actions
Ergebnis
- Verkaufsseite online, mit vollständigen Inhalten im HTML
- Angebotsstruktur, die sich ohne Layout-Änderungen leicht aktualisieren lässt