← projekte

[ live · 2026 ]

SEERUHE · Lodge

Filmische Website für eine fiktive Lodge am See – eine eigene Designstudie.

Rolle

Designstudie · Konzept · Gestaltung · Entwicklung

Stack

  • HTML
  • CSS
  • JavaScript
  • Scroll-Video
SEERUHE · Lodge — Cover

SEERUHE ist eine eigene Designstudie für eine fiktive Lodge zwischen Wald und Wasser. Die englischsprachige Website verbindet ruhige Typografie, warme Naturfarben und eine Kamerafahrt, die sich beim Scrollen entfaltet. Sie ist eine gestalterische Arbeitsprobe, kein Kundenauftrag und keine buchbare Unterkunft.

01 · Ein Ort wird zum Erlebnis

Die Seite soll schon beim ersten Blick das Gefühl eines Rückzugsorts vermitteln. Großzügige Bilder, zurückhaltende Navigation und kurze Texte lassen der Landschaft und der Architektur Raum.

Vom See führt die Reise näher an die Terrasse und anschließend in den Innenraum. Gestaltung und Bewegung folgen dieser kleinen Geschichte.

02 · Bewegung durch Scrollen

Eine zehnsekündige Kamerafahrt folgt dem Scrollfortschritt. So bestimmen Besucher selbst, wie schnell sie sich der Lodge nähern. Die Darstellung bleibt auf maximal 1280 Pixel begrenzt, damit Bild und Text zusammenwirken.

Ein Standbildmodus bietet einen ruhigen Zugang zu den Inhalten. Der Innenraum erscheint als eigenständiges Bildmotiv.

KI-generierter Innenraum der fiktiven SEERUHE-Lodge mit Blick auf den See
Synthetisches Innenraummotiv der Designstudie.

03 · Von der Bildidee zur Website

Die Bildwelt und die Kamerafahrt wurden mit KI erstellt, ausgewählt und für die Website aufbereitet. Aus den Schlüsselbildern entstand eine zusammenhängende visuelle Richtung; das Video wurde auf 4K hochskaliert und für die Webauslieferung komprimiert.

Die Umsetzung verwendet HTML, CSS und JavaScript. Die Website wird über Cloudflare ausgeliefert und lässt sich auf schmalen wie großen Bildschirmen erkunden.

[ ergebnis ]

Seit September 2026 live: eine englischsprachige Konzeptwebsite mit scrollgesteuerter Kamerafahrt, Standbildmodus und eigener Bildwelt. Die Arbeitsprobe zeigt, wie aus einer fiktiven Unterkunft ein individueller Webauftritt entsteht.