Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Sankt Viti - Redesign

Im Rahmen dieses Projekts wurde ein Redesign des 2024 gegründeten Fördervereins Sankt Viti Teutschenthal durchgeführt. Der Förderverein wurde mit dem Ziel gegründet, die Kirche Sankt Viti in Teutschenthal Mitte vor dem Verfall zu retten.

Plakatkampagne

Die Plakate sollen im Ort Teutschenthal und in den benachbarten Dörfern aufgehängt werden, um Aufmerksamkeit für den Förderverein zu generieren. Dabei werden die Plakate sowohl einzeln als auch in Plakatreihen mit mehreren Plakaten nebeneinander gezeigt.

Plakat_2.pngPlakat_2.png
Plakat_1.pngPlakat_1.png
Plakat_3.pngPlakat_3.png
Plakat_4.pngPlakat_4.png

einzelne Plakate

Spenden_1.pngSpenden_1.png
Engagement_2.pngEngagement_2.png
Bildung_2.pngBildung_2.png
Musik_4.pngMusik_4.png
Engagement_1.pngEngagement_1.png
Spenden_2.pngSpenden_2.png

Touchpoints

Merchandising

Alle Merchandising-Artikel sind in den Farbkombinationen Schwarz/Weiß und Weiß/Schwarz erhältlich. Dieses Konzept leitet sich vom Typostil und dem Light-/Dark-Mode der Website ab.

Jutebeutel_Viti.pngJutebeutel_Viti.png
Jutebeutel_Viti_SW.pngJutebeutel_Viti_SW.png
Kerze_Spenden.pngKerze_Spenden.png
Kerze_Spenden_SW.pngKerze_Spenden_SW.png
Jutebeutel_Spende.pngJutebeutel_Spende.png
Jutebeutel_Spende_SW.pngJutebeutel_Spende_SW.png
Lesezeichen_Musik_MS.pngLesezeichen_Musik_MS.png
Lesezeichen_Musik.pngLesezeichen_Musik.png
Poster_Bildung.pngPoster_Bildung.png
Poster_Bildung_SW.pngPoster_Bildung_SW.png
Sticker_Kirche_SW.pngSticker_Kirche_SW.png
Sticker_Kirche.pngSticker_Kirche.png

Visitenkarten

Für den Förderverein gibt es eine Spendenkarte sowie eine Visitenkarte mit den Kontaktdaten der für die Öffentlichkeitsarbeit zuständigen Person. Beide Karten haben ein ähnliches Format, aber eine ist schwarz und die andere weiß. Zudem unterscheiden sich die Illustrationen. Dadurch können sie voneinander unterschieden werden und man kann sie zusammen an eine Person geben, ohne dass diese zweimal die identische Karte erhält.

Visitenkarte.pngVisitenkarte.png
Spendenkarte_vorne.pngSpendenkarte_vorne.png
Spendenkarte_hinten.pngSpendenkarte_hinten.png
Visitenkarte_vorne.pngVisitenkarte_vorne.png
Visitenkarte_hinten.pngVisitenkarte_hinten.png

Flyer

Der Flyer soll als Zweibruch-Wickelfalz gefalzt werden.

Brochüre.pngBrochüre.png
Flyer5.pngFlyer5.png
Flyer6.pngFlyer6.png

Social-Media

Als Profilbild wird das Bildlogo, die Kirchen-Silhouette, verwendet.
Das Social-Media-Profil besteht aus Fotografien vergangener Veranstaltungen und der Arbeit des Fördervereins. Im Kontrast dazu werden illustrative Beiträge im Typografie-Stil gepostet. Diese kündigen zukünftige Veranstaltungen an.

Instagram_Profil.pngInstagram_Profil.png
Instagram_Post.pngInstagram_Post.png
Instagram_Post_2.pngInstagram_Post_2.png

Landingpage

Pitchdeck

Pitchdeck.pdf PDF Pitchdeck.pdf

Styleguide

Styleguide.pdf PDF Styleguide.pdf

_________________________________________

Abschlusspräsentation

Abschlusspräsentation.pdf PDF Abschlusspräsentation.pdf

Zwischenpräsentation

Zwischenpräsentation.pdf PDF Zwischenpräsentation.pdf

_________________________________________

07 | Stilmittel bestimmen

Moodboard_3.pngMoodboard_3.png
Stilmittel_1.pngStilmittel_1.png
Stilmittel_2.pngStilmittel_2.png
Stilmittel_3.pngStilmittel_3.png
Stilmittel_4.pngStilmittel_4.png
Stilmittel_5.pngStilmittel_5.png
Stilmittel_6.pngStilmittel_6.png

Bis ich meinen Stil gefunden hatte, hat es eine Weile gedauert. Noch länger hat es gedauert, bis ich ihn gut umsetzen konnte.

Die Idee für meinen Typografie-Stil leitet sich aus zwei Bildern aus meinem allerersten Moodboard ab. Dann habe ich erste Experimente gemacht. Dabei ging es zunächst einmal darum, herauszufinden, was man mit Illustrator alles machen kann und wie der Stil funktioniert. Danach bin ich etwas konkreter geworden und habe mir ein Motiv für ein Plakat herausgesucht, das ich in zwei verschiedenen Stilen umgesetzt habe. Entweder habe ich es flächig mit Text gefüllt oder nur die Outlines dargestellt. Anschließend habe ich das Motiv in verschiedenen Varianten skizziert und dabei festgestellt, dass es nicht ganz funktioniert.

Nebenbei habe ich mir weitere Motive herausgesucht. Das Ziel war, mit den Plakaten die Zukunft der Kirche zu zeigen. Dabei sind Motive zu den Themen Engagement, Spenden, Bildungsveranstaltungen und allgemeine Veranstaltungen entstanden.

Danach habe ich aus dem Motiv „Spenden und Engagement” jeweils zwei Plakate zum Thema „Spenden” bzw. „Engagement” gemacht. Das hat wesentlich besser funktioniert als das erste Motiv.

Ab diesem Zeitpunkt hatte ich ein Gefühl für den Stil entwickelt und habe mich an die weiteren Motive gesetzt. Außerdem habe ich ausprobiert, wie man die Plakate für die Plakatreihe anordnen kann.

06 | Farben definieren

Farbe_1.pngFarbe_1.png
Farbe_2.pngFarbe_2.png

Auf Grundlage meines Moodboards habe ich erste Farbpaletten erstellt. Dazu habe ich das Feedback bekommen, dass die Farben zu pastellig und zu dunkel waren. Außerdem ist mir aufgefallen, dass das Grün nicht zur Marke passt. Deshalb habe ich diese Farbe komplett verworfen.

Anschließend habe ich mit den Farben Gold, Blau und Rot experimentiert. Das Ergebnis war jedoch zu edel beziehungsweise zu weihnachtlich.

Aufgrund meines Stilmittels, Plakate nur aus Typografie zu gestalten, bin ich schließlich dazu übergegangen, alles schwarz-weiß zu halten.

05 | Ikonografie entwickeln

Ikonografie_1.pngIkonografie_1.png
finale Ikons.pngfinale Ikons.png

Die Ikonografie habe ich von der Schriftart Germania One aus dem Logo abgeleitet. Die Icons sollten flächig bzw. bold sein, geometrisch, aber trotzdem mit leichten Rundungen und einer vertikalen Ausrichtung.

Beim Erstellen der Landingpage ist mir aufgefallen, dass ich noch andere Icons brauche. Im späteren Verlauf habe ich dann immer mal wieder weitere erstellt.

04 | Typografie festlegen

Schriftarten_Brainstorming.pngSchriftarten_Brainstorming.png
Schriftarten_Logo.pngSchriftarten_Logo.png
Schriftarten_Fließtext.pngSchriftarten_Fließtext.png
Schriftkombinationen.pngSchriftkombinationen.png
Schriftart.pngSchriftart.png

Es stand ziemlich schnell fest, dass ich für das Logo und die Highlights eine altmodische Schriftart mit Serifen haben möchte. Also eine moderne, gut lesbare Fraktur. Zur finalen Auswahl standen die Schriftarten Texturina und Germania One, wobei ich mich für Germania One entschieden habe.

Für den Fließtext wollte ich dann als Bruch eine moderne serifenlose Schriftart verwenden. Ich habe einige Schriftarten herausgesucht, konnte mich aber nicht entscheiden und habe angefangen, die Schriftarten mit der vom Logo zu kombinieren. Dabei ist mir aufgefallen, dass alle Schriften für den Fließtext zu rund waren. Ich habe dann noch einmal neue Schriftarten herausgesucht, wobei die finale Wahl auf Source Sans 3 gefallen ist.

03 | Logo entwickeln

Logo_1.pngLogo_1.png
Logo_2.pngLogo_2.png
Logo_3.pngLogo_3.png
Logo_4.pngLogo_4.png
Logo_5.pngLogo_5.png
Logo_6.pngLogo_6.png
Logo_final.pngLogo_final.png

Zunächst habe ich auf Grundlage der Moodboards verschiedene Varianten erstellt. Ein besonderes Augenmerk lag darauf, dass ich einmal Varianten mit der Schriftart „Texturina” und einmal mit der Schriftart „Germania One” erstellt habe. Dabei ist mir aufgefallen, dass die Schriftart Germania One sehr gut funktioniert, weshalb ich mich schließlich für diese entschieden habe. Anschließend habe ich weitere Varianten erstellt, bis ich mich schließlich für ein Wort-Bild-Logo entschieden habe, das sich in leicht veränderter Form auch als Wort- oder Bild-Logo verwenden ließe.

Das Logo soll sowohl flächig als auch als Outline verwendet werden.

02 | Visuelle Recherche

Moodboard_1.pngMoodboard_1.png
Moodboard_2.pngMoodboard_2.png
Moodboard_3.pngMoodboard_3.png

Danach habe ich mit der visuellen Recherche begonnen. Die Moodboards haben mir zunächst eine Richtung vorgegeben. Im Verlauf haben sie sich jedoch noch einmal stark verändert. Ich habe sie überarbeitet, erweitert oder einige Dinge komplett verworfen. So habe ich beispielsweise die Bildsprache verworfen, das Farben-Moodboard ergänzt und das Typografie-Moodboard erst im Nachhinein hinzugefügt.

01 | Analyse & Positionierung

Markenidentität.pngMarkenidentität.png
Markenprisma.pngMarkenprisma.png
Touchpoints.pngTouchpoints.png

Zunächst habe ich die Positionierung der Marke noch einmal ausgearbeitet. Dabei sind die folgenden Hauptaspekte herausgekommen.

- Erhalt & Neubelebung der Kirche als offener Kultur-, Veranstaltungs- &
   Begegnungsort
- Ziel: Entwicklung von kaum genutzter Kirche zum lebendigen Treffpunkt
  der Gemeinde
- Stärkung des Gemeindelebens durch einen offenen Ort für Austausch,
  Engagement & Begegnung
- Zukunftssicherung eines ortsprägenden Bauwerks durch neue
  Nutzungskonzepte & Beteiligung

Designprozess

Der gesamte Designprozess ist in folgendem FigJam dokumentiert.

https://www.figma.com/board/3HZHxvUD2dUAEmKjsHAV9j/Brand--Sankt-Viti?node-id=0-1&t=C8nTYZHFnugpeAUv-1 

Im Folgenden sind alle Designschritte noch einmal ausführlich aufgeführt.

_________________________________________

Todo 5: Markenauswahl

PPP_Markenauswahl.pdf PDF PPP_Markenauswahl.pdf

Todo 4: Markenkritik

PPP_Markenkritik.pdf PDF PPP_Markenkritik.pdf

Todo 3: Markenanalyse

PPP_Markenanalyse.pdf PDF PPP_Markenanalyse.pdf

Todo 2: Lieblingsmarken analysieren

PPP_Lieblingsmarken.pdf PDF PPP_Lieblingsmarken.pdf

Todo 1: Ich als Marke

PPP_Ich als Marke.pdf PDF PPP_Ich als Marke.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Designprojekt 1: Brand (Gruppe A)

Entstehungszeitraum

Wintersemester 2025 / 2026