Hotel Deichgold
Friederike Maaß · Inhaberin & Gastgeberin
2:14 min
Verweildauer pro Besuch. Lesefluss wie ein Reisemagazin.
Ein historisches Lotsenhaus, neun Zimmer mit Namen, eine Gastgeberin mit Haltung. Eine Website, die nicht schreit, und genau deshalb im Gedächtnis bleibt.
Hamburg-Cranz
Hotel & Pension
Jedes Detail
hat einen Grund.
Typografie als Haltung. Cormorant Garamond für Headlines, Inter für Fließtext. Kursiv wo es poetisch wird, aufrecht wo Information zählt.
Farbpalette aus dem Haus selbst. Elfenbeinweiß der Dielen, tiefes Elbblau der Förde am Abend, Kupfer wie der alte Schiffskompass im Eingang.
Null Stockfotos. Zwei Tage Fotoshooting im Deichgold, jedes Bild zeigt das, was Gäste wirklich vorfinden.
Layout wie ein Reisemagazin. Großzügige Weißräume, doppelt hohe Bildflächen, jede Zimmergeschichte ein eigenes Kapitel.
Bewusst weggelassen. Kein Newsletter-Popup, kein Best-Price-Banner, kein Chat-Bubble, kein eingebettetes Booking-Widget.
Inhaberin pflegt selbst. Zimmergeschichten, Saisonbilder und Frühstücksmenü laufen über ein schlankes CMS, ohne Agentur dazwischen.
Das Briefing
Als Friederike Maaß uns im Frühjahr 2024 kontaktierte, hatte sie eine klare Vorstellung davon, was sie nicht wollte. Keine Hochglanz-Hotelmaschinerie, keine Marketing-Theatralik, keinen künstlichen Druck. Sie wollte eine Website, auf der man schon beim Scrollen merkt, wie es sich anfühlt, im Deichgold anzukommen. Das war die Aufgabenstellung. Damit lässt sich arbeiten.
Wir saßen fast drei Stunden zusammen. Über das Haus, über die Gäste, über den Geruch von Salzluft und frischem Brot. Erst danach haben wir Figma geöffnet.
Die Herausforderung
Das Deichgold ist kein Hotel von der Stange. Neun Zimmer, jedes mit einem Namen, Lotsenkind, Hafenluft, Gezeiten. Ein Lotsenhaus aus dem Jahr 1887, das Friederike über Jahre behutsam renoviert hat. Ein Ort mit einer Geschichte, die sich nicht in Bullet Points fassen lässt.
Die eigentliche Designaufgabe war keine technische. Sie war redaktionell und atmosphärisch. Wie transportiert man das Gefühl eines Hauses, ohne es mit Worten zu erschlagen. Wie zeigt man neun sehr unterschiedliche Zimmer, ohne dass die Seite aussieht wie ein Möbelkatalog.
Typografie als Haltung
Die Headline-Schrift war schnell klar: Cormorant Garamond. Eine Serifenschrift mit Würde und Geschichte, kein Luxus-Klischee, kein rustikales Gasthaus-Feeling. Kursiv, wenn es poetisch wird. Aufrecht, wenn Information gefragt ist. Für Fließtext Inter: lesbar, ruhig, aus dem Weg.
Die Kombination erzeugt eine Spannung, die zum Haus passt. Alt und neu. Tradition und Klarheit. Nordsee-Stille und norddeutsche Direktheit. Beide Schriften liegen self-hosted im Projekt und sind preloaded, sodass beim ersten Ladevorgang nichts flackert.
Farbe aus dem Haus selbst
Wir haben keine Trendpalette aufgeschlagen. Die Farben kamen aus dem Haus. Elfenbeinweiß der gestrichenen Dielen, tiefes Blaugrün der Elbe kurz vor Sonnenuntergang, Kupfer nach dem alten Schiffskompass, den Friederike beim Umbau hinter einer Wand gefunden hatte.
Kein grelles Element auf der gesamten Website. Keine Farbe ohne Grund. Das Haus setzt die Töne, das Design folgt.
Bildsprache, die wirklich aus dem Haus stammt
Null Stockfotos. Wir waren zwei Tage vor Ort, mit eigener Kamera, ohne Aufsteckblitz. Friederike hat die Räume zubereitet, als würde gleich ein Gast einchecken. Tageslicht, frische Vasen, glatte Lakenstoffe. Keine Posen, kein Set, keine Models.
Jedes Bild auf der Website ist im Deichgold entstanden. Die Bettwäsche ist die echte Bettwäsche. Das Brot beim Frühstück ist das echte Brot vom Bäcker in Cranz. Wenn man auf einer Website eine Lampe sieht und sie im Zimmer wiederfindet, hat das Haus seinen Charakter behalten.
Layout wie ein Reisemagazin
Die meisten Hotelwebsites sind im Kern Buchungsplattformen mit Begleittext. Beim Deichgold haben wir das umgedreht. Die Seite liest sich wie ein langer Magazinbeitrag mit ruhigen Brüchen, doppelt so hohen Bildflächen wie üblich, weiten Innenrändern und viel Atemraum zwischen den Abschnitten.
Auf Desktop arbeiten wir mit zweispaltigen Brüchen für die Zimmergeschichten, mit Zitaten als eigenständige Flächen, mit Bildunterschriften, die mehr sind als „Schlafzimmer 2.OG". Auf Mobile rutscht das Ganze in eine einzige Spalte, behält aber denselben Rhythmus, weil die Spalten- und Bildregeln responsiv mitwachsen.
Mikroanimation, fast unsichtbar
Bewegung war eine Glaubensfrage. Das Haus ist still, also durfte die Seite nicht zappeln. Bilder kommen mit einem feinen Fade-Up in den Blick, Headlines erscheinen statt hereinzufahren. Beim Wechsel zwischen Zimmern setzen wir bewusst keinen Slider und kein Karussell ein, weil das die Geschichten nivellieren würde.
Selbst der Buchungs-Button hat keinen Schatten, der pulsiert. Er ist da, er ist erkennbar, er ist ruhig. Wer buchen möchte, findet ihn. Wer noch liest, soll lesen dürfen.
Schnell, sauber, zugänglich
Lighthouse-Performance 98 auf Mobile und Desktop. Bilder werden in WebP ausgespielt mit srcset für drei Größen, das spart auf einem 4G-Anschluss aus dem Hamburger Umland mehrere hundert Kilobyte pro Aufruf. Die Schriften sind preloaded, der erste Paint flackert nicht.
Kontraste erfüllen WCAG AA. Jedes Bild hat einen sprechenden Alt-Text. Tastaturbedienung ist auf jedem Element möglich. Screenreader lesen die Zimmergeschichten in der Reihenfolge, die Friederike sich gewünscht hat. Das ist keine Beilage, das ist die Grundlage. BFSG-konform von Tag eins.
Neun Zimmer, neun Persönlichkeiten
Das war der Teil, der uns am meisten Freude gemacht hat. Jedes Zimmer hat einen Namen, und hinter jedem Namen steckt eine Geschichte. Lotsenkind, benannt nach den Kindern der Lotsen, die hier früher aufgewachsen sind. Strandhafer, nach den Gräsern, die man morgens durchs Fenster sieht. Salzluft, selbsterklärend.
Auf der Website bekommt jedes Zimmer einen eigenen Moment. Kein Grid mit Thumbnails und Preis daneben, sondern ein Bild, das atmet, und Text, der erzählt. Die Besucher sollen nicht vergleichen, sie sollen sich entscheiden wollen.
Was wir bewusst weggelassen haben
Keine Newsletter-Lightbox, die beim ersten Scroll erscheint. Kein „Best Price"-Banner. Keine TripAdvisor-Sternenleiste über der Headline. Kein eingebettetes Booking.com-Widget. Kein Chat-Bubble unten rechts, das nicht wieder weggeht.
Die Versuchung im Hotelwebdesign, alles draufzupacken, ist groß, weil jedes Tool eine Statistik mitbringt, die angeblich irgendwas verbessert. Wir haben jede dieser Statistiken weggelassen. Was geblieben ist: das Haus, die Geschichten, der Weg zur Anfrage. Vier Klicks, sechs Felder, fertig.
Das Frühstück allein ist die Reise wert. Und der Blick auf die Elbe beim Aufwachen. Stefan K. aus München.
Endlich mal wieder schlafen ohne Straßenlärm. Nur Elbe, Wind und Möwen. Thomas und Jana H. aus Köln.
Was Friederike heute selbst pflegt
Die Zimmernamen, die Geschichten, die Bilder, die Saisonhinweise zum Frühstück, die Sonderwochen, alles steht in einem schlanken CMS, das Friederike selbst bedient. Eine Stunde Schulung, danach läuft es. Wenn ein neuer Stoff in Lotsenkind einzieht, ist er nach zehn Minuten online.
Das ist die Sorte Unabhängigkeit, die ein Boutique-Hotel braucht. Keine Agentur, die zwischen Friederike und ihren Gästen sitzt. Wir sind im Hintergrund da, wenn etwas Größeres ansteht.
Was wir gelernt haben
Kleine Boutique-Hotels haben einen Vorteil, den kein Kettenhotel kaufen kann. Eine echte Persönlichkeit. Eine Website, die das einfängt, ist kein Luxus. Sie ist das ehrlichste Marketinginstrument, das es gibt.
Das Deichgold hat uns gezeigt, was passiert, wenn ein Haus wirklich zu seiner Website wird. Nicht umgekehrt.
Projektsteckbrief
Kunde
Hotel Deichgold
Inhabende
Friederike Maaß · Inhaberin & Gastgeberin
Standort
Hamburg-Cranz
Branche
Hotel & Pension
Einheit
9 (alle mit Namen)
Schwerpunkt
Individuelles Webdesign
Launch
April 2024
Laufzeit
9 Wochen
Website ansehen
Ähnliches Projekt?
Kostenloses Erstgespräch
Was unsere Ansprechperson sagt.
„Wir wollten eine Website, die unser historisches Lotsenhaus von 1887 in Worten und Bildern trägt. Kogge hat das Konzept entwickelt und auch selbst gebaut. Beratung und Umsetzung aus einer Hand, mit klarem Gespür für unser Haus."
Friederike Maaß
Inhaberin & Gastgeberin, Hotel Deichgold
Die fertige Website —
direkt hier ansehen.
Kein Screenshot. Die echte Website, scrollbar — vom Hero bis zum letzten Abschnitt.
Screenshots &
Projektbilder.
Fragen zum
Projekt.
Wie entsteht so ein Design?
Wir fangen mit einem langen Briefing an. Bei Friederike saßen wir fast drei Stunden zusammen, über das Haus, über die Gäste, über das Gefühl beim Ankommen. Erst danach öffnen wir Figma. Designentscheidungen ohne Hintergrundwissen werden Beliebigkeit, und Beliebigkeit will niemand auf seiner Hotelwebsite.
Kann man so eine Website auch für ein anderes Hotel bauen?
Ja, aber nicht mit einem Template. Jedes Haus hat eine andere Persönlichkeit, die in jedem Projekt neu herausgearbeitet werden muss. Das Deichgold ist Deichgold, weil Friederike Friederike ist. Das lässt sich nicht kopieren, nur neu erfinden.
Warum so wenig Bewegung und so wenig Effekte?
Weil das Haus still ist. Eine Website, die zappelt, würde dem Charakter widersprechen. Mikroanimationen verwenden wir nur dort, wo sie etwas verdeutlichen, nicht, um Aufmerksamkeit zu erzwingen. Bewegung sollte Sprache haben, nicht Lärm.
Wie pflegt die Inhaberin die Inhalte selbst?
Über ein schlankes Content-System, das wir auf die Bedürfnisse des Deichgolds zugeschnitten haben. Friederike kann Zimmertexte, Saisonbilder, das Frühstücksmenü und Sonderwochen selbst pflegen. Eine Stunde Einweisung, danach läuft es. Wir sind im Hintergrund da, wenn größere Anpassungen anstehen.
Warum ohne Newsletter-Popup, ohne Chat-Bubble, ohne Best-Price-Banner?
Weil all das nicht zum Haus passt. Diese Elemente sind Standard im Hotelwebdesign, weil sie messbare Mikro-Ergebnisse liefern. Im Deichgold würden sie den Charakter unterlaufen. Wir haben sie weggelassen und die Conversion-Logik in eine ruhige, klare Anfrage-Strecke verlagert. Vier Klicks, sechs Felder, fertig.
Euer Projekt könnte das nächste sein.
Kostenloses Erstgespräch — wir schauen uns euren Fall an und sagen euch ehrlich, was möglich ist.
Von der Ems bis Rügen · Von Kiel bis Göttingen
Aus dem Norden, für den Norden