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

Corporate Design

Website & CMS

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 und entwickelte daraus das Designsystem für die neue Website. Gestaltung und Programmierung kamen ebenfalls von uns. Das Redaktionsteam kann Projektseiten selbst anlegen und Bilder, Pläne und Texte flexibel zusammenstellen.
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.

Designsystem · Typografie, Farben, Raster und Bildformate
Designsystem · Typografie, Farben, Raster und Bildformate
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