Zum Seiteninhalt springen
nach morgen — Startseite
Tablet liegt auf einer grauen Fläche und zeigt die Webseite des Architekturbüros von KSP Engel Architekten mit der Überschrift „Wir denken die Dinge zu Ende Und darüber hinaus“

KSP Engel |

Website Relaunch KSP Engel Architekten

Konzeption & Entwicklung einer Architekturwebseite

  • Web Development
  • UX & Interface Design
  • Workshop

Im Zuge der Marken-Neuausrichtung des international tätigen Architekturbüros KSP Engel haben wir die Webseite des Unternehmens neu konzipiert und umgesetzt. Ziel war es, die Architekturprojekte des Büros bildgewaltig und zeitgemäß zu präsentieren, gleichzeitig eine schnelle, intuitive Benutzerführung zu gewährleisten und die moderne, internationale Ausrichtung von KSP Engel zu transportieren.

Hintergrund und Zielsetzung

KSP Engel, mit Hauptsitz in Frankfurt und Standorten unter anderem in München, Berlin und Shenzhen, hatte sein Corporate Design grundlegend überarbeitet, um zeitgemäßer und moderner aufzutreten. Für die digitale Umsetzung der Marke benötigte das Architekturbüro eine Webseite, die nicht nur ästhetisch überzeugt, sondern auch eine modulare, flexible Struktur bietet, die Inhalte effizient verwaltet und Projekte beeindruckend in Szene setzt. Gemeinsam mit der Designagentur Meiré und Meiré, die Corporate Design und Layouts entwickelt hatte, übernahmen wir Konzept, Strukturierung und technische Umsetzung der neuen Website.

Laptop, Desktop-PC und Tablet mit unterschiedlichen Ansichten der Webseite von KSP Engel Architekten, darunter Startseite, Profil- und eine Projektseite

User Experience & Interaktionsdesign

Im Rahmen eines Workshops mit KSP Engel und Meiré und Meiré haben wir die Anforderungen aus Unternehmenssicht sowie aus Sicht der Nutzer*innen erarbeitet. Ziel war es, die Bedürfnisse unterschiedlicher Besucher*innengruppen – von Neukunden über Bestandskund*innen bis zu potenziellen Mitarbeiter*innen – zu verstehen und in die Struktur einzubeziehen.

Mehr lesen Weniger lesen

Die Webseite wurde klar und übersichtlich strukturiert, mit wenigen, intuitiv verständlichen Übersichtsseiten. Wiederkehrende Module und ein modularer Aufbau führen Besucher*innen durch die Inhalte, erleichtern die Orientierung und schaffen eine konsistente User Experience. Inhalte lassen sich logisch verknüpfen, sodass relevante Informationen schnell gefunden werden und die Navigation der Seite einfach und effizient bleibt.

Development

Für die technische Umsetzung haben wir die Seitenvorlagen und Module aus dem Design umgesetzt und ein Content Management System auf Basis von Kirby eingerichtet. Das Frontend wurde mit UIKit realisiert und an die Anforderungen von KSP Engel angepasst. Besonderheiten des Systems sind die filter- und sortierbare Projektliste, die die Architekturprojekte thematisch, nach Name, Baujahr, Ort oder Status durchsuchen lässt, sowie die Darstellung von Architekturfotografie in horizontalen Bildergalerien, die auf allen Endgeräten optimal wirken. Dank des modularen Aufbaus können Inhalte schnell erstellt, verknüpft und in mehreren Sprachen gepflegt werden, sodass die Webseite flexibel, skalierbar und leicht zu verwalten ist.

Drei Smartphones nebeneinander, auf denen die Webseite von KSP Engel Architekten zu sehen ist. Auf den Bildschirmen sind die Startseite, die Leistungen und die Karriereseite zu sehen
Aufgeklappter Laptop und Tablet mit der Webseite von KSP Engel Architekten zeigen Übersicht der Projekte und die Detailseite eines Projekts
Aufgeklappter Laptop mit der Startseite der Webseite von KSP Engel Architekten mit der Überschrift „Wir denken die Dinge zu Ende Und darüber hinaus“. Die Navigation in blau ist rechts aufgeklappt