Repräsentative Website für die Landschaftsarchitektur GmbH

Die Landschaftsarchitektur GmbH plant und entwickelt die Gestaltung von öffentlichen Plätzen und Anlagen in ganz Deutschland. Für das Unternehmen mit Sitz in Solingen (ehemals Bonn) erstellte PERIMETRIK® eine schlichte aber stilvolle WordPress Website zur ansprechenden Präsentation ihrer zahlreichen Projekte und Referenzen.

0530-landschaftsarchitektur-design-784×693

Klares Design mit WordPress

Um ihre Projekte und Arbeiten eindrucksvoll in Szene zu setzen, wünschte sich die Landschaftsarchitektur GmbH eine Startseite, auf der ausschließlich Bilder ihrer Referenzen dargestellt werden. PERIMETRIK® entwickelte für diesen Zweck ein Raster, sodass die Bilder großfllächig und in einem sauberen und fest definierten Abstand zueinander eingefügt werden können. Daraus ergibt sich eine auf der Startseite eine bunte Bilderschau mit den schönsten Projekten der Landschaftsarchitekten.

Struktur und Aufbau

Für jedes Projekt hat PERIMETRIK® eine entsprechende Detailseite angelegt, die mit dem Projektbild auf der Startseite verlinkt ist.

Neben der Projektübersicht verfügt die Website zudem über die Projektkategorie „Wettbewerbe“ mit dazugehörigen Detailseiten, über eine Kontaktseite sowie eine Seite „Büro“, auf der sich das Team vorstellt.

Besonderheit: Burger-Menü

Anstelle eines klassischen Menüs mit festen Menüpunkten wählte die Landschaftsarchitektur GmbH für ihre neue WordPress Website ein Burger-Menü für Seiten. PERIMETRIK® positionierte dieses oben links im Header. Beim Öffnen wechselt die Position des Menüs in die Bildschirmmitte. Gleichzeitig wird der Inhalt der Seite überblendet und schimmert nur noch leicht im Hintergrund durch.

Im Footer-Menü hat PERIMETRIK® neben dem Disclaimer zusätzlich die Menüpunkte „Kontakt“ und „Jobs“ angelegt. Ebenfalls feste Bestandteile des Footers sind die Social Media Icons „Facebook“, „Xing“ und „LinkedIn“, die auf die jeweiligen Unternehmensprofile verlinken.

0530-landschaftsarchitektur_menue-784×645

0530-landschaftsarchitektur-gmbh-projektsteckbrief-784

Detailseite Projekte

Jede Projektdetailseite verfügt über ein Key Visual, das über die gesamte Seitenbreite geht, sowie eine Bildergalerie mit weiteren Fotos zum Projekt. PERIMETRIK® fügte für die Galerie eine Paginierung ein, sodass immer vier Fotos auf einer Seite angezeigt werden und die Galerie einzeilig bleibt.

Direkt unterhalb des Key Visuals sind erstmal nur Titel und Ort sichtbar. Weitere Informationen liegen hinter einem ausklappbaren Element (Toggle): Per Klick auf ein kleines Plus-Zeichen auf der rechten Seite wird die Projektbeschreibung eingeblendet.

Eine weitere Besonderheit auf der Projektdetailseite ist der Projektsteckbrief. Diesen fügte PERIMETRIK® auf einer Grafik ein. Der Steckbrief verfügt über die Merkmale „Bauherr“, „Verfahren“, „Gesamtfläche Realisierung“ und „Bauzeit“. Auch hier nutzte PERIMETRIK® Toggle-Elemente, um weitere Informationen anzuzeigen.

Detailseite „Wettbewerbe“

Zur Darstellung ihrer gewonnenen Wettbewerbe nutz die Landschaftsarchitektur GmbH das Standard-News-Archiv von WordPress. Es kann für jeden Wettbewerb ein News-Beitrag angelegt werden, der nach Datum sortiert auf der Übersichtsseite „Wettbewerbe“ angezeigt wird. Standardmäßig enthält jede Detailseiten für Wettbewerbeeinen Titel, Breadcrumbs und eine Kurzbeschreibung. Um die Standard-Darstellung an das Design der restlichen Seiten anzugleichen, erweiterte PERIMETRIK® das Layout für Beiträge: Jede Seite verfügt nun ebenfalls über ein großflächiges Key Visual und ein Toggle-Element, hinter dem ein ausführlicher Beschreibungstext verborgen liegt. Weitere Bilder werden anhand einer Bildergalerie mit einem vierspaltigen Raster und einer Paginierung angezeigt.

0530-landschaftsarchitektur-net-wettbewerb-784×1053

Fazit:

Mit der Unternehmenseite landschaftsarchitektur.net hat PERIMETRIK® eine ansprechende kleine WordPress Website erstellt, auf der die Landschaftsarchitektur GmbH ihre Referenzen vorteilhaft in Szene setzen können. Dank des von PERIMETRIK® erstellten Layouts können die Bilder der Projekte auf der Startseite ganz für sich alleine (ohne Text) wirken. Auch auf den Detailseiten der Projekte und Wettbewerbe sorgt das klare Design mit einem großen Key Visual und Bildergalerie für eine stimmige Präsentation. Durch den Einsatz ausklappbarer Module verschwinden die Texte im Hintergrund, sind bei Interesse zugänglich aber stören nicht die Wirkung der aussagekräftigen Fotos und Grafiken.