Case Study · 011 LS Gestaltung Aktuelles Großprojekt 2026

The Adams.

Boutique-Hotel im Herzen von Baden-Baden — Markenrelaunch, Next.js-Webseite mit Stripe-Checkout und Smoobu-PMS-Anbindung, Editorial-Fotografie und Local SEO. Ein Hotel, das Self-Check-in als Haltung versteht, nicht als Sparmaßnahme.

AuftraggeberThe Adams Hotel
Baden-Baden
Zeitraum2026 — laufend
Relaunch live April 26
DisziplinenMarkenwelt · Webseite
Buchungssystem · SEO · Editorial
BrancheHotellerie · Boutique
Self-Check-in 24/7
01 · Ausgangslage

Ein Hotel mit sieben Zimmern und einem klaren Anspruch: unkompliziert, modern, persönlich — ohne Hotellerie-Folklore.

The Adams liegt in der Fußgängerzone Baden-Baden, 200 Meter zur Therme, direkt am Casino. Sieben individuell gestaltete Designzimmer, Self-Check-in 24/7 — kein Concierge in Livree, aber 4,6 Sterne aus 96 Bewertungen. Vor dem Relaunch: eine ältere Hotel-Website mit Booking.com-Logik, statisches PDF-Menü, manuelle Buchungsbearbeitung per E-Mail.

Der Auftrag: ein kompletter Markenrelaunch über alle Touchpoints. Neue Webseite, die nicht aussieht wie 2014. Direktbuchung in vier Schritten, mit Live-Verfügbarkeit aus dem Smoobu-PMS und Stripe-Zahlung. Editorial-Fotografie, die das Haus zeigt wie es ist — Holz, Licht, Weinflasche auf dem Bett. Und ein Local-SEO-Setup, das nicht nur auf Google läuft, sondern auch in AI-Overviews, ChatGPT und Perplexity sichtbar wird.

Stack: Next.js 16, Tailwind, TypeScript. Buchung über Smoobu API + Stripe Checkout Session, Webhook-basierte Buchungserstellung. Strukturiertes Schema.org (Hotel + LodgingBusiness + Organization), llms.txt, Open Graph, dreisprachig vorbereitet. Performance > 95 auf Lighthouse mobile.

„Ein Hotel braucht keine Marmorlobby mehr — es braucht einen Buchungsprozess, der nicht zwei Mails kostet."

LS Gestaltung · zum Relaunch-Briefing
The Adams Hotel Baden-Baden — Zimmer-Lifestyle, Editorial-Cut
01 Zimmer-Lifestyle
The Adams Hotel — Self-Check-in Code-Schloss am Eingang
02 Self-Check-in
The Adams Hotel — Editorial-Aufnahme mit Wein-Silhouette
03 Editorial
Drei Cuts aus der Editorial-Strecke — Lifestyle, Self-Check-in, Atmosphäre. Eigenproduktion · 2026
02 · Die Arbeit

Fünf Disziplinen,
ein Auftritt.

Eine Marke, die zur Substanz passt.

The Adams ist kein Grand Hotel. Es ist auch kein Hostel. Das Brand-System ist genau dafür gebaut: zurückhaltend, präzise, mit warmem Anker — kein Trend-Beige, sondern eine konkrete Farbpalette aus Adams-Braun (#7E7770) und Anthrazit (#3D3D3D), die mit warmem Cream-Hintergrund arbeitet.

Logo, Typografie, Mikro-Layout für jedes Touchpoint von der Webseite bis zum Self-Check-in-Bildschirm im Hotel-Tablet — ein System, das funktioniert, ohne sich überall durchzudrücken.

  • Logo-Refresh & Markenleitfaden
  • Farbsystem · Typografie · Iconografie
  • Touchpoint-Design: Web, Print, Tablet, Beschilderung
  • Tonalität: unkompliziert, jung, ohne Jugendsprache
The Adams Markenwelt — Logo & Mockups
01 Logo & Print
The Adams Markenwelt — Touchpoints
02 Touchpoints
The Adams Gästekarte im Brand-System
03 Gästekarte
The Adams Self-Check-in Smart-Lock Touchpoint
04 Smart-Lock

Next.js, App-Feeling, Mobile First.

Die neue adamshotel.de fühlt sich an wie eine App, nicht wie eine Hotel-Website. Server-side gerenderte Next.js-Pages für SEO, clientseitig schnelle Routen, App-Feeling-Patterns wie Sticky-Buttons, Mega-Menü mit Hover, Sheet-Drawer auf Mobile.

Architektur: Hub-and-Spoke mit Landingpage, sieben dedizierten Zimmer-Seiten, fünf Lage-Seiten, sechs Baden-Baden-Themenseiten — alle als statische Pages für maximale Geschwindigkeit, dynamisch nur dort wo Live-Daten gebraucht werden.

  • Next.js 16 · React 19 · Tailwind · TypeScript
  • 7 Zimmerseiten + 5 Lage-Seiten + 6 Themenseiten
  • Lighthouse Mobile > 95 · LCP < 1.5s
  • Photo-Sphere-360-Touren in den Zimmern
adamshotel.de — Live-Screenshot der neuen Webseite adamshotel.de

▸ Live · Next.js 16 · Lighthouse 95+

Buchen in vier Schritten — Stripe + Smoobu.

Direktbuchung am Hotel ist die teuerste Customer-Acquisition-Strecke, wenn sie über Booking.com läuft (15–18 % Kommission). Mit eigenem Buchungssystem zahlt der Gast direkt — und das Hotel spart pro Buchung im Schnitt 40 €.

Unsere Lösung: ein 4-Step-Wizard, der Live-Verfügbarkeit und Preise aus dem Smoobu-PMS zieht, über Stripe Checkout abrechnet und nach erfolgreicher Zahlung per Webhook die Buchung automatisch in Smoobu anlegt. Kein manueller Schritt mehr, keine doppelte Pflege.

  • 4-Step Booking Wizard mit Datum & Gäste-Wahl
  • Stripe Checkout Session inkl. Upsell-Optionen
  • Webhook-basierte Buchungserstellung in Smoobu
  • iCal-Sync · automatische Rechnung · Multi-Channel-Schutz
01
Datum & Gäste wählen
Live-Verfügbarkeit · Smoobu API
02
Zimmer auswählen
Dynamische Preise · Upsell-Optionen
03
Kontaktdaten
DSGVO-konform · Mandant Hotel
04
Bezahlen mit Stripe
Checkout-Session · 3DS · Rechnung
▸
Webhook · Buchung in Smoobu
iCal-Sync · Bestätigung an Gast & Hotel
Stripe Checkout Smoobu PMS Next.js API Routes Webhooks · 3DS

SEO für Google, Local Pack & AI Overviews.

Local SEO für ein Hotel heißt heute drei Disziplinen gleichzeitig: organisches Google-Ranking, Google Local Pack mit GBP-Signalen, und Sichtbarkeit in ChatGPT, Perplexity und Google AI Overviews.

Wir haben Hotel- und LodgingBusiness-Schema kombiniert, Hub-and-Spoke-Architektur mit eigenen Themenseiten für Casino, Therme, Festspielhaus aufgebaut, eine llms.txt für AI-Crawler hinterlegt und alle wichtigen AI-Bots (GPTBot, ClaudeBot, PerplexityBot) explizit zugelassen. Strukturierte Daten für Zimmer, Bewertungen, Öffnungszeiten, Reserve-Action — alles auf Schema.org-Standard.

  • Hotel + LodgingBusiness + Organization Schema
  • llms.txt & robots.txt für AI-Crawler offen
  • Hub-and-Spoke mit 18+ Themenseiten
  • Aggregierte 4.6★ Reviews im Schema verankert
adamshotel.de
adamshotel.de — Hotel + LodgingBusiness Schema
01 Hotel + LodgingBusiness
adamshotel.de/buchen
adamshotel.de/buchen — ReserveAction Schema
02 ReserveAction · Stripe
adamshotel.de/zimmer
adamshotel.de/zimmer — 7 Zimmer-Hubs
03 Hub-Seiten · 7 Zimmer
adamshotel.de/baden-baden
adamshotel.de/baden-baden — Local SEO Themenseiten
04 Local SEO · Themen-Hubs

Editorial-Fotografie statt Hotel-Stock.

Hotel-Fotografie sieht oft aus wie Möbel-Katalog: leer, sauber, leblos. Unser Ansatz ist anders. Wir fotografieren Räume in einem Zustand, der einen Gast erwartet — das frisch gemachte Bett mit Weinflasche, die Kaffeemaschine am Morgen, das Argan-Pflegeset im Bad, die Silhouette einer Person beim Wein-Tasting.

Ergebnis: Bilder, die nicht nur Räume zeigen, sondern den Aufenthalt. Direkt einsetzbar für Webseite, Booking.com-Listing, Social Media, Print — alles aus einer Session, kein Stockfoto-Anteil.

  • Editorial-Cuts für Web & Print
  • Zimmer-Strecken pro Raum (alle 7 Zimmer)
  • Lifestyle-Detail: Wein, Pflege, Kaffeemaschine
  • Eigene Bilddatenbank, monatlich erweitert
Editorial — Wein im Bett-Detail Editorial — Lifestyle Bett Editorial — Wein Silhouette
01 Lifestyle & Wein
Editorial — Porträt Atmosphäre Editorial — Porträt 02 Editorial — Porträt 03
02 Porträt & Stimmung
Editorial — Wein-Tasting Editorial — Self-Check-in Editorial — Gästekarte
03 Service-Touchpoints
Editorial — Zimmer-Detail Editorial — Zimmer 01 Editorial — Zimmer 02
04 Zimmer-Detail
03 · Die Menschen hinter dem Haus

Mit echten
Gesichtern.

Self-Check-in heißt nicht „anonym". Auf der Webseite und in der Markenwelt zeigen wir das Team — weil ein persönlicher Eindruck mehr wert ist als ein Stockfoto vom „freundlichen Hotelmitarbeiter".

Nana — Hotelleitung The Adams

Nana

Hotelleitung

Der ruhige Pol. Hat das ganze Haus im Kopf — von der Belegung bis zur Lieblings-Caracalla-Route der Stammgäste.

Natascha — The Adams

Natascha

Operations

Wenn etwas im Haus läuft, hat sie's vorher organisiert. Schreibt Antworten an Gäste so, dass man's gerne liest.

Max — The Adams

Max

Gastgeber

Kennt jedes Restaurant der Stadt. Wer eine echte Lieblingsspot-Empfehlung will — nicht den TripAdvisor-Tipp — fragt Max.

adamshotel.de
adamshotel.de — Live-Vorschau der gesamten Webseite, Scroll-on-Hover
Live-Site besuchen
04 · Zimmer & Editorial

Sieben Zimmer,
eine Bildsprache.

Vier Cuts aus der Editorial-Strecke — sieben Zimmer komplett dokumentiert, plus Lifestyle-Details für Web & Social. Eigenproduktion, monatlich erweitert, kein Stockfoto-Anteil.

The Adams Hotel Baden-Baden — Zimmer Editorial 01
01 Zimmer · Lifestyle
The Adams Hotel — Zimmer Editorial 02
02 Zimmer · Detail
The Adams Hotel — Wein-Detail Editorial
03 Lifestyle · Wein
The Adams Hotel — Editorial Porträt
04 Editorial · Porträt
05 · Stand heute

Ein vollständiges Markensystem — vom ersten Bild bis zur erfolgreichen Stripe-Zahlung.

7

Designzimmer · einzeln fotografiert & dokumentiert

4.6★

aus 96 Bewertungen · im Schema verankert

24/7

Self-Check-in · Buchung & Anreise ohne Personal

200m

zur Therme · Premium-Lage in Baden-Baden

Nächste Case Study

Culture Rave.

Event-Branding, Aftermovie und Social-Output für eine Rave-Reihe in Baden-Baden — Markenwelt, die nach Nacht klingt.

Projekt ansehen