Alle Cases
Ausgewählte Arbeit · 2026Webdesign · Live

InnResidenz

Neun Kapitel führen durch das Gewölbe am Residenzplatz 5: vom Schaufenster über das Uhrwerk bis zum Haus.

Kuckucksuhren, Passauer Altstadt

Website öffnen
Startseite von InnResidenz mit Kuckucksuhren im historischen Gewölbe
01 / 04Das Gewölbe

Die Website übersetzt das echte Gewölbe nicht in einen Shop, sondern in einen Rundgang. Bilder stehen vor Text. Bewegung folgt Kette, Pendel und Tür. Die Oberfläche bleibt ruhig genug für das Museumsregister der Marke.

Leistungen

  1. 01Creative Direction
  2. 02Webdesign
  3. 03Motion Design
  4. 04Frontend Development
  5. 05Fotografie-System
  6. 06SEO und DSGVO

01 · Aufgabe

Das Gewölbe voller Schwarzwälder Kuckucksuhren hatte keinen digitalen Ort. Vor dem Besuch fehlten Bilder, Orientierung und eine englische Fassung für internationale Gäste.

02 · Ansatz

Die Seite beginnt im dunklen Gewölbe und wird an der Schwelle hell. Von dort führt eine durchgehende Scroll-Choreografie durch Schaufenster, Geschichte, Uhrwerk, Gastgeber, Haus und Standort.

03 · Ergebnis

Ein zweisprachiger Onepager mit 42 aufbereiteten Spiegelreflex-Fotos, interaktiver Uhrenanatomie, Audio, Fassaden-Morph und einer eigenen Karte für den Residenzplatz.

Technologie

Next.js · GSAP · Lenis · Web Audio · Tailwind · Vercel

Was die Arbeit trägt

01

Dunkel-zu-hell-Dramaturgie vom Gewölbe in den Rundgang

02

Kuratierte Salon-Hängung aus 42 echten Aufnahmen

03

Interaktive Anatomie einer Kuckucksuhr mit Audio

04

Fassaden-zu-Zeichen-Morph für die Herkunft der Marke

05

Zweisprachiges Routing mit eigenständiger deutscher und englischer Fassung

06

Mobile, Tablet, Foldable und Wide Screen als eigene Layoutzustände

Visuelle Sequenz

02—04
Heller Rundgang mit Foto des Gewölbes und Kapitelnavigation
Die Schwelle02
Editoriale Einleitung zum Schaufenster der Kuckucksuhren
Das Schaufenster03
Asymmetrische Galerie mit geschnitzten Details mehrerer Kuckucksuhren
Die Details04

Case Study · InnResidenz

Schreib mir. Antwort heute oder morgen.

Nächstes Projekt besprechen