SIERIG ARCHITEKTUR

Website

SIERIG ARCHITEKTUR

Das Hamburger Büro Sierig Architektur beauftragte uns mit dem Relaunch der Website. Herausgekommen ist ein moderner und frischer Auftritt. Neben den obligatorischen Projekten wird vor allem die große Erfahrung des Büros in den Bereichen Erstellung von Gutachten, Kauf- und Energieberatung in den Vordergrund gestellt.

Die Website ist responsiv und ist so optimal darstellbar auf Smartphones, Tablets und Desktop-Computern.
Während der Konzeptionsphase entschieden wir uns gemeinsam mit dem Kunden für ein eintägiges Fotoshooting mit der Hamburger Fotografin Anna Mutter. Dabei entstanden Fotos des Architekten sowie von der Neugestaltung des Zippelhaus-Treppenhauses.

 http://www.sierig-architektur.de

  • UI Design
  • HTML
  • CSS

  • TileMill
  • Fotografie
  • Adobe XD

  • Javascript
  • MapBox

In Adobe XD erstellten wir die Layouts der Seite. Sowohl für die Desktop-Ansicht als auch für das Smartphone. So waren wir in der Lage schnell und bequem die Gestaltung und die Inhalte der Seite mit dem Kunden abzustimmen. Design-Elemente wir die Ikons und die Farbgestaltung - auch der interaktiven Karte - konnten dann unmittelbar auch für die Programmierung genutzt werden.

PROJEKTKARTE

Um die zahlreichen Projekte des Architekturbüros übersichtlich darzustellen, entschieden wir uns für den Einsatz von Google Maps in Verbindung mit MapBox, um eine interaktive Karte im Look der Website zu erhalten. Die Karte stellt die Projekte örtlich da und hält zusätzliche Informationen für den User bereit.

UI ANIMATIONEN

UI Animationen innerhalb Website helfen bei der Navigation durch die Inhalte.

ÜBERSICHT

Einige Seiten der Website in der Darstellung für das Smartphone.

FOTOGRAFIE

In Zusammenarbeit mit der Fotografin Anna Mutter entstanden neue Fotos für die Website.