Ausgangspunkt war die Neugestaltung der Seitennavigation, die wir mit modernem Markup und CSS für Desktop und Mobilgeräte ertüchtigt und nur um einem Minimum an JavaScript ergänzt haben. Im Anschluss erfolgte die Überarbeitung der Startseite mit einem Fokus auf der Entwicklung eines neuen Systems zur Darstellung von Featureartikeln. Abschließend überarbeiteten wir die Gestaltung des Textlayouts mit zahlreichen Layoutkomponenten zur flexiblen Inhaltsdarstellung.

Ein Schwerpunkt unserer Arbeit war die Verbesserung der Seitenperformance: Die Bestandsseite war insbesondere durch den starken Einsatz von JavaScript und großen, nicht optimierten Bildern sehr langsam. Im Rahmen der Umstellung konnten wir das Gewicht der Kernseite von 5 bis 10 Megabyte je Anfrage auf wenige hundert Kilobyte reduzieren.

Die Implementierung im und die Optimierung des Bestands-CMS WordPress erfolgte durch Daniel Kotkiewitz und  Pausanio.

Der Deutsche Verband für Kunstgeschichte ist der Berufsverband für Kunsthistorikerinnen und Kunsthistoriker aus Universitäten, Museen, freien Berufen und der Denkmalpflege. Die neue Außendarstellung sollte diese Vielfalt anerkennen und – ebenso wie die der neue Name des Verbandes – das Fach als verbindendes Element in den Mittelpunkt stellen. Auf bildhafte Elemente sollte verzichtet werden und die Gestaltung über das Wort und die Erscheinung der Schrift wirken.

Eine zentrale Vorgabe bei der Entwicklung des Gestaltungssystems war die flexible und medienübergreifende Anwendbarkeit des Logos. Wir gestalteten eine Wortmarke, die in Varianten sowohl als rechteckiges Signet in sozialen Netzwerken als auch als breiteres Logo in anderen Kontexten funktioniert. Darüber hinaus ist für die Arbeit des Verbandes sowohl ein monochromer als auch ein farbiger Einsatz gewährleistet. Das Briefpapier ist einfach in der Handhabung und erfüllt alle formalen Anforderungen. Der Mitgliedsausweis wirkt als wichtiges Identifikationsobjekt innerhalb und außerhalb des Verbandes und bleibt für die Dauer der Mitgliedschaft bestehen – die Gültigkeit wird über eine aufgeklebte Jahresmarke bestimmt.

 

Auch wenn das Festival klein erscheint, verwaltet die Website mittlerweile über 650 Filme. Dahinter stehen 450 Filmteams mit eigenen Nutzerkonten sowie über 200 Mitglieder des Organisationsteams.

In Abgrenzung zu anderen, oft namensähnlichen Institutionen der Region lag das Augenmerk darauf, den persönlichen und familiären Charakter der Stiftung zu betonen und sich – auch typografisch – visuell abzuheben.

Typografie

Für die Überschriften fiel die Wahl auf die Telma, die mit ihrer geschwungenen Form einen lebhaften, handschriftlichen Charakter mitbringt. Mit starken Kontrasten setzt sie die kurzen Titel der Projektförderungen plakativ in Szene. Bei längeren Zitaten kommt der variable Font in einer mittleren Strichstärke zum Einsatz. In Kombination mit der Inter für weitere Überschriften und Fließtext verleiht die Telma der neuen Stiftungswebsite eine einprägsame typografische Präsenz.

Projektideen ganz groß

Das Grundraster der Seite ermöglicht der Stiftung, für jedes Projekt umfangreiche Bildergalerien anzulegen. Bilder können hierbei einzeln in den Text eingebunden werden oder als große Stapel wie ein Fenster in das Projekt wirken. Die vielfältigen Layoutvarianten dienen auch dazu, qualitative Unterschiede des Bildmaterials auffangen und jedem einzelnen Projekt gerecht werden zu können – ob mit großen Bildern, kleinem Einzelfoto oder einer reinen Textpräsentation.

Das Braunschweiger Land

Die Stiftung hat sich der Förderung regionaler Projekte verschrieben, sodass es wichtig war, das Braunschweiger Land zu verorten, welches in seiner historischen Form nicht mehr besteht. Für die Website gestalteten wir dafür eine Karte des Vorharzlandes im südöstlichen Niedersachsen, die sich an den heutigen Landkreisen und Städten der Region orientiert.

 

Alle Plugins stehen unter offener Lizenz (MIT) zur Verfügung und können frei verwendet werden. Wir freuen uns über ihren Einsatz in anderen Projekte und sind für Rückmeldungen oder Verbesserungen dankbar.

Farben

Für Kirby 3 gibt es vielfältige Farbplugins, unter anderem Tim Öttings Kirby Color oder Sylvain Julés Color Extractor und Color Palette. Da wir Schwierigkeiten mit den existierenden Lösungen hatten und vor allem an Kontrastabwägungen interessiert waren, kamen wir zu einer eigenen Lösung.

Kirby Colors

Diese Plugin für Kirby 3 stellt ein Feld zur Auswahl von HEX-, RGB oder HSL-Farben über den nativen Farbwähler zur Verfügung. Es findet eine Bewertung des Farbkontrasts auf Basis der WCAG-Accessibility-Guidelines statt.

github.com/hananils/kirby-colors

Datum und Uhrzeit

Die Ausgabe und typografische Formatierung von Datums- und Zeitangaben kann insbesondere auf mehrsprachigen Seiten ein Herausforderung sein. Für die Ausgabe von Feiertagen können wir sehr das Yasumi-Plugin von Hash&Salt empfehlen, bei der weiteren Formatierung hilft unser Plugin:

Kirby Date Methods

Dieses Plugin für Kirby 3 stellt Feld- und Seitenmethoden für die Formatierung von Datumsangaben, den Umgang mit Zeitspannen und die Ausgabe relativer Zeitangaben zur Verfügung. Dabei wird die aktuelle Seitensprache berücksichtigt. Weitere Hilfsmethoden ermöglichen unter anderem die einfache Altersberechnung.

github.com/hananils/kirby-date-methods

Kartografie

Kirby Tiles

Dieses experimentelle Plugin für Kirby 3 ermöglicht das lokale Hosting von Vektorkarten, ohne die Verwendung externer Kartendienste.

github.com/hananils/kirby-tiles

Layout

Bei unserer Arbeit mit Kirby gibt es Ausgabenstellungen, die in jedem Projekt wiederkehren. Die nachfolgenden Plugins bündeln, vereinheitlichen und vereinfachen solche Arbeitsschritte:

Kirby Choices Methods

Diese Plugin für Kirby 3 hilft die Textfassung für ein Auswahlfeld zu laden, z. B. Tags, Multiselect, Checkboxes. Es funktioniert mit jedem Feld, für das Optionen in den Felddefinitionen angelegt werden können.

github.com/hananils/kirby-choices-methods

Kirby List Methods

Diese Plugin für Kirby 3 stellt die Methode toList() für Benutzer-, Seiten- und Dateikollektionen zur Verfügung. Es erstellt komma-separierte Listen aller Einträge mit einer optionalen Konjunktion für das letzte Element.

github.com/hananils/kirby-list-methods

Kirby Methods Folder

Diese Plugin für Kirby 3 ermöglicht es Methoden für site, page, users, files sowie Hilfsfunktionen, die sonst nur über eigene Plugins angelegt werden können, zentral im Site-Ordner unter /site/methods zu verwalten.

github.com/hananils/kirby-methods-folder

Kirby Snippetwhen Helper

Diese Plugin für Kirby 3 stellt die Hilfsfunktion snippetWhen zur Verfügung, mit der ein Snippet nur ausgeführt wird, wenn ein Bedingung erfüllt wird.

github.com/hananils/kirby-snippetwhen-helper

Kirby Tree Methods

Dieses Plugin für Kirby 3 stellt Feldmethoden zum Filtern und Manipulieren der HTML-Ausgabe zur Verfügung. Es erlaubt die Überschriftenhierarchie zu verändern, Tag-Namen zu ändern, Klassen und andere Attribute hinzuzufügen und mehrere Elemente in ein anderes zu wickeln. Zur Ausgabe spezifischer Elemente kann die Ausgabe gefiltert werden.

github.com/hananils/kirby-tree-methods

Kirby Type Methods

Dieses Plugin für Kirby 3 stellt Methoden zur Verfügung, um den Typ eines Objektes festzustellen – isUser(), isPage(), isFile() – oder dessen Template abzugleichen:  isType(template).

github.com/hananils/kirby-type-methods

Allgemein

Kirby Tracker

Diese Plugin für Kirby 3 ermöglicht es Änderungen an Inhalten nachzuverfolgen und z. B. als Nachrichten-Stream auszugeben.

github.com/hananils/kirby-tracker

Kirby XSLT

Diese Plugin für Kirby 3 ermöglicht es Seiteninhalte mithilfe von XSLT auszugeben und zu gestalten.

github.com/hananils/kirby-xslt