WordPress-Webseite für Filmblatt – CineGraph Babelsberg e.V.

21. Februar 2020, Typografie, Webdesign

Relaunch der Webseite des Vereins CineGraph Babelsberg

In dieser Woche konnten wir, nach dem umfassenden Relaunch, die Vereinswebseite Filmblatt.de veröffentlichen. Durch eine optimierte Strukturierung, umfassende Nutzerführung und typografische Konfiguration des CMS (Content Management System) entstand eine Webseite, die den heutigen und zukünftigen Anforderungen gerecht wird.

Webseite Filmblatt Cinegraph Potsdam

Die Startseite wirkt durch das große Titelbild und dem Slogan Filmgeschichte entdecken. Das Fast-Menü auf der rechten Seiten beinhaltet die drei wichtigsten Säulen, und damit Schlagworte, des Vereins. Die bekannte Publikation Filmblatt und die zwei Filmreihen können direkt angewählt werden.

Filmblatt Webseite Screen 2

Bei der ersten Aktion wird das Titelbild schmaler.

Webseite Filmblatt Screen 3

Die Wahl eines Menüpunktes öffnet den dazugehörigen Blog- oder die statischen Seiten mit den Untermenüs. Im rechten Bereich der Webseite werden verschiedene Inhalte gezeigt, abhängig vom Typ des Contents im mittleren Bereich.

Webseite Filmblatt Screen 4

Die Auswahl der Schrift orientiert sich an historischen Filmplakaten. Der Font DM Serif Display (Slogan auf der Startseite) wird für Poster verwendet. Dieser Font fällt durch seine kontrastreiche und harmonische Zeichnung auf. Die extravagante Josefin Slab betont die Auszeichnungsschriften, also Überschriften und das Fast-Menü. Für die Brot-Schrift entschied ich mich die Roboto einzusetzen, ein gut ausgebauter und gut lesbarer Font.

Webseite Filmblatt Screen 5

Das Theme dieser Webseite ist von mir entworfen, von einem Informatiker programmiert und von mir konfiguriert (CSS-Programmierung). Das Theme wird demnächst der WordPress-Community zur Verfügung gestellt.

Die Filmblatt-Webseite ist responsive. Die Variabilität wird erhöht durch die Nutzung der User-Grundschrifteinstellung. Standard ist die Größe von 16pt, nutzt ein User aber eine Schriftgröße von 24pt, passen sich alle Elemente der Webseite diesem Wert an. Diese user-freundliche Einstellung hat jedoch einen gestalterischen Nachteil: Das Headerbild verändert sich ebenso und das avisierte Erscheinungsbild kann nicht festgelegt werden. Je nach Bildschirm- und Schriftgröße verändern sich alle Elemente dieser WordPress-Webseite.

Webseite Filmblatt Screen 6

Die moderne Herangehensweise mobile first hatte bei der Gestaltung und Entwicklung dieses Themes keinen Einfluss. Wir konzentrierten uns auf die Darstellung des Contents auf dem Screen. Die Anpassung an die mobile Darstellung nahmen wir nach den ersten Tests des Themes vor. Wie erwartet, kam es zu Kollisionen in der Darstellung der individuellen Menüs. Die Darstellung der Webseite auf kleinen Endgeräten ist eingeschränkt. Der User kann mit dem Button Ansicht wechseln (links unter dem Logo) eigenständig entscheiden, ob er das Erscheinungsbild Mobile oder Screen nutzen möchte.

Die Webseite Filmblatt.de ist die dritte von mir designte und umgesetzte Arbeit in diesem Fachgebiet. Es war mir und meinem Programmierer ein großes Vergnügen wieder in und für diesen Bereich arbeiten zu dürfen. Die beiden ersten Webseiten: schmalfilmkino und filmpunktart.

Kurz und genau

Firma: Filmblatt c/o CineGraph Babelsberg e.V.
Webadresse: https://www.filmblatt.de
Arbeitspunkte: Typografie, UI-Design, UX-Design, Modifikation des WordPress-Theme, Design-Programmierung

 
Annett Riechert
{ webdesign :: typografie :: poster }
Tel. +49 341 3928 1093
annett.riechert@­tausendeins.de
Scharnhorststr. 38
04275 Leipzig
Deutschland