G · Spalten   B · Grundlinien
apd architektur+ingenieurbüro

Bauen, das weiterdenkt

Redesign des Erscheinungsbilds und Website für APD: Designsystem, Redaktionssystem zur eigenen Inhaltspflege und Projektfilter für passende Arbeiten.

Projekt

apd

Erscheinungsbild

Designsystem

Websitekonzept

Webdesign

Programmierung

Redaktionssystem

Projektfilter

Redesign und Website · Architektur bekommt Raum
Redesign und Website · Architektur bekommt Raum
Aufgabe
Den bestehenden Auftritt weiterentwickeln und Projekte gezielt erschließen. APD wollte Projekte selbst einfach anlegen und pflegen – gestalterisch frei und dennoch konsistent.
Unser Beitrag
Dreimorgen überarbeitete das Erscheinungsbild, entwickelte das Designsystem und gestaltete sowie programmierte die Website. Ein strukturierter Redaktionsprozess ermöglicht den flexiblen Aufbau individueller Projektseiten.
Ergebnis
APD kann Projekte eigenständig anlegen, gestalten und pflegen. Das Designsystem sichert den gemeinsamen Auftritt. Der Projektfilter erschließt passende Arbeiten nach Gebäudetypologie, Themenfeld und Projektstatus.

APD verbindet Architektur und Ingenieurwesen. Eine zentrale Anforderung des Büros: Projekte selbst einfach anlegen und pflegen – mit viel gestalterischer Freiheit und einem konsistenten Erscheinungsbild.

Dreimorgen überarbeitete das Erscheinungsbild und seine Grundelemente. Daraus entstand ein Designsystem für Typografie, Bild, Raster und Navigation. Auf dieser Grundlage konzipierten, gestalteten und programmierten wir die Website als Redaktionssystem.

Ein strukturierter Redaktionsprozess führt vom Anlegen eines Projekts bis zum Aufbau der Seite. APD kann Bilder, Pläne und Texte flexibel zusammenstellen und jede Projektseite individuell gestalten. Das Designsystem hält die Gestaltung zusammen. So entstehen unterschiedliche Seiten, die zum selben Auftritt gehören und sich einfach weiterpflegen lassen.

Der Projektfilter bietet drei Zugänge: Gebäudetypologie, Themenfeld und Projektstatus. So lassen sich relevante Arbeiten gezielt finden und Zusammenhänge zwischen den Projekten entdecken.

Projektfilter · Gebäudetypologie, Themenfeld und Status ordnen die Arbeiten
Projektfilter · Gebäudetypologie, Themenfeld und Status ordnen die Arbeiten
Layout und Projektraster · Große Bilder, klare Abstände, ruhige Typografie
Layout und Projektraster · Große Bilder, klare Abstände, ruhige Typografie
Mobile Website · Bildstarker Einstieg und groß gesetzte Navigation
Mobile Website · Bildstarker Einstieg und groß gesetzte Navigation
Junghof Plaza · Vom Einstieg durch Bilder, Pläne und Projektdetails
Junghof Plaza · Vom Einstieg durch Bilder, Pläne und Projektdetails
Sanierung Hotelzimmer · Bild und Text im Wechsel
Sanierung Hotelzimmer · Bild und Text im Wechsel