Case Study — Markenwelt Nº1 · Architektur

Atelier Stein

Ein Architekturbüro zwischen Beton und Licht — und eine Website, die dieselbe Ruhe ausstrahlt wie die Bauten selbst.

  • Architektur
  • Design · Development · Motion
  • Verkauft

Die Aufgabe

Präzision zeigen, ohne laut zu werden.

Atelier Stein entwirft Bauten, die bleiben — vom Einfamilienhaus bis zum Kulturbau. Die Website sollte genau das ausstrahlen: Präzision, Ruhe, Material. Keine Effekthascherei, sondern ein digitaler Raum, in dem die Projekte wirken können wie Beton unter gutem Licht.

Projektfotografie aus der Markenwelt — Turmhaus K7
Projektfotografie aus der Markenwelt — Turmhaus K7

Das Konzept

Drei Entscheidungen,
die alles tragen.

  1. Schweizer Raster

    Ein strenges Spaltenraster mit sichtbaren Hairlines strukturiert jede Sektion. Der Weißraum ist kein Rest, sondern Baumaterial.

  2. Typografie als Material

    Archivo in 800 steht wie gegossener Beton; ein einziger Ockerton setzt Akzente wie Messing im Sichtbeton.

  3. Bilder atmen lassen

    Full-Bleed-Projektfotos mit ruhiger Parallax. Die Architektur ist der Held — das Interface tritt zurück.

Das System

Typografie & Farbe

Archivo 800 fürs Display · Space Grotesk für den Text
#171717 · Tinte
#FFFFFF · Fläche
#A16207 · Ocker
#E8E6E1 · Grund

Live-Preview

Die Website,
wie sie verkauft wurde.

Die Preview spielt automatisch — oder die Markenwelt in voller Größe öffnen.

„Die Website hat sich in den ersten drei Monaten bezahlt gemacht. Anfragen kommen jetzt von allein.“
Gründerin · Atelier Stein

Motion

Bewegung mit Absicht.

  1. Reveals wie Licht

    Textzeilen schieben sich beim Scrollen aus Masken — wie Licht, das durch eine Öffnung fällt.

  2. Parallax mit Zurückhaltung

    Projektbilder bewegen sich einen Hauch langsamer als der Scroll. Tiefe ohne Show.

  3. Koordinaten als Detail

    47.3769° N läuft als stilles Zeichen der Verortung mit — Präzision bis in die Fußnote.

Sichtbeton als Interface-Metapher
Sichtbeton als Interface-Metapher
0 Wochen von Kickoff bis Launch
0 Feedback-Runden — mehr brauchte es nicht
0 Lighthouse-Performance auf Mobile

So etwas
für eure Marke?

Projekt starten

Nächste Case Study: NOIR →