Konzeptprojekt2026
Demo: Ferienhäuser Lärchenwinkel
Vorher/Nachher-Demo für Vermieter: eine Website im Stand von 2011 und ihre Neufassung, beide live, zum Durchklicken.
Konzept, Gestaltung, Entwicklung
Vorher und nachher
Beide Fassungen stehen live nebeneinander. Ein Klick auf einen Rahmen öffnet sie zum Durchklicken.
Das Problem
Viele Vermieter in Kärnten haben eine Website, die seit über zehn Jahren nicht angefasst wurde: feste Breite, kein Handy-Layout, keine Anfrage, Preise als Tabelle irgendwo hinten. Was eine neue Seite konkret anders macht, ist ohne Beispiel schwer zu zeigen.
Die Lösung
Ein erfundener Betrieb mit vier Ferienhäusern, zweimal gebaut. Die alte Fassung reproduziert absichtlich die typischen Schwächen. Die neue hat fünf Seiten, einen Verfügbarkeits-Check mit vorbelegter Anfrage, Sommer-/Winterumschaltung und Bilder in modernen Formaten. Beide Fassungen sind live, eine Leiste oben schaltet zwischen ihnen um.
Womit es gebaut ist
Next.js · TypeScript · Tailwind CSS · Cloudflare Workers · Playwright
Das Ergebnis
100
Lighthouse auf allen fünf Seiten der Neufassung
200KB
Bildgewicht der Startseite, höchstens
0
externe Skripte und Cookies
- Buchungs- und Anfragestrecke per Playwright durchgetestet.
- Live unter demo.bleier-solutions.com/hotel/, die alte Fassung unter /hotel/alt/.
Was zu sehen ist
Alle Namen, Preise und Bewertungen sind erfunden. Der Betrieb existiert nicht.
Was die Neufassung anders macht
Fünf Seiten statt zehn, weil Sommer, Winter und Anfahrt zusammengehören. Verfügbarkeit und Preis stehen oben, die Anfrage ist mit Zeitraum und Haus vorbelegt. Bilder liegen in AVIF und WebP in zwei Größen, die Seite lädt ohne fremde Skripte.
Was übertragbar ist
Dasselbe Gerüst trägt jede Vermietung mit zwei bis zwanzig Einheiten. Buchungssystem und Anfrageversand werden im echten Projekt angebunden; hier sind sie Attrappen.
Etwas Ähnliches für Ihren Betrieb?
Schreiben Sie kurz, worum es geht. Sie bekommen innerhalb eines Werktags eine Einschätzung mit Preisrahmen und Dauer.