Screenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl Screenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl - ProjektlisteScreenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl - ProjektlisteScreenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl - Referenzprojekt   Screenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl - Lightbox Screenshot Landschaftsarchitektur und Umweltplanung Gerhard Kohl - Kontakt

Aufgabe

Die Internetpräsenz des Planungsbüros Landschaftsarchitektur und Umweltplanung – Gerhard Kohl in Göttingen sollte neu gestaltet werden. Neben einem frischen Design war auch die Umstellung auf ein Content-Management-System gefordert, damit die Inhalte zukünftig problemlos selbst gepflegt werden können.
Großen Raum sollten ausgewählte Referenz-Projekte einnehmen, die mit großformatigen Fotos illustriert werden sollten.

Umsetzung

Zentrales Gestaltungselement ist ein großformatiges Foto über die gesamte Bildschrimbreite im oberen Bereich jeder Seite. Bei der Startseite findet ein entsprechender Imageslider Verwendung, der die wichtigsten Arbeitsbereiche des Planungsbüros nacheinander darstellt.

Der Content-Bereich darunter ist in zwei Spalten unterteilt: die breitere, linke Spalte enthält den Hauptinhalt, die rechte Spalte Kontextinformationen, wie aktuelle Projekte, eine Unternavigation oder eine Fotogalerie.

Die Unternavigation passt sich dynamisch an, wenn ein Nutzer z.B. in den Referenzprojekten recherchiert: es werden immer die zum jeweiligen Hauptinhalt passenden Unterpunkte angezeigt.

Alle Vorschaubilder können angeklickt werden und in einer Lightbox öffnet sich dann eine großformatige Version des Fotos.

Selbstverständlich ist die gesamte Website responsive und passt sich automatisch verschiedenen Bildschirmauflösungen und mobilen Geräten an.

Die Wahl des Content-Management-Systems fiel einmal mehr auf WordPress.

Landschaftsarchitektur und Umweltplanung – Gerhard Kohl

 

3. Juni 2015 | Referenzen, Referenzen Webdesign | 4.052 views

Tags: , , ,