Erneuerung und Neudefinition des VSETH-CI

Der VSETH führte bereits 2016 ein Rebranding durch, das auch neue Branding-Richtlinien beinhaltete. Später im Jahr 2018 half ich bei der Entwicklung einer konsistenteren Designsprache für das Web, was dann zu diesem Projekt führte. Ursprünglich sollte es nur eine Kombination aus dem Print-CI von 2016 und dem Web-CI sein, aber es endete mit einer kompletten Überarbeitung der VSETH-CI.

Der VSETH oder in seinem vollen Namen "Verband der Studierenden an der ETH" ist der Dachverband aller Studierenden an der ETH Zürich. Bereits 2016 entschied sich der VSETH zu einem kompletten Rebranding, das auch die Erstellung eines neuen Logo-Sets beinhaltete. Ziel war es, nicht nur das Logo des VSETH zu modernisieren, sondern auch eine komplette Erneuerung der visuelle Identität des VSETH zu schaffen.

Im Jahr 2018 wurde ich von der VSETH IT, die jetzt zu Student Innovation Platform umbenannt wurde, gebeten, sie bei der Erstellung eines Web-CI zu unterstützen. Sie entwicklten verschiedene Websites und Webapplikationen, aber all diesen Projekten fehlte es an Einheitlichkeit. Meine Aufgabe war es die Komponenten zu designen und das CSS dafür zu schreiben. Das CSS wurde dann verwendet um React Komponenten zu erstellen, welche das VSETH-Frontend-Framework bilden. Die Idee war, dass mit Hilfe des Frameworks die Schaffung von Front-Ends so unkompliziert wie möglich ist, so dass das Web-CI automatisch verwendet wird.

Nun hatte der VSETH ein Web-CI und seit 2016 das Print-CI. Der nächste Schritt war die Zusammenführung und Erneuerung der Richtlinien. Da ich das Web-CI bereits erstellt hatte und mit der Print-CI des VSETH vertraut war, fragten sie mich für diese Aufgabe.

Die ursprüngliche Idee war, dass ich einfach eine kombinierte Richtlinie der beiden CIs schreibe. Es sollte nur kleine Anpassungen des Print CI beinhalten. Aber als ich anfing, daran zu arbeiten, merkte ich bald, dass dem Print-CI eine ganze Reihe von Dingen fehlten oder dass es keine leicht anwendbare Definition gab. Anstelle eine kombinierte Richtlinie zu schreiben, endete es mit einer vollständigen Überarbeitung des VSETH-CI. Ich habe die Abstände und den freien Raum der Logos neu definiert, klare Definitionen der verschiedenen Dokumente erstellt, Richtlinien für Illustrationen und Fotografie hinzugefügt und so weiter.

An illustration created as a showcase for complied illustrations.

Da ich bereits damit begonnen hatte, das VSETH-CI zu überarbeiten, begannen die Mitglieder des VSETH auch damit, den Geltungsbereich der Richtlinien klarer zu definieren. Sie legten für jede Unterorganisation des VSETH fest, welchen Teil sie einhalten müssen und worüber sie frei verfügen können. Dann haben wir den Feedback-Pool für alle Mitglieder des VSETH geöffnet. Auf der Grundlage des Feedbacks fügten wir der CI Teile wie kreative Freiheit hinzu, um die Verwendung des Logos für kreative Arbeiten wie z.B. Poster zu öffnen.

A poster which shows creative freedom with the logo.

Der gesamte Inhalt, den wir hinzugefügt haben, endete offensichtlich in einem riesigen Dokument. Die Branding-Richtlinien umfassten am Ende über 80 Seiten. Da die meisten Leute, die die Richtlinien verwenden, nur einen kleinen Teil der Richtlinien für ihre Arbeit benötigen, beschloss ich, ein Cheatsheet zu erstellen. Dieses Cheatsheet enthält nur die wichtigsten Teile der Richtlinien für einen schnellen Überblick.

Anhang
Vielleicht gefällt Ihnen auch