Zum Hauptinhalt springen

little BIG Family: 5% Willkommens-Rabatt + exklusive Deals für Newsletter-Abonnenten. Jetzt anmelden

Browser → Drucken → „Als PDF speichern"
little BIG hotels

Website-Neuaufbau
Status & Roadmap

Interne Präsentation – Stand: 22. Juni 2026

01

Ausgangslage & Ziel

Vorher (WordPress)

  • → Langsame Ladezeiten durch Plugin-Last
  • → Schwierige Content-Pflege, viele Abhängigkeiten
  • → Eingeschränkte Gestaltungsfreiheit
  • → SEO-Potenzial nicht ausgeschöpft
  • → Kein konsistentes Design-System

Nachher (Astro)

  • ✓ Blitzschnelle Ladezeiten (statisches HTML)
  • ✓ Saubere, wartbare Codestruktur
  • ✓ Vollständiges Design-System
  • ✓ SEO-optimiert mit Schema.org
  • ✓ Content-Collections für Blog & Events
02

Technologie-Stack

Astro 5

Framework

Tailwind CSS

Design-System

TypeScript

Type-Safety

Markdown

Content-Format

Warum Astro?

Astro generiert bei Build-Zeit reines HTML – keine JavaScript-Last beim Laden. Das bedeutet: maximale Performance-Scores (Core Web Vitals), bessere Google-Rankings und eine Website, die sich auf jedem Gerät blitzschnell anfühlt. Gleichzeitig bleibt der Code sauber, modular und von jedem Entwickler wartbar.

03

Aktueller Stand – Was bereits steht

Seitenstruktur

✓ Homepage mit Hero-Slideshow & Hotel-Grid

✓ Alle 7 Hotelseiten mit individuellem Content

✓ Über uns, FAQ, Kontakt

Content & SEO

✓ Schema.org Markup (Hotel, Organization, FAQPage)

✓ Blog-System „little BIG stories" mit Kategorien

✓ Events-System mit Upcoming/Past-Trennung

✓ Strukturierte Content Collections (Markdown)

Digitale Features

✓ Online Check-in Info mit interaktivem Modal (alle 7 Hotels)

✓ Digitaler Schlüssel Modal (4 Berliner Hotels: LINDEMANN'S, Anna 1908, fjord, CALMA)

✓ Klickbare Feature-Kacheln auf Homepage & Über-uns

Buchung & Angebote

✓ Buchungslinks für alle Hotels korrekt hinterlegt

✓ Corporate-Seite mit Kontaktformular (5% Business Code)

✓ Gruppen-Anfrage-Seite mit Formular

✓ Angebote-Promo-Blöcke auf Homepage

Navigation & UX

✓ Responsives Header-Menü mit Hotel-Megadropdown

✓ Angebote-Dropdown im Header

✓ Sticky Buchungsbar (verschwindet wenn Hero/Widget sichtbar)

✓ Hero-Slideshows auf allen Hotelseiten (4-6 Bilder, 4-Sek-Fade)

Footer & Branding

✓ Individuelle Hotel-Logos im Footer je Seite

✓ Alt-Connewitz: Logo in Weiß (dunkler Hintergrund)

✓ Korrekte Verlinkung aller Hotels, Angebote, Blog, Events

04

SEO & KI-Sichtbarkeit

Schema.org

Hotel, Organization, FAQPage, BreadcrumbList – strukturierte Daten für Google & KI-Suche (ChatGPT, Perplexity, etc.)

Content-Strategie

Blog + Events liefern kontinuierlich frischen Content – Google belohnt aktive, themenrelevante Seiten.

Performance

Statisches HTML = maximale Core Web Vitals. Schnelle Seiten ranken höher und konvertieren besser.

Bestehende SEO-Stärke wird übertragen

Die URL-Struktur der bestehenden Website wird beibehalten (z.B. /hotel-berlin/the-yard/). Sämtliche SEO-Werte, Rankings und Backlinks bleiben vollständig erhalten – kein Neustart, keine Verluste.

05

Content-Pflege – Wer kann was bearbeiten?

Technisch versierter MA

Alle Änderungen möglich

Direkt in .astro Dateien (Cursor/VS Code)

Semi-technisch

Blog, Events, Hotel-Texte

Markdown-Dateien editieren – simples Textformat

Nicht-technisch (Zukunft)

Alles visuell

Decap CMS: Web-Interface, kein Code nötig

Empfehlung: Decap CMS (kostenlos, Open Source)

Decap CMS (früher Netlify CMS) lässt sich direkt in das Astro-Projekt integrieren. Jeder Mitarbeiter kann dann über ein Browser-Interface Blogartikel schreiben, Events eintragen und Texte anpassen – ohne eine einzige Zeile Code. Deployment über GitHub Actions.

06

Nächste Schritte & Roadmap

Fertig ✓

→ GitHub + Netlify Hosting eingerichtet

→ Alle 7 Hotelseiten (DE + EN)

→ Blog, Events, FAQ, Kontakt, Gruppen, Gutscheine

→ Decap CMS aktiv (Announcement Bars, Galerien, Content)

→ Schema.org, Sitemap, hreflang, Core Web Vitals optimiert

→ Formulare via WP SMTP (jobs.littlebighotels.com)

Go-Live

→ DNS-Cutover: littlebighotels.com → Netlify

→ lindemannhotels.de Redirect aktivieren

→ Event-Archiv Migration (~20 Events)

→ Finaler main-Push

Post-Launch

→ Google Search Console: neue Sitemap einreichen

→ Performance-Monitoring (Lighthouse CI)

→ Weitere Faktenblätter für alle 7 Hotels

→ Content-Erweiterung Blog + Events laufend

07

Sicherheit & Zukunftsfähigkeit

🔐

GitHub Versionskontrolle

Jede Änderung wird versioniert. Kein Datenverlust, kein versehentliches Überschreiben. Vollständige History aller Änderungen. Mehrere Mitarbeiter können sicher parallel arbeiten.

🌍

Keine Vendor-Abhängigkeit

Der Code gehört Euch – kein proprietäres CMS, kein Abo, das gekündigt werden könnte. Jeder Astro-Entwickler kann das Projekt weiterführen.

🚀

Deploy-Automation

Mit GitHub Actions wird bei jedem Push automatisch gebaut und deployt. Änderungen sind in Minuten live – ohne manuellen FTP-Upload.

♻️

Skalierbar & erweiterbar

Neue Hotels, neue Seiten, neue Features lassen sich ohne Umbau des Grundsystems hinzufügen. Die Architektur ist auf Wachstum ausgelegt.

08

Warum kein WordPress mehr?

Geschwindigkeit

WordPress

Jede Seite wird live aus Datenbank + PHP generiert. 40–80 Plugin-Requests pro Seite. Typische TTFB: 800–1.500 ms.

Neue Website

Reines statisches HTML. Keine Datenbank, kein PHP. TTFB < 100 ms. Google Core Web Vitals: maximale Scores.

Struktur & Navigation

WordPress

Jedes Hotel mit 8–10 Unterseiten (/zimmer, /bilder, /location, /bewertungen …) – insgesamt 60+ Seiten, die Besucher verwirren und SEO-Kraft verwässern.

Neue Website

Jedes Hotel = 1 Seite. Alles per Scroll erreichbar. Klarer Weg: Entdecken → Überzeugen → Buchen.

Sicherheit

WordPress

WordPress ist Ziel von 90 % aller CMS-Hacks (Sucuri Report). Plugins, PHP, Datenbank = permanente Angriffsfläche. Regelmäßige Updates zwingend nötig.

Neue Website

Statische Dateien – keine Datenbank, kein Login-Endpoint, keine serverseitige Ausführung. Angriffsfläche: nahezu null.

Wartungsaufwand

WordPress

Plugin-Updates brechen regelmäßig Layouts. PHP-Versions-Konflikte. Theme-Updates überschreiben Anpassungen. Raidboxes-Abo läuft permanent.

Neue Website

Kein Abo, keine Plugins, keine Konflikte. Netlify-Hosting kostenlos. Änderungen in Git versioniert – Rollback in 30 Sekunden.

Kosten

WordPress

Raidboxes + WPML-Lizenz + ACF + weitere Plugins = laufende monatliche Kosten.

Neue Website

Netlify Free Plan deckt alle Anforderungen. GitHub kostenlos. Hosting-Kosten: 0 €/Monat.

09

Emotion first – Conversion by Design

Hotels werden nicht gebucht weil der Preis stimmt. Hotels werden gebucht weil ein Bild, ein Gefühl, ein Moment das Verlangen weckt, genau dort zu sein. Die neue Website ist konsequent darauf ausgerichtet – nicht auf Information, sondern auf Emotion.

Visuelle Immersion

Hero-Slideshows mit 4–6 cineastischen Aufnahmen pro Hotel. Keine statischen Thumbnails – der Gast erlebt das Hotel bevor er bucht.

Kein Rauschen

Eine Hotel-Seite. Kein Unterseiten-Labyrinth. Der Fokus liegt immer auf dem einen Ziel: Buchen. Keine ablenkenden Menüs, keine verlorenen Klicks.

Direkter Buchungspfad

Sticky Buchungsleiste, Buchungswidget direkt im Hero, Buchungsbutton am Ende jeder Zimmervorschau. Der Weg zur Buchung: maximal 2 Klicks.

Vorher – WP-Seite

  • → Startseite mit Text-Last, kleinen Bildern
  • → Hotel-Unterseiten: /zimmer, /bilder, /location als separate Seiten
  • → USPs (Digital Key, Online Check-in, SPA) nicht prominent
  • → Buchungsbutton tief im Menü versteckt
  • → Mobile Erfahrung: zugeschnittene WP-Templates

Nachher – Neue Website

  • ✓ Vollbild-Hero mit automatischer Slideshow
  • ✓ Alles auf einer Seite: Zimmer, Galerie, SPA, Angebote, FAQs
  • ✓ USPs als prominente Feature-Kacheln direkt nach dem Hero
  • ✓ Sticky Buchungsleiste – immer sichtbar
  • ✓ Mobile-first Design, jede Seite responsiv maßgeschneidert
10

Unsere USPs – endlich sichtbar

little BIG hotels hat echte Differenzierungsmerkmale, die in der Buchungsentscheidung den Ausschlag geben können. Auf der alten WP-Seite waren sie vergraben. Auf der neuen Seite sind sie zentral positioniert.

Digitaler Schlüssel

LINDEMANN'S · Anna 1908 · fjord · CALMA

Vorher

Nicht erwähnt / im FAQ versteckt

Jetzt

Eigene Feature-Kachel mit Modal auf der Hotelseite – erklärt Was, Wie, Warum

Online Check-in

Alle 7 Hotels

Vorher

Keine dedizierte Erklärseite

Jetzt

Eigene Seite /online-check-in/ + Feature-Kachel auf allen 7 Hotelseiten

SPA (Pool · Sauna · Fitness)

the YARD

Vorher

Unterseite /wellness/ als eigene Seite mit wenig Traffic

Jetzt

Eigene SPA-Sektion auf der Hotelseite, direkt unter den Zimmern – kein Extra-Klick

Boutique-Charakter & Persönlichkeit

Alle 7 Hotels

Vorher

Generische Hotel-Beschreibungen, kein einheitliches Storytelling

Jetzt

Jedes Hotel mit eigenem Tagline, Story, Highlight-Liste und persönlicher Beschreibung

little BIG rewards

Alle Hotels

Vorher

Kaum sichtbar

Jetzt

Eigene Seite + Announcement Bar + Verweis auf jeder Hotelseite

Englische Gäste

Alle Hotels

Vorher

Keine EN-Version

Jetzt

Vollständige EN-Website mit /en/ Pfad, hreflang, alle Seiten übersetzt

11

Typische Einwände – und die Antworten

„WordPress kennen wir – das ist bewährt."

Antwort

WordPress ist das weltweit meistgehackte CMS (Sucuri 2024: 96 % aller gehackten CMS-Seiten laufen auf WP). „Bewährt" bedeutet hier: bekannt, nicht besser. Die neue Seite ist einfacher zu bedienen – Decap CMS läuft im Browser, kein WP-Backend, keine Plugins.

„Was wenn etwas kaputtgeht?"

Antwort

Auf WordPress bricht eine Plugin-Aktualisierung die Seite – ohne einfachen Rollback. Mit Git ist jede Änderung versioniert. Ein Rollback zur funktionierenden Version dauert buchstäblich 30 Sekunden. Das ist das Gegenteil von fragil.

„Wir verlieren unser SEO-Ranking."

Antwort

Alle URLs bleiben identisch (z. B. /hotel-berlin/the-yard/). Google sieht keine Änderung der Adressen. Gleichzeitig verbessern sich Core Web Vitals dramatisch – Google rankt schnellere Seiten höher. Dazu kommen neue Schema.org-Markierungen, die die alte Seite nicht hatte.

„Wer pflegt die Seite wenn der Entwickler weg ist?"

Antwort

Astro ist ein Open-Source-Standard, den jeder Frontend-Entwickler kennt – kein proprietäres System. Blog und Events können über Decap CMS ohne Code gepflegt werden. Der Code liegt auf GitHub und gehört euch – kein Vendor Lock-in.

„Das kostet doch viel mehr als WP."

Antwort

Hosting: Netlify Free Plan – 0 €/Monat (statt Raidboxes-Abo). Keine Plugin-Lizenzen, kein WPML-Abo nach dem Wechsel, kein ACF Pro. Die laufenden Kosten sinken.

„Unsere Gäste kennen die alte Seite."

Antwort

Alle URLs bleiben gleich – kein Gast landet auf einer 404. Die Seite sieht besser aus, lädt schneller, funktioniert auf Mobile einwandfrei. Kein Gast wird sich beschweren, dass seine Buchungserfahrung angenehmer wurde.

Erstellt von

little BIG hotels · Digital Team

22. Juni 2026

littlebighotels.com

stay@littlebighotels.com