BRUX

DTP Landschaftsarchitekten

Nachhaltige Stadtentwicklung trifft auf nachhaltiges Webdesign.

Als mich DTP Landschaftsarchitekten anfragten ihre neue Website zu entwickeln habe ich mich sehr gefreut. DTP legt genau wie ich großen Wert auf Nachhaltigkeit und ganzheitliche Entwicklung bei Ihren Projekten. Schnell war klar, dass die neue Website genau diese Werte auch nach außen transportieren sollte.

Leistungen

  • Konzept
  • Markenentwicklung
  • Design
  • Webentwicklung

Jahr

2020 - heute

Briefing

Ursprünglich als reine Portfolio Website geplant, war uns nach einem ersten Workshop schnell klar, dass die neue Website mehr leisten muss als die reine Präsentation von Projekten. 

In einem immer mehr umkämpften Markt um gute Mitarbeiter muss die Website die Werte von DTP transportieren und sich für zukünftige Mitarbeiter attraktiv positionieren. In mehreren Workshops wurde somit der Markenkern von DTP geschärft und Zielgruppen für die Website definiert. Eine anonyme Umfrage bei bestehenden Mitarbeitern half Diese Werte zu evaluieren und auszuarbeiten 

● Der Workshop war enorm wichtig für den weiteren Projektverlauf und die Markenentwicklung.
● Mit Moodboards konnte schnell eine Gestaltungsrichtung definiert werden. Dies sparte Budget und diente im weiteren Projektverlauf immer wieder als optischer Wegweiser

Design

Angelehnt an das bestehende Logo und die vorgegebene Hausfarbe, wurde eine neue Designsprache definiert, welche den technischen Aspekt der Architektur mit spielerischen Elementen vereint. Es wurde bewusst auf eine breite Farbpalette verzichtet. Dadurch war es möglich vermehrt mit Bildern zu arbeiten und diese für sich sprechen zu lassen. 

Vier Kacheln mit jeweils einem Portrait einer Person vor einem Holz-Hintergrund.

Die Website als Baukastensystem

Die Website ist enorm modular aufgebaut. Verschiedene Blöcke erlauben es, die einzelnen Seiten abwechslungsreich zu gestalten. Die Website lädt zum erkunden und entdecken ein. Durch die modulare Bauweise ist es möglich an verschiedensten Punkten in ein Thema einzusteigen.

wireframes für eire Website
Screenshot der Website von DTP. Bilder und Texte sind in einew wiederkehrenden Raster versetzt über die Website angelegt.
● Übersicht über einen Teil der verfügbaren Module, mit denen die Website gestaltet werden kann.
Screenshot website dtp. Zwei kleinere Bilder nebeneinander, darunter zentriert ein Textblock.
Screenshot website dtp. Zwei kleinere Bilder nebeneinander, darüber ein zentrierter Textblock.

„Wir sind sehr zufrieden über die getroffenen Entscheidungen und die erzielte Wirkung der Homepage! Danke für deine gute Arbeit“

— Martin Richardt, Geschäftsführung DTP
Zwei Ansichten der Website. Einmal auf einem iPhone und einmal auf einm iPad.

Webentwicklung

Die Website basiert auf dem filebasierten Kirby CMS. Neben einer guten Performance wurde bei der Entwicklung auf Nachhaltigkeit geachtet. Extrem schnelle Ladezeiten sind das Ergebnis.

Techstack

  • Kirby CMS

  • Tailwind CSS

  • Schrift:

    • IBM Plex Sans

    • IBM Plex Mono

Dir hat diese Arbeit gefallen und du möchtest ein ähnliches Projekt realisieren? Dann vereinbare jetzt deinen unverbindlichen Beratungstermin. Ich freue mich auf das Gespräch.

Dipl. Des. Oliver Brux

Weitere Projekte