Aufgeräumtes und minimalisitisches Webdesign
Die iPlan Irrigation Consultants planen seit mehr als 30 Jahren professionelle Beregnungsanlagen. Sie betreuen weltweit Projekte in verschiedenen Kategorien wie etwa private Hausgärten, gewerbliche und öffentliche Grünanlagen oder auch Spezialanwendungen wie etwa Gleisbegrünungen. Die Hauptzielgruppe sind Landschaftsarchitekten und Projektentwicklerinnen.
Der Wunsch meiner Auftraggeberin war ein schlichtes und elegantes Design, das Seriösität und Kompetenz ausstrahlt und so zu den Erwartungen der Zielgruppe passt. Wir entschieden uns daher für ein aufgeräumtes Designkonzept, das auf den Grundfarben Blau, Weiß und Schwarz basiert und hier und da durch kleine interaktive Elemente und Animationen aufgelockert wird.
Umgesetzt mit dem Kirby CMS
Die Basis der neuen Website bildet das Content-Management-System (CMS) Kirby. Es ermöglicht eine einfache und unkomplizierte Anlage und Pflege sämtlicher Inhalte.
Einer der Hauptvorteile des Kirby-CMS ist die freie Strukturierung der Inhalte einer Website. In diesem Fall unterscheiden wir im CMS zwischen Seiten und Projekten. Die Projekte werden zentral gepflegt und beinhalten neben Bildern auch Informationen über den jeweiligen Auftraggeber, den Projektzeitraum oder zu welcher Kategorie das Bauvorhaben gehört. Auf verschiedenen Seiten, wie etwa im Abschnitt Impressionen auf der Startseite können die angelegten Projekte dann einfach ausgewählt und angezeigt werden.
Besonders hilfreich bei der Bearbeitung von Seiten ist die Live-Vorschau, welche die eingegebenen Inhalte 1:1 in der realen Darstellung auf der Website anzeigt. Dadurch ist beim Bearbeiten sofort klar, wie die Texte und Bilder auf der Seite wirken werden.
In Kirby wird eine Seite mithilfe von Layouts und Blöcken aufgebaut. Damit kann dann etwa eine zwei- oder dreispaltige Darstellung umgesetzt werden. In diesem Projekt kann zudem für jeden Abschnitt des Layouts die Hintergrundfarbe (Blauer Abschnitt im Screenshot) und Überschrift ("Impressionen" im Screenshot) eingestellt werden. Damit diese Einstellungen auch unabhängig von der Live-Vorschau bei der Bearbeitung im CMS direkt ersichtlich sind, habe ich ein Kirby-Plugin geschrieben, dass diese Layout-Attribute direkt darstellbar macht. Das macht die Bearbeitung der Inhalte noch einfacher und man findet sich sehr schnell im CMS zurecht.
Schnelle und sichere Website
Die Wahl des Kirby CMS als technische Grundlage für die Website sorgt neben der sehr guten Benutzerfreundlichkeit des CMS auch für eine hervorragende Performance der Seite; das belegt zum Beispiel der Bericht von pagespeed.web.dev1 (siehe Screenshot unten).
Das CMS ermöglicht mir als Webdesigner und Entwickler völlige Freiheit in der Umsetzung. Dadurch ist keine Zeile Code durch Zufall im Projekt und ich kann die gesamte Seite technisch optimieren. Das macht die Seite schnell und so auch attraktiver für mobile Besucher und bei schlechtem Empfang. Diese gute Performance der Seite freut letztlich auch Google und wird langfristig mit einer besseren Platzierung in den Suchergebnissen belohnt.
