Francesco
Scheffczyk

Ende 2021 wurde ich gebeten, bei der Umsetzung der Website für die Abschlussausstellung der Bachelor- und Masterabsolvent*innen des Fachbereichs Kommunikationsdesign der Hochschule Mainz zu helfen. Dabei übernahm ich die Aufgabe der Programmierung der Webseite.

Gestaltung

Die Gestaltung der Webseite wurde von Alina Tepper und Benedikt Munzert im Rahmen eines Kurses an der Hochschule Mainz erarbeitet. Das Konzept der Gestaltung bezieht sich dabei auf 1.429 Schritte. Diese stehen einerseits ganz praktisch für die 1.429 Schritte, die es vom Hochschulstandort des Fachbereichs Gestaltung bis zum Ausstellungspavillon der Hochschule LUX braucht. Andererseits sind die 1.429 Schritte auch ein Symbol für die vielen Schritte der Absolvent*innen auf ihrem Weg zum Abschluss.

Grafisch werden diese Schritte ganz simpel als Zahl als auch über Scans der Schuhe der Absolvent*innen aufgegriffen. Diese grafischen Elemente treten auch verstärkt in der Gestaltung der Webseite auf.

Als Schrift wurde die Neue Montreal von Pangram Pangram eingesetzt.

Technische Umsetzung

Das Frontend habe ich mit dem Static-Site-Generator Eleventy umgesetzt. Das war auch gleichzeitig das erste Mal, dass ich mit Eleventy gearbeitet habe. Rückblickend betrachtet war es die perfekte Wahl für ein Projekt dieser Größe, den vor allem das simple Setup von Eleventy hat mich überzeugt. Dabei bleibt es sehr flexibel und erweiterbar.

Für die Content-Pflege wurde das Headless CMS Strapi eingesetzt, damit alle Beteiligten an der Pflege des Contents gleichzeitig und kollaborativ arbeiten konnten.

Mir war es außerdem wichtig, die Performance der Website möglichst hochzuhalten. Dafür war es notwendig, dass vor allem die Assets weboptimiert vorliegen. Um dies zu garantieren, habe ich zwei Bildverarbeitungsschritte implementiert, einmal beim Upload auf Strapi und einmal beim Buildprozess der Webseite.

Letztendlich wurde die Webseite bei mir auf dem PC kompiliert und dann auf einem Server der Hochschule Mainz hochgeladen.