h4a Architekten

Website-Programmierung mit Drupal

Projekt

Für die Website der h4a Architekturbüros wurde das von der Agentur vorgegebene Design als responsive Layout umgesetzt—mit Drupal als CMS, d.h. alle Inhalte können vom Kunden erstellt und bearbeitet werden:

Projekte, Wettbewerbe, News, Publikationen, Jobs, Auszeichnungen, Team-Mitglieder, Standorte uvm.

Blickfang ist jeweils der Fullscreen-Hintergrundslider, durch den per Mausklick, per Pfeiltaste oder per Wischbewegung (Swipe) auf einem Smartphone oder Tablet navigiert werden kann. Am Anfang/Ende der Galerie eines Projekts kommt man durch die Pfeilbewegung automatisch zum vorherigen/nächsten Projekt—die Reihenfolge dieser wird im CMS festgelegt. Bei jedem Projekt kann man eine Info-Box einblenden, die sich unten angebunden automatisch der momentanen Browser-Höhe anpasst.

Ein- und ausblendbare Menüs, wählbare Farben, Kategorien und Ansichten der Projekte, verschiedene Mouseover-Effekte und eine Website-Suche runden das minimalistische Design auch funktional ab.

Der modifizierte Twitterfeed auf der Startseite wird automatisch ausgeblendet, wenn der Platz in der Höhe nicht ausreicht.

Details

Website: www.h4a-architekten.de

Kunde: h4a Gessert + Randecker + Legner Architekten GmbH
Agentur: Kniff Projektagentur, Stuttgart
Zeitraum: Betreuung seit 2014

  • Drupal
  •  
  • HTML5
  • CSS3
  •   Responsive: Bootstrap
  • PHP
  • jQuery
  •   Twitter

Tags