Mitmachen - Benutzerbeiträge [de]

LocalZero:Monitoring Berechtigungen Und Nutzer

2026-04-21T16:22:44Z

JeremiasE:

Derzeit gibt es vier Typen von Benutzer*innen vom Monitoring:

# Nicht angemeldete Benutzer*innen. Sie können sich alle veröffentlichen Inhalte ansehen.
# Kommunen-Bearbeiter*innen. Sie können die Daten, Handlungsfelder und Maßnahmen ihrer Kommune bearbeiten und auch nicht veröffentliche Inhalte sehen.
# Kommunen-Administrator*innen. Sie können außerdem Daten veröffentlichen (also den "Entwurfsmodus" ändern) und Nutzungsrechte der Kommune bearbeiten.
# Gesamt-Administrator*innen. Sie können neue Kommunen anlegen, Nutzer löschen und auch sonst einfach Alles!

Okay, das verwirrt mich...

...dann such einfach die Überschrift raus, die auf Dich zutrifft und folge der Anleitung:

== Was muss ich tun, wenn ich die erste Person aus meinem Lokalteam bin? ==

Wenn es für Deine Kommune noch kein Monitoring gibt, melde Dich bei [mailto:hagen.plum@germanzero.de Hagen Plum]. Er legt (als Gesamt-Administrator) die Kommune an und schickt Dir einen Einladungslink. Mit dem Link kannst Du Dir selber ein Konto anlegen. Dieses Konto wird dann "Kommunen Adminstrator*in" für Deine Kommune.

== Was muss ich tun, wenn mein Lokalteam das Monitoring schon bearbeitet? ==

Bitte eine*n Kommunen-Administrator*in für Deine Kommune um einen Einladungslink. In der Regel wird das ein Link für "Kommunen-Bearbeiter*innen" sein. Wenn Du auf ihn klickst, kannst Du Dir ein eigenes Konto anlegen, mit dem Du dann nur Eure Kommune bearbeiten kannst.

== Wichtige Infos für Alle ==

Bitte:
* Verwende deinen Vor- und Nachnamen für das Konto, z.B. "mariamustermann".
* Verwende ein sicheres Passwort, dass Du nirgends sonst verwendest.

Wie das Anlegen von dem Konto und die Anmeldung mit dem Link funktioniert, kannst Du Dir in diesem Video ansehen. Etwa die erste Minute des Videos ist für Menschen, die vorher schon mit dem Monitoring gearbeitet haben und Du kannst sie ignorieren. Das Video nutzt einen Einladungslink für Kommunen-Administrator*innen.

[[Datei:LocalZero Monitoring Einladungslinks erklärt.mp4|LocalZero Monitoring Einladungslinks erklärt]]

== Was muss ich tun, wenn ich schon ein Konto habe und weitere Berechtigungen z.B. für andere Kommunen brauche? ==

Melde Dich zunächst mit Deinem Konto an und klicke dann auf (oder kopiere dann) den Einladungslink für die neue Aufgabe. Deinem existierenden Benutzer wird dann die neue Aufgabe gegeben. Alternativ kann auch eine Administrator*in Dein Konto in die entsprechende Liste eintragen.

[[Kategorie:LocalMonitoring]]

LocalZero:Offizielle LocalZero-Produkte

2026-04-21T16:22:05Z

JeremiasE:

Produktverantwortliche:r bei LocalZero: Hagen Plum | hagen.plum@germanzero.de

== Liste offizieller LocalZero-Produkte ==

=== [https://localzero.net/loesungen/klimavision Klimavision] ===
Die Klimavision ist ein lokal anpassbarer Fahrplan zur Klimaneutralität. Sie zeigt Kommunen auf, welche Maßnahmen in welchen Sektoren notwendig sind, um die Klimaziele zu erreichen. Teams können die Vision auf ihre Stadt oder Gemeinde zuschneiden und sie als Grundlage für Öffentlichkeitsarbeit und politische Gespräche nutzen.

=== [https://localzero.net/loesungen/klimaentscheid Prozess Klimaentscheid] ===
Der Prozess Klimaentscheid unterstützt Lokalteams dabei, in ihrer Kommune einen verbindlichen Beschluss für Klimaneutralität zu erreichen. Er umfasst Strategien für Bürgerbeteiligung, Unterschriftensammlungen und Verhandlungen mit der Politik. Ziel ist es, die Verwaltung zu verpflichten, konkrete Klimaziele und Maßnahmenpläne zu erstellen.

=== [https://klimaweg.net/ Klimaweg] ===
Der Klimaweg ist eine digitale Plattform, die Wissen und Best Practices rund um kommunalen Klimaschutz bündelt. Er bietet Kommunen, Initiativen und Einzelpersonen Leitfäden, Vorlagen und Werkzeuge, um selbst aktiv zu werden – von der ersten Idee bis zur Umsetzung konkreter Projekte.

=== [https://monitoring.localzero.net/start LocalMonitoring] ===
LocalMonitoring ist ein webbasiertes Tool, mit dem Fortschritte beim Klimaschutz in Kommunen systematisch erfasst und ausgewertet werden können. Es hilft Teams und Verwaltungen, Maßnahmen transparent zu dokumentieren, Erfolge sichtbar zu machen und Nachsteuerungsbedarf frühzeitig zu erkennen.

== Liste von Community-Projekten & Produkten in der Entwicklung ==
[[LocalZero:Corporate Design Manual|Corporate Design Manual]] (Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]])

=== [https://localzero.net/loesungen/wahlcheck Wahlcheck] ===
Der Klima-Wahlcheck ist ein Online-Tool, das Bürger:innen hilft, die Klimapositionen von Kandidierenden und Parteien bei Kommunal-, Landes- oder Bundestagswahlen zu vergleichen. Teams können eigene Thesen erstellen und veröffentlichen, um Klimaschutz zu einem zentralen Thema im Wahlkampf zu machen, und müssen sich dabei nicht um die IT kümmern. Der Wahlcheck wird primär ehrenamtlich angeboten und weiterentwickelt. Eine [[LocalZero:Wahlcheck|Anleitung ist hier]] hinterlegt. Kontakt ist unter [mailto:wahlcheck@germanzero.de wahlcheck@germanzero.de] möglich.
[[Kategorie:Programme-Tools]]

LocalZero:Zentrale

2026-03-31T13:27:40Z

JeremiasE:

''Diese Seite richtet sich an die LocalZero-Teams. Wenn du als ehrenamtliche Person neu in der Local-Zero Zentrale bist, dann findest du [[LocalZero:Willkommen in der Zentrale|auch auf dieser Seite]] nützliche Infos.''
[[Datei:LZ Zentrale BT2025.jpg|mini|382x382px|Diese Menschen aus der Zentrale waren beim Bundestreffen 2025 dabei.]]
Die Zentrale unterstützt die LocalZero-Teams bei Start und Umsetzung ihrer Aktivitäten und erarbeitet Tools, Inhalte und Unterstützungsangebote, die helfen, Kommune für Kommune auf Klimaneutralitätskurs zu bringen.

Wir freuen uns jederzeit über Menschen, die Teil der Zentrale werden wollen!

'''[https://localzero.net/mitmachen Jetzt mitmachen!]'''

==== Struktur ====
Die Zentrale besteht aus den "Kernteams" wie Rise, Fame, Pioneer und ReDev, die sich um darum kümmern, dass Lokalteams die LocalZero-Produkte und Services gut nutzen können. Dazu kommen Projektteams, die (im Rahmen vom Turnus) neue Produkte und Services entwickeln. Die Arbeit dieser Teams wird durch das LZ-Büroteam unterstützt und in regelmäßigen Koordinationskreistreffen koordiniert. Hauptteams können Subteams haben. Damit garantieren wir, dass die Teams nicht zu groß werden, sondern als kleine, effektive Einheiten schnell Ideen entwickeln und umsetzen können.

== LZ-Büro-Team ==
{| class="wikitable"
|+
! rowspan="4" |[[Datei:Logo-Buero-Team.png|zentriert|rahmenlos|110x110px|Buero-Team]]
|'''Wer ist wer?'''
|15 Personen der LocalZero-Zentrale sind angestellt bei GermanZero und bilden das LZ-Büroteam.
Auf unserer Webseite stellen wir [https://localzero.net/ueberuns/team unser Team] ausführlich vor. Schau doch mal rein :)

Hinzu kommen [https://germanzeroev.recruitee.com/ Praktikant:innen und FÖJler:innen], die uns wenige Monate oder bis zu einem Jahr lang unterstützen.
|-
|'''Ziele'''
|Das Büro-Team kümmert sich um den Aufbau der Zentrale, die strategische Weiterentwicklung der LocalZero-Teams im Rahmen der GermanZero-Ziele und besonders aufwendige Teilprojekte, wie zum Beispiel das Projekt Zukunftsklima. Drei Bereiche stehen dabei im Fokus:
'''1.''' '''Regionale Koordinationsstellen'''
Unsere Regionalmananger:innen unterstützen Euch, mit regional angepasster strategischer Beratung vor Ort, um gezielt starke Strukturen aufzubauen, Mitstreitende zu gewinnen und euch zu vernetzen – digital und im echten Leben.

'''2.''' '''Zentrale Wissensdatenbank "Knowledge Base"''' In unserer umfangreichen Wissensdatenbank ''Knowledge Base'' findet ihr gebündeltes Praxiswissen und wertvolle Materialien zur Umsetzung wirksamer Maßnahmen. So könnt ihr praktischen Klimaschutz vor Ort anstoßen und umsetzen und eure Kommune so zur Leuchtturmgemeinde machen.

'''3.''' '''Unterstützung bei Öffentlichkeitsarbeit''' Damit Eure Projekte sichtbar werden und mehr Menschen erreichen, bieten wir euch einen Platz, Eure Erfolge mit allen zu feiern.
|-
|'''Aufgabe'''
|Wir legen die Leitlinien und Ziele für die Zentrale fest.

Wir sorgen dafür, dass die Ehrenamtlichen in der Zentrale gut arbeiten können, zum Beispiel indem wir uns regelmäßig mit den Sprecher:innen der Teams treffen und dort Herausforderungen und Chancen besprechen.
|-
|'''Erreichbarkeit'''
|Ihr erreicht uns über [Mailto:LocalZero@germanzero.de LocalZero@GermanZero.de]
|}

== Visionszirkel ==
Die Gruppe von Vorausdenker:innen, Lokalstrateg:innen und Spezialist:innen aus Lokalteams und Zentrale trifft sich regelmäßig, um über mögliche Zukünfte von LocalZero zu beratschlagen. Wir suchen noch Teilnehmende! Wenn du geeigenete (bei LocalZero aktive) Personen kennst oder selbst einsteigen möchtest, melde dich gern bei LocalZero@GermanZero.de.

Mehr zum [[LocalZero:Visionszirkel|Visionszirkel]]

== Kernteams ==

===Rise-Team===
{| class="wikitable"
|+
| rowspan="4" |[[Datei:Logo Rise-Team.png|alternativtext=Rise-Team|zentriert|rahmenlos|110x110px|Rise-Team]]
|'''Selbstverständnis / Ziel'''
|Wir wollen möglichst viele Lokalteams bei der Gründung und dem Start ihres LocalZero-Teams unterstützen. Wir sind oft der erste Kontaktpunkt für LocalZero-Interessenten.
Zusätzlich behalten wir einen Überblick über die bestehenden LocalZero-Teams und stehen allen Teams für Fragen und Hilfe zur Verfügung. Für diese Aufgaben gibt es die Formate der Patenschaft, Teamfindungsevents, Kick-Offs, der Retrospektive, der strategischen Beratung und allgemeiner Unterstützung, außerdem die Sammlung aller relevanten Informationen der Teams.

Wir arbeiten eng mit dem Regionalmanagement zusammen.
|-
|'''Ziele'''
|Als Rise-Team möchten wir...
...regelmäßig Kontakt zu aktiven LocalZero-Teams (besonders zu den neueren) haben um zu wissen welchen Status und Unterstützungsbedarf sie haben.

...neue Teams zeitnah mit ihrer Patin / ihrem Paten vernetzen um die anfängliche Motivation direkt in Taten umsetzen zu können.

...mithilfe eines größeren Pat:innen- und Moderationsteams Patenschaften und Workshop-Moderationen schnell organisieren
|-
|'''Aufgabe'''
|
*Moderation von Kick-Offs für neue LocalZero-Teams damit sie sich motiviert und mit allen wichtigen Informationen im Gepäck auf den Weg machen können
*Neue LocalZero-Teams als Pat:in in den ersten Wochen begleiten, informieren und erfolgreich machen z.B. [[LocalZero:Patenschaft für LocalZero-Teams|mit diesen Tipps]]
*Strategie- und Methodenberatung für bestehende Teams in schwierigen Situationen. Wir wollen die Verbindung zu möglichst vielen Teams halten, sie bei Schwierigkeiten unterstützen und Erfolge feiern.
|-
|'''Erreichbarkeit'''
|[mailto:Rise@germanzero.de rise@germanzero.de] oder [mailto:Leoni.rohlfs@germanzero.de leoni.rohlfs@germanzero.de]
|}

===Fame-Team===
{| class="wikitable"
|+
| rowspan="6" |[[Datei:Logo-Fame-Team.jpg|alternativtext=Fame-Team|zentriert|rahmenlos|110x110px|Fame-Team]]
|'''Selbstverständnis'''
|„Wir sind die Brücke zwischen den lokalen Teams und der Öffentlichkeit.“ Wir machen euer Engagement in der breiten Öffentlichkeit sichtbar.
Wir sind eure Verstärker: Wir sorgen für Reichweite und Aufmerksamkeit und stärken so die Wirkung eurer Arbeit.
Wir bewegen Menschen zum Mitmachen.
Wir unterstützen lokale Teams dabei, ihre Geschichten zu erzählen.
|-
|'''Ziele'''
|
# Vermittlung & Sichtbarkeit: Wir machen euer Engagement sichtbar und erzählen eure Geschichten.
# Reichweite & Wirkung: Wir tragen die Erfolge der LocalZero-Teams in die breite Öffentlichkeit und stärken so die Wirkung ihrer Arbeit über die Stadtgrenzen hinaus.
# Mobilisierung: Unsere Kommunikation (Narrative & Botschaften) bewegt Menschen zum Mitmachen und stärkt die LocalZero-Teams.
# Support & Befähigung: Wir unterstützen Teams dabei ihre Kommunikation ab einem bestimmten Punkt selbstständig in die Hand zu nehmen. Dafür liefern wir Tools, Vorlagen und Beratungsabgebote.
# Gemeinschaft stärken: Wir schaffen ein gemeinschaftliches Bild nach außen.
|-
|'''Organisatorisches'''
|Wir sind ein ehrenamtliches Kommunikationsteam, das über die regionale Kommunikationsstelle des LocalZero Hauptamtes koordiniert ist und mit ihr im regelmäßigen Austausch Planung und Strategie erstellt.
|-
|'''Aufgabe'''
|
*Social-Media- und PR-Support für die Teams
*Erfolge und Geschichten der LocalZero-Teams in der Öffentlichkeit sichtbar machen
*Vorlagen erstellen für die generelle Kommunikation wie: Flyer, SharePics, etc.
*Best Practice Ansätze stärken
*Organisation von Veranstaltungen wie: SocialMedia Briefing oder auch HowTo Webseite für Lokalteams
*Erarbeitung von kleineren lokalen/regionalen Kampagnen
*Ansprachen & Rücksprachen zur Außenkommunikation mit Hauptamt
|-
|'''Subteams'''
|Webseitenteam, SocialMediaTeam, MarketingTeam, StrategieTeam, Blogteam, Podcastteam tbd
|-
|'''Erreichbarkeit'''
|[Mailto:fame@germanzero.de fame@germanzero.de] Ansprechpartnerin im Hauptamt LocalZero nadine.willner@germanzero.de
|}

=== Knowledge Base IT-Team===
{| class="wikitable"
|+
| rowspan="5" |
|'''Sebstverständnis'''
|Das KB IT-Team ist das digitale Rückgrat von LocalZero: Mit technischer Expertise, kreativen Lösungen und Leidenschaft schaffen wir eine benutzerfreundliche und moderne Knowledge Base, die ehrenamtliche Lokalteams befähigt, kommunalen Klimaschutz einfach, zugänglich und wirksam umzusetzen.
|-
|'''Ziele'''
|
*Schritt 1: Erstellung eines KI-gestützten ChatBots zur Beantwortung von Fragen von Lokalteams auf Basis der Wiki-Inhalte.
* Weitere Schritte: TBD
|-
|'''Organisatorisch'''
|
Das KB IT-Team arbeitet zunächst in 6-wöchigen Sprints, trifft sich aber alle 2 Wochen am Montagabend um 18:30 Uhr für ein kurzes Standup und eine optionale anschließende Arbeits-Session.
|-
|'''Aufgabe'''
|
* Technische Umsetzungen und Support rund um die Knowledge Base

|-
|'''Verantwortlich'''
|[mailto:Hagen.plum@germanzero.de hagen.plum@germanzero.de]
|}

=== Wiki-Team ===
{| class="wikitable"
| rowspan="5" |[[Datei:Logo-Wiki-Team.png|zentriert|rahmenlos|110x110px|Logo-Wiki-Team]]
|'''Ziel'''
|Wir sorgen dafür, dass alles in unserem Wiki steht, was Du wissen musst, um Dein LocalZero-Team zum Erfolg zu bringen.
|-
|'''Ziele'''
|Das Wissen übersichtlich, strukturiert, ansprechend und gut findbar präsentieren
|-
|'''Selbstverständnis'''
|Wissen transparent vermitteln
|-
|'''Aufgaben'''
|
*Seiten im Wiki stets aktuell halten
*Bei Bedarf Schreib-Rechte für Mitglieder in LocalZero-Teams erteilen.
*[[LocalZero:Mitmachen-im-WIKI-Team|weitere Info zum Wiki-Team]]
|-
|'''Erreichbarkeit'''
|Unter [Mailto:mitmachen-wiki.ext@germanzero.de mitmachen-wiki.ext@germanzero.de]
|}
[[Kategorie:Zentrale]]

LocalZero:FAQ - Häufig gestellte Fragen

2026-02-12T14:36:35Z

JeremiasE: Absatz zu LocalMonitoring hinzugefügt

[[Datei:FAQs.png|alternativtext=Häufig gestellte Fragen und Antworten dazu|mini|400x400px|Häufig gestellte Fragen und Antworten dazu]]
Sollte deine Frage noch nicht unten den hier aufgeführten Fragen beantwortet sein, keine Panik. Es gibt ein spezielles Beratungs-Team, das Teams zu Fragen berät, die weder in diesem FAQ hier noch beim Vernetzungstreffen beantwortet wurden. Schreibt dafür an [Mailto: localzero@germanzero.de localzero@germanzero.de]. Wendet euch mit spezifischen Anfragen auch gerne an das Büro-Team via WeChange (zu erkennen am Namenszusatz "LZ Büro") oder über [Mailto:localzero@germanzero.de localzero@germanzero.de]. Schreibt in den Betreff am besten [Beratung], dann kann es direkt an die entsprechenden Personen weitergeleitet werden.

== Allgemeines zu GermanZero ==

==== Ist das Gesetzespaket einsehbar? ====
[https://germanzero.de/erreichen/1-5-grad-massnahmen Hier] liegt der Maßnahmenkatalog, sozusagen das Gesetzespaket in für Laien lesbarer Form. Das Gesetzespaket, sprich die Thesen (= Maßnahmen übersetzt in "Juradeutsch" mit Angaben, welche bestehenden Gesetze sie überschreiben/ändern/erweitern ... würden) werden Anfang März 2022 veröffentlicht: über 1.000 Seiten und eher was für Profis. Für Nicht-Jurist:innen und Nicht-Politiker:innen empfehlen wir den Maßnahmenkatalog und das Magazin unter genanntem Link.

==== Ist das Maßnahmenpaket abgestimmt bzw. konsistent mit den Ergebnissen des Klimarats? ====
Sie sind (soweit wir wissen) weitgehend konsistent, aber nicht abgestimmt. Die Entwicklungen fanden parallel statt.

== Instrument Klimaentscheid ==

==== Brauchen wir das? Wird nicht sowieso schon viel getan? ====
Den Klimawandel aufzuhalten ist eine Herkulesaufgabe. Eine Solaranlage hier und ein Elektroauto dort werden nicht ausreichen. Klimaschutz ist kein Projekt unter vielen, sondern Grundlage für alles auf der Erde und muss daher höchste Priorität erhalten. Wir brauchen ein systematisches, ambitioniertes und mutiges Vorgehen. Corona hat gezeigt, dass die Politik das kann. Zeigen wir ihr, dass die Bevölkerung mitzieht und den Ernst der Lage erkannt hat. Konsumverzicht und andere unpopuläre Themen gehören unverzüglich auf die Tagesordnung - die Welt bedarf einer realistischen Sicht auf die globale Bedrohungssituation sowie die notwendigen Maßnahmen.

Es ist nötig, weil es den Einschätzungen des Weltklimarats (IPCC) entspricht und es die internationalen Beschlüssen von Paris vorgeben - ein völkerrechtlicher Vertrag, den 195 Staaten unterzeichnet und damit die Lage anerkannt haben. Es ist nötig, weil es die beste Chance ist, unsere Lebensqualität und unsere Wirtschaftskraft auch in Zukunft zu erhalten sowie gefährliche Klimaveränderungen abzubremsen. Es ist nötig, weil es um unsere Kinder und Enkelkinder geht.
==== Warum fordert GermanZero Klimaneutralität bis spätestens 2035? ====
Die globale Durchschnittstemperatur steigt an und führt bereits heute zu Klimaveränderungen. Um gefährlichere Entwicklungen zu verhindern, muss der Temperaturanstieg nach wissenschaftlichen Erkenntnissen auf 1,5 °C begrenzt werden. Der Weltklimarat hat 2018 ermittelt, wieviel CO2e noch ausgestoßen werden können, ohne dass diese Grenze überschritten wird. Wenn wir weitermachen wie bisher, ist das COe2-Budget für 1,5 °C in 7 Jahren aufgebraucht, das Budget für 2 °C in etwa 25 Jahren. Wenn wir unseren CO2e-Ausstoß jedes Jahr um die gleiche Menge senken, dann sind es noch 15 Jahre: 2035. Der Klimatologe Stefan Rahmstorf vom Potsdam Institut für Klimafolgenforschung legt verständlich [https://scilogs.spektrum.de/klimalounge/wie-viel-co2-kann-deutschland-noch-ausstossen/ dar], warum aus dem IPCC-Bericht genau das folgt: dass Deutschland bis spätestens 2035 klimaneutral sein muss.

==== Ist Klimaschutz in finanzschwachen Kommunen möglich? ====
Viele Kommunen sind überschuldet. Dies beeinträchtigt die Handlungsfähigkeit einer Kommune, Klimaschutz ist aber tortzdem möglich!

Was bedeutet das genau: Jede Kommune muss - wenn ihr Haushalt nicht ausgeglichen ist und sie daher Schulden aufnimmt - ihren Haushalt von einer Aufsichtsbehörde (Kommunalaufsicht) genehmigen lassen. Ab einer bestimmten Höhe der Schulden ist für die Kommune ein [https://de.wikipedia.org/wiki/Haushaltssicherungskonzept Haushaltsicherungskonzept] erforderlich.

Wozu führt das: Kommunen müssen bestimmte Aufgaben erfüllen (Pflichtaufgaben, wie Schulbau, Kitas, Ausweise erstellen) und können - wenn sie Geld haben auch freiwillige Aufgaben erfüllen (Schwimmbäder betreiben, Büchereien, Suchthilfe, Klimaschutz). Hohe Schulden oder gar ein Haushaltssicherungskonzept führen dazu, dass die Kommune kaum freiwillige Aufgaben erfüllen kann, denn das ist der Ort wo gekürzt werden kann (zudem müssen eventuelle Rücklagen aufgelöst werden). Sie führen aber auch dazu, dass die Kommune mehr Fördergelder (also eine höhere Förderquote), vor allem im Klimaschutz erhalten: Diese höheren Fördersätze findet man [https://www.klimaschutz.de/sites/default/files/mediathek/dokumente/SKKK_Grafik_Fo%CC%88rdertabelle_221031.pdf hier], unter "finanzschwache Kommune". '''Es gibt also viele Finanzschwache Kommunen, die Fördermittel für Klimaschutz erhalten!'''

Wir empfehlen immer ein paar coole Maßnahmen als Beispiel im petto zu haben, die kein oder wenig Geld kosten und viel zur Reduktion von Treibhausgasen beitragen. Außerdem kann man die Verwaltung immer auf die höheren Fördersätze hinweisen.

==== Ist es sinnvoller, einen Klimaentscheid in unserer Kommune zu starten oder lieber direkt auf Kreisebene? ====
Es ist sinnvoller, den Klimaentscheid in einer Kommune zu starten. Man kann ja dann mit anderen Kommunen zusammenarbeiten, sich vernetzen oder gleich mit allen LocalZero-Teams aus dem Bundesland zusammenarbeiten. Das passiert bereits in einigen Bundesländern. Welche das sind findest Du [[:Kategorie:Landesebene|in dieser Kategorie.]]

== Kommunale Klimaneutralität ==

==== Gibt es in Deutschland schon Kommunen, die klimaneutral sind? ====
Der Rhein-Hunsrück-Kreis ist rein rechnerisch klimaneutral [1], da er einen sehr hohen Überschuss erneuerbarer Energien produziert. Kommunen, die einen Beschluss zur Klimaneutralität auf dem gesamten Gebiet der Kommune bis spätestens 2035 haben und die Umsetzung anstreben, findest du in der [[LocalZero:Städte mit Klimaneutralitätsbeschluss|Liste der Vorreiterstädte]] und auf der [https://umap.openstreetmap.fr/de/map/germanzero_493805#7/51.293/11.646 interaktiven Karte]. In Summe leben schon 7 Millionen Deutsche in einer solchen Vorreiterstadt/-kommune!

==== Gibt es Klimaentscheide, die schon erfolgreich waren? ====
Ja, einige! Schau mal hier im Wiki auf die Seite [[LocalZero:Erfolge der Klimaentscheide|Erfolge der Klimaentscheide]]. Außerdem gibt es bundesweit jede Menge mediale Berichterstattung über die Klimaentscheide, die wir im [[LocalZero:Pressespiegel|Pressespiegel]] sammeln.
==== Ist das Zieljahr 2035 überhaupt realistisch? ====
Der Weltklimarat kommt in seinem Bericht aus dem Jahr 2018 zu der Einschätzung, dass es sowohl finanziell als auch technisch machbar ist. Andere Städte wie beispielsweise Marburg, Tübingen, Gießen, München, Düsseldorf, Bonn und Soest sind ebenfalls davon überzeugt, dass es möglich ist und haben sich diesem Ziel bereits verpflichtet. Kopenhagen hat seinen CO2-Ausstoß innerhalb von 12 Jahren um 42 % gesenkt und ist zuversichtlich, bis 2025 vollständig klimaneutral zu sein.
 
[[LocalZero:Überblick zur Klimaneutralität der Bundesländer|Hier findest Du die Info zu den Zieljahren der einzelnen Bundesländer.]] 
So kannst Du feststellen, ob das Zieljahr für die Klimaneutralität Deiner Kommune im gesteckten Rahmen liegt.

==== Bedeutet klimaneutral zu sein, dass es gar kein CO2e-Ausstoß mehr gibt mehr? ====
''Klimaneutral'' ist nicht gleichbedeutend mit ''emissionsfrei''. Klimaneutral zu sein heißt, dass nur noch so viele CO2e ausgestoßen werden wie auch wieder gebunden werden, zum Beispiel durch Bäume, Moore etc. Das sind sehr, sehr viel weniger CO2-Äquivalente als heute. Wir verursachen in Deutschland rund [https://www.umweltbundesamt.de/klimaneutral-leben-persoenliche-co2-bilanz-im-blick 11,6 Tonnen CO2 pro Person und Jahr] und liegen damit deutlich über dem Weltdurchschnitt wie auch über EU-Durchschnitt (acht bis neun Tonnen). Vertretbar wäre laut Umweltbundesamt 1 Tonne.
==== Ist das Ziel nicht viel zu allgemein formuliert? ====
Das Ziel 2035 ist ein präziser Zeitpunkt und Klimaneutralität ein messbarer Zustand. Der Weg dorthin bedarf detailliert definierter Wegmarken. Da es ein sehr großes Ziel ist, wird es nötig sein, dieses (sobald es beschlossen ist) auf umsetzbare und zu überwachende Zwischenziele herunterzubrechen.

==== Wer soll das alles bezahlen und welche Kosten sind Budgetrelevant für die Kommunen?====
Bei allen berechtigten und nachvollziehbaren Kostenfragen gilt es zwei Dinge zu berücksichtigen:

# Der Klimawandel wird mehr kosten als der Klimaschutz.
# Viele Investitionen amortisieren sich. Der Rhein-Hunsrück-Kreis ist ein gutes Beispiel für das wirtschaftliche Potential von Klimachutz in Form von Einsparung und lokaler Wertschöpfung. Ein lesenswerter Artikel dazu vom ehemaligen Landrat Bertram Fleck findet sich im [https://difu.de/publikationen/2020/klimaschutz-finanzen Heft "Klimaschutz und Finanzen"] des difu auf S.14
# Nicht alle Kosten für Klimaschutz sind von der Kommune zu tragen, viele Investitionen übernimmt der Bund oder Unternehmen.

Von den kommunalen Kosten sind nicht alle Budgetrelevant, das heißt, nicht alle Kosten tauchen im Budget der Kommune auf. Die Maßnahmen, die kommunale Unternehmen, wie die Stadtwerke durchführen, werden auch von diesen finanziert. Der große Unterschied: Stadtwerke können leichter Kredite aufnehmen und sich Geld "organisieren".
# Der Energieverbrauch sinkt.
# Die Einnahmen durch EE-Anlagen (Stromvergütung ebenso wie Aufträge für lokale Unternehmen, Gewerbesteuer) bleiben vor Ort, während das Geld für fossile Energieträger ins Ausland abfließt. Im Rhein-Neckar-Kreis wurden die Aussagen für fossile Energieträger auf Antrag der grünen Kreistagsfraktion ermittelt und betragen jährlich 1,5 Milliarden Euro. Das sind 2.700€ pro Kopf.
# Der CO2-Preis wird eingespart. In Eberbach sind das beispielsweise 1,5 Mio € für die gesamte Stadtgemeinschaft, 10% des jährlichen städtischen Haushalts.
# Unterfrage: Wieviel Geld muss eine Kommune im Schnitt pro Jahr / pro Einwohner aufwenden um bis 2030 / innerhalb des 1,5-Grad-Pfades klimaneutral zu werden?
Hier gibt es ein paar Antworten, aber leider keine belegbare Zahl, deshalb verlinken wir auch noch ein paar Studien und Forderungspapiere unter den Antworten:
# Eine überschlägige Antwort ist von Klimavision, dem Tool von LocalZero. Auf Seite 39 weist es für Deine Kommune die (statistisch errechneten) Gesamtkosten für die öffentliche Hand aus. Auf den Folgeseiten die Summen für die einzelnen Sektoren. Und auch hier gilt: Nicht alle Kosten sind für die Kommune Budgetrelevant. Der Visionsgenerator weist auch Privatwirtschaftliche Kosten u.v.m. aus
# Natürlich hängen die Kosten auch an den genauen Maßnahmen und damit an den Bedingungen in der Kommune: muss ich Wärmenetze "nur" in der Energieversorgung umstellen, also statt einem fossilen Brennstoff EE einsetzen, oder muss ich die Fernwärmenetze erst aufbauen.
# Aktuell wissen wir von keiner Kommune, die Kosten bis zur Klimaneutralität exakt beziffert hat.
Wenn ihr noch etwas findet, lasst es uns wissen!!! Ebenso natürlich umgekehrt 🙂
In jedem Fall sind die Kosten hoch - deshalb hier noch ein paar aktuelle Schätzungen, die sich aber nie auf einzelne Kommunen beziehen.
Der Deutsche Städtetag hat mehr Finanzmittel von der neuen Bundesregierung für die Kommunen in jährlich zweistelliger Milliardenhöhe allein für den Klimaschutz gefordert:

P[https://www.staedtetag.de/presse/pressemeldungen/2021/staedtetag-fordert-zweistellige-milliardenbetraege-pro-jahr ressemitteilung von DStGB (Deutscher Städte und Gemeindebund) und Verdi, 22.06.2021]

Die KfW fordert im KfW Research 350 5 Billionen Euro klimafreundlich zu investieren
[https://www.kfw.de/%C3%9Cber-die-KfW/KfW-Research/ KfW-Research]
KfW: [https://www.kfw.de/PDF/Download-Center/Konzernthemen/Research/PDF-Dokumente-Fokus-Volkswirtschaft/Fokus-2021/Fokus-Nr.-350-Oktober-2021-Investitionsbedarfe-Klimaneutralitaet.pdf Fokus-Nr.-350-Oktober-2021-Investitionsbedarfe-Klimaneutralitaet.pdf]

[https://kommunal.de/klimaschutz-investitionsbedarf-bund-kommunen Auch Agora-Energiewende veröffentlicht Zahlen]

Das Dezernat Zukunft hat folgende Studie veröffentlicht:
[https://www.dezernatzukunft.org/kommunale-klimaschutzinvestitionen-und-deren-finanzierung/ Kommunale Klimaschutzinvestitionen und deren Finanzierung]:
Das Dezernat Zukunft ist eine überparteiliche Denkfabrik mit dem Ziel, Geld-, Finanz- und Wirtschaftspolitik verständlich zu erklären, einzuordnen und neu zu denken. Die Studie untersucht die Investitionsbedarfe mit Budgetimplikation für den kommunalen Haushalt und den Status quo bereits genehmigter Finanzierung exemplarisch anhand der vier Kommunen München, Münster, Wuppertal und Bremen. Die vier Kommunen sind Vorreiter und haben das Erreichen der Klimaneutralität innerhalb des vom Klimaschutzgesetz vorgegebenen zeitlichen Rahmens beschlossen und entsprechende Maßnahmenpläne entwickelt.

==== Was soll denn die Stadtverwaltung erreichen, dass Bürger und Unternehmen klimaneutral werden? ====
Es ist zweifelsohne richtig, dass der regulatorische Einfluss des Gemeinderats gegenüber Bürgern und Unternehmen begrenzt ist. Aber warum sollte nur mit Verboten und Regeln etwas zu bewirken sein? Tatsächlich ist der Einfluss von Rat und Verwaltung sehr vielschichtig: In erster Instanz wirken sie als nicht unerhebliches Vorbild und Beispiel, an dem sich die Bürger orientieren. Darüber hinaus ist die Stadt Versorgerin, die ihren Bürgern und Unternehmen die infrastrukturellen Mittel zur Verfügung stellen muss, um überhaupt klimaneutral leben zu können. Des weiteren ist die Stadt Beraterin, sie kann die Stadt werben, begeistern und unterstützen. Nicht zuletzt sind die regulatorischen Möglichkeiten nicht ausgeschöpft, so kann bspw. die Kommune über erhöhte Parkgebühren auch Klimaschutzmaßnahmen im Verkehr finanzieren. Bei den sonstigen Einnahmen aus kommunalen Gebühren und Beiträgen ist es schwieriger, da diese Gelder innerhalb der gebühren- bzw. beitragsfinanzierten Einrichtung ausgegeben werden (Adelphi 2022, 20).

Die Aufgabe Klimaschutz kann natürlich nur von allen gemeinsam gelöst werden. Dennoch braucht es Koordination und Führung. Wer sollte diese Aufgabe für die kommunale Gemeinschaft übernehmen wenn nicht ihre gewählten Vertreter?

==== Können wir in Kommune XY überhaupt etwas bewirken? Selbst ganz Deutschland verursacht doch nur zwei Prozent der globalen CO2-Emissionen und China und die USA viel mehr. ====
Selbstverständlich bewirken wir etwas. Würde die Tatsache, dass Deutschland nur zwei Prozent emittiert tatsächlich bedeuten, dass der Beitrag nicht relevant ist, so wäre der Beitrag aller Länder, die weniger als zwei Prozent emittieren, logischerweise erst recht nicht relevant.

Addiert man jedoch all diese „irrelevanten”, Beiträge, ergeben sich in Summe 40 Prozent. Logisch betrachtet führt die Behauptung, zwei Prozent seien nicht relevant also zwingend dazu, dass 40 Prozent der Emissionen nicht relevant sind – mehr als China und Indien zusammen verursachen.

Die Überlegung, zwei Prozent seien zu gering, verschleiert die Tatsache, dass jeder in seinem Bereich die exakt gleiche Verantwortung trägt. Keine einzelne Maßnahme ist in der Lage, den Klimawandel aufzuhalten. Das gilt in China genau so wie in Kommune XY. Wenn deswegen keine einzige Maßnahme durchgeführt würde, würde sich niemals etwas ändern.

==== Welchen Einfluss hat überhaupt eine Kommune auf die Klimaneutralität, muss nicht so vieles auf Bundes- / EU Ebene geregelt werden? ====
Ein Land - und noch viel weniger eine Kommune - hat nicht genug Regelungskompetenzen um ALLEINE Klimaneutral zu werden. Trotzdem sind Forderungen nach Klimaneutralität berechtigt. Denn es geht nur, wenn alle zusammen loslegen, die Kommunen in ihrem Einflussbereich (ca 40% der Treibhausgas Emissionen) und der Bund mit seinen Regelungskompetenzen die restlichen ca 60% klärt.

'''Laut [https://www.umweltbundesamt.de/publikationen/klimaschutzpotenziale-in-kommunen Studie des UBA] haben die Kommunen Einfluss auf rund 40% der Treibhausgas Emissionen. Das heißt, ohne neue Bundes- oder Landesgesetze könnten die Kommunen die Emissionen um ca 40% senken.'''

''Die Studie untersucht die 4 kommunalen Einflussbereiche:''

''1.Verbrauchen / Vorbild (Sanierung eigener Gebäude / Straßenbeleuchtung / Fuhrpark''

''2. Versorgen / Anbieten ((Rad-)verkehrsinfrastruktur / Straßenumgestaltung; Fernwärmeausbau / ÖPNV/ Abfallentsorgung)''

''3. Regulierung (Bauleit- und Flächennutzungsplanung / Bebauungsplanung, hier vor allem Vorgabe von Energiestandards für Gebäude)''

''4. Beratungen/Motivieren (Öffentlichkeitsarbeit, Netzwerke...)''

''Hierin sind sowohl pflichtige als auch freiwilliege Aufgaben betrachtet wurden.''

''Die Studie errechnet, dass 38% der deutschen Treibhausgas Emissionen durch kommunale Aktivitäten eingespart werden.''

Aus dem hohen Potential leiten die Verfasser:innen ab:<blockquote>"Klimaschutz ist derzeit in keinster Weise adäquat in Fachgesetzen, die Kommunen adressieren oder von Kommunen umgesetzt werden, berücksichtigt. Nahezu jede Ambitionsstufe basiert auf freiwilligem Handeln vor Ort.

Die Maßnahmen zur Aktivierung privater Gebäudebesitzer*innen weisen große Einflusspotenziale auf. In der Praxis wird nur ein Bruchteil der Treibhausgas-Minderungsmöglichkeiten ausgenutzt, da es sich ausschließlich um freiwillige Aktivitäten handelt.

Zu gewichtigen, regulierenden Möglichkeiten fehlt das konkrete Know-how, insbesondere zur rechtssicheren Umsetzung. Diese Maßnahmen werden daher nicht umgesetzt (z. B. Anschluss- und Benutzungszwang an die Fernwärme im Bestand, temporäre Umwidmung von Straßen in Radwege).

Werden Fachgesetze mit Klimaschutzkriterien angereichert, die auch für die Kommunen relevant sind (z. B. laut §52, GEG, Pflicht zur Nutzung von erneuerbaren Energien bei einem bestehenden öffentlichen Gebäude) wird der dadurch entstehende personelle Mehraufwand für die Umsetzung vor Ort nicht berücksichtigt bzw. vergütet."

[Zitat aus der Zusammenfassung]</blockquote>'''Ohne den Bund geht es tatsächlich nicht, allerdings kann der Bund es ebenfalls nicht ohne die Länder und Kommunen schaffen.'''

Es ist also wichtig, als Land / Kommune im jeweiligen Einflussbereich zu starten und sich gegenüber der Bundesebene stark dafür zu machen, dass der Bund seine Aufgaben umsetzt!!

Hier bietet GZ mit dem Gesetzespaket einen ausgearbeiteten Lösungskatalog, der die "restlichen" Treibhausgas-Emissionen adressiert, den Kommunen gleichzeitig durch Gesetzesänderungen einen größeren Handlungsspielraum eröffnet und die nötigen Maßnahmen aufzeigt:

===== Was ist der Unterschied zwischen CO2- Budget und Treibhausgas-Budget? =====
Die in Deutschland berichteten Treibhausgase sind CO2, CH4, N2O und F-Gase. Ein Treibhausgas-Budget enthält ein Budget für diese 4, ein CO2-Budget nur für CO2, ist also ein Teil eines Treibhausgas-Budgets.

Mehr dazu findest Du auf [https://localzero-generator.readthedocs.io/de/latest/sectors/thg.html dieser Seite unserer Klimavision.]

Oder in [https://www.youtube.com/watch?v=zFljKhtvQ0g diesem Video unseres Teams ReDev.]

== Bürgerbegehren, Bürgerentscheid und Unterschriftensammlung ==

==== Dürfen in das Bürgerbegehren finanzielle Dinge aufgenommen werden, z. B. dass nicht mehr als eine Million Euro im Jahr für den Autoverkehr aufgewendet werden soll und alles andere Verkehrshaushaltsgeld in den Umweltverbund gesteckt werden? ====
Das würde die Wahrscheinlichkeit, dass das Bürgerbegehren für ungültig erklärt wird, signifikant erhöhen. Deshalb raten wir davon ab. Eingriffe in die Haushaltsplanung sind in den allermeisten Bundesländern ausgeschlossen. Die Kommune hat die Hoheit über ihre Finanzen. Daran kann ein Bürgerentscheid an den meisten Orten nichts ändern.

==== Darf neben der Planerstellung auch die Umsetzung des Plans zum Gegenstand des Bürgerbegehrens gemacht werden? ====
Das würde die Wahrscheinlichkeit, dass das Bürgerbegehren für ungültig erklärt wird, signifikant erhöhen. Deshalb raten wir davon ab. Eingriffe in die Haushaltsplanung sind in den allermeisten Bundesländern ausgeschlossen. Die Kommune hat die Hoheit über ihre Finanzen. Daran kann ein Bürgerentscheid an den meisten Orten nichts ändern.

==== Was empfehlen wir Lokalteams, die von der Standardfrage abweichen wollen? ====
Erstens: Webseite der Kommune und des Bundeslandes anschauen. Da steht eigentlich immer, was geht und was nicht. Zweitens: im Slack-Space im Channel 102_Rechtsfragen nachfragen, ob wir schon Erfahrungen für dieses Bundesland haben. Drittens: Kontakt mit der Stadtverwaltung und Mehr Demokratie e.V. zur Beratung aufnehmen.

==== Gibt es Erfahrung bezüglich guten Timings zum Unterschriften sammeln, z. B. Landtagswahl, Bundestagswahl, Weihnachtszeit? ====
Eine nahende Wahl ist immer interessant! Da sind zum Beispiel die Politiker zugänglicher, und Leute interessieren sich auch ein wenig mehr für politische Themen.
Ansonsten lohnt es sich immer, sich mit den anderen Teams auszutauschen, die bereits sammeln bzw. gesammelt haben (z. B. Schorndorf, Berlin, Bayreuth, Essen).

==== Gibt es rechtliche Risiken? Was sind mögliche Sicherheitsmaßnahmen? ====
Ein persönliches Risiko für die Einreichenden gibt es nicht. Es besteht aber natürlich das Risiko, dass das Bürgerbegehren als nicht rechtmäßig verurteilt wird. Wenn die Teams unserem Standard-Weg folgen, haben sie gute Chancen, 100%ige Sicherheit gibt es aber dennoch nicht.

==== Gibt es allgemeine, übertragbare Erfahrungen/Tipps/Sicherheitsmaßnahmen zur Sammlung in Coronazeiten? ====
Das ist glücklicherweise nicht mehr relevant - Mär 2024

==== Wie viel sollten wir uns am Anfang, also in Phase 1 unseres Klimaentscheides, schon inhaltlich mit Klimaneutralität beschäftigen (also z.B. Entwurf unserer Vision für unsere Kommune 2035)? Oder sollten wir uns jetzt eher organisatorisch reinstürzen für das BB? ====

* Das ist immer ein Balanceakt. Und es kommt auch auf die Zeit an, die ihr zur Verfügung habt. Achtet auf eure Kapazitäten!
* Priorität eher auf BB legen am Anfang
* Es gibt immer mal Zwischen- und Wartezeiten (z.B. nach Unterschriftensammlung; oder wenn [[LocalZero:Planungsbüros und Institute, die Klimaschutzkonzepte erstellen|Planungsbüro]] gesucht wird; oder wenn Klimaaktionsplan erstellt wird), in denen ihr euch dann gut inhaltlichen Themen widmen könnt und auch Sofortmaßnahmen initiieren könnt (neben der strategischen Begleitung des ganzen Prozesses des Klimaaktionsplanes)
* Und: Eine Vision kann total helfen, wenn das Team Menschen überzeugen möchte zu unterschreiben oder neue Mitglieder ins Team holen will. Ein positives Bild: "Stell dir mal vor, hier gibt es einen super guten Nahverkehr und hier auf dieser Straße auf einmal Bäume und Cafés...." kann da besser funktionieren als der Gegenentwurf: "unsere Erde geht bald unter". Da möchte man gerne weglaufen. Daher würden wir jedem Team empfehlen mal ein gemeinsames Visionsbild zu malen, das sich ja gerne alle paar Monate weiterentwickeln kann.

== LocalMonitoring ==
'''Was kann ich tun, wenn meine Kommunalverwaltung negativ auf das LocalMonitoring reagiert?'''

Eine kritische oder defensive Reaktion ist nicht ungewöhnlich. Wichtig ist, die Situation sachlich einzuordnen und das Monitoring als das zu erklären, was es ist: ein gemeinsames Steuerungsinstrument – keine Schulnote für die Verwaltung.

# Grundhaltung klären! Betone in Gesprächen:
#* '''LocalMonitoring bewertet nicht den politischen Willen''', sondern den Umsetzungsstand im System.
#* Es macht '''Fortschritte sichtbar''' und hilft, '''Hürden transparent zu benennen.'''
#* Viele Hebel liegen nicht ausschließlich auf kommunaler Ebene – das wird anerkannt.
#* Gleichzeitig bleibt die Kommune handlungsfähig. Ein Klimaaktionsplan sollte die Maßnahmen enthalten, die kommunal beeinflussbar sind
# Maßnahmenbeschreibungen präzisieren
#* Oft entsteht Widerstand, wenn Zuständigkeiten nicht sauber differenziert sind. Hier kannst du konstruktiv nachschärfen:
#* In der Maßnahmenbeschreibung sollte klar werden:
#** '''Was kann die Stadt direkt beeinflussen?'''
#** '''Wovon hängt die Umsetzung ab?''' (Kreis, Land, Bund, Betreiber, Förderkulissen, rechtliche Rahmenbedingungen)
#** '''Was wäre ein realistischer nächster kommunaler Schritt?''' Auch dann, wenn externe Faktoren aktuell blockieren.
#** So wird das Monitoring fairer und differenzierter – und nimmt der Verwaltung das Gefühl einer pauschalen Bewertung.
# Gespräch suchen (kurzer, konstruktiver Austausch)
#* Ein kurzer Call mit OB oder zuständigen Verwaltungsstellen kann viel klären.
#* Mögliche Gesprächspunkte:
#** „Wir ergänzen in den Kommentaren die Zuständigkeiten und Abhängigkeiten, damit es fair und nachvollziehbar ist.“
#** „Uns ist wichtig, dass das Monitoring die Realität der Zuständigkeiten abbildet. Deshalb erläutern wir im Kommentar, welche Punkte kommunal sind und welche von Kreis, Land oder Bund abhängen.“
#* Ziel ist nicht Rechtfertigung, sondern gemeinsame Präzisierung.
# Wenn Finanzierung als Hauptargument kommt
#* Finanzierungsfragen sind ein häufiger Kritikpunkt. Hier kannst du konstruktiv unterstützen:
#* Schau z.B. mal in die Präsi vom Bundestreffen 2025: '''„[[LocalZero:Kommunale Klimaschutzmaßnahmen kreativ finanzieren|Kommunale Klimaschutzmaßnahmen kreativ finanzieren]]“'''
#* Zusätzlich lohnt ein Blick auf '''[https://klimaweg.net/erfolge/ klimaweg.net]''' mit kommunalen Best Practices. Dort finden sich Beispiele, wie andere Kommunen vergleichbare Hürden gelöst haben.
# Strategischer Blick
#* Langfristig stärkt LocalMonitoring die Kommune: Es schafft Transparenz gegenüber Politik und Öffentlichkeit.
#* Es identifiziert strukturelle Blockaden (z. B. fehlende Landesregelungen).
#* Es unterstützt Priorisierung und strategische Steuerung.

Eine anfängliche Abwehrhaltung kann sich durch sachliche Differenzierung und konstruktive Zusammenarbeit oft in produktiven Austausch verwandeln.

== Unterstützung durch LocalZero ==
==== Wer bezahlt für die Website und das Hosting? ====
Antworten auf diese Frage [[LocalZero:Eigene Website|findest Du hier.]]

==== Womit unterstützt LocalZero uns bei unserem Klimaentscheid? ====
Dazu gibt es hier im Wiki eine [[LocalZero:Unterstützung durch die Supportorganisation|eigene Seite.]]

==== Können wir in der Zeit bis zu unserem Kickoff-Workshop schon etwas machen? ====
Auf jeden Fall! Schaut Euch [[:Kategorie:Phase 0|alle Seiten an, die in dieser Kategorie]] zusammengefasst sind. Sammelt alle Fragen, damit wir die im Kick-Off besprechen können.

==== Können wir über GermanZero Spenden für unseren Klimaentscheid sammeln? ====
Ja, wir können für euch als LocalZero-Team eine Spendenabwicklung über das Tool [https://germanzero.de/klimaentscheide-spendenaktion-uebersicht Twingle] anbieten. Bitte beachtet, dass bei der Spendenabwicklung über Twingle kein eigenes Konto für euch als LZ-Team eingerichtet wird, sondern eine separate Kostenstelle auf dem GermanZero-Konto. Wenn ihr daran Interesse habt, schreibt bitte eine Mail an LocalZero@germanzero.de. Tipps & Tricks zum Thema Spenden sammeln findet ihr auf [[LocalZero:Fundraising & Spendenkonto]]. Hier findet ihr zudem eine Übersicht von Fördermitteln.

==== Können wir den GermanZero-Sharepoint als Dateiablage für uns verwenden? ====
Nein, der damit einhergehende administrative IT-Aufwand übersteigt leider unsere Kapazitäten. Ihr könnt für euch als LocalZero-Team aber einfach ein WeChange-Projekt anlegen, was auch die Funktion einer Dateiablage bietet. Für mehr Infos siehe [[LocalZero:WeChange]].

==== Wann wird der Klimastadtplan(-Generator) wieder verfügbar sein? ====
Im Februar 2022 erfolgt die pressewirksame Veröffentlichung des Nachfolgeprodukts von [[LocalZero:Die_Klimavision_für_jeden_Ort|KNUD: LocalZero]].

==== Bekommen wir von LocalZero eine Team-E-Mail-Adresse? ====
Nein, eine Team-E-Mail-Adresse müsst ihr bitte selbst einrichten. Viele Teams haben so etwas gewählt wie info@LocalZero-stadt.de oder info@stadtzero.de.

==== Kann LocalZero unser Team beraten? Wie finden wir Expert:innen-Kontakte? ====
Es gibt ein spezielles Beratungs-Team, das Teams zu Fragen berät, die weder in diesem FAQ hier noch beim zweiwöchentlichen Vernetzungstreffen beantwortet wurden. Schreibt dafür an LocalZero[at]germanzero.de. Wendet euch mit spezifischen Anfragen auch gerne an das Büro-Team via WeChange (zu erkennen am Namenszusatz "LZ Büro") oder über [[Mailto:LocalZero@germanzero.de LocalZero@germanzero.de]]. Schreibt in den Betreff am besten [Beratung], dann kann es direkt an die entsprechenden Personen weitergeleitet werden.

==== Klimavision und Beratung zur Klimavision ====
Die Klimavision gibt einen schnellen Überblick über alle für die Klimaneutralität notwendigen Sektoren und die wichtigsten technischen Maßnahmen in den einzelnen Sektoren, die in einer Kommune passieren müssen für die Klimaneutralität. Wichtige Infos zur Klimavision, der Bilanzierungssystematik und den Sektoren findest du [https://localzero-generator.readthedocs.io/de/latest/sectors/principles.html hier]. Außerdem gibt es einen [[LocalZero:Die Klimavision für jeden Ort|FAQ-Wiki Artikel]] zur [[LocalZero:Die Klimavision für jeden Ort|Klimavision]]. Habt ihr weitere Fragen? Die Klimavisionär:innen beraten euch gern zur Klimavision. Schreibt uns einfach eine Mail an [[Mailto: Klimavision-beratung@germanzero.de klimavision-beratung@germanzero.de]].

== Abstimmungsfrage/Forderung ==

==== Welche Abstimmungsfrage/Forderung empfiehlt LocalZero? ====
Die von LocalZero empfohlene "Standardabstimmungsfrage" findest du auf der Seite [[LocalZero:Abstimmungsfrage Bürgerbegehren]]. Dort sind auch spezifische FAQ zur Abstimmungsfrage hinterlegt.

'''Welche rechtlichen Instrumente können wir bei einem Klimaentscheid nutzen?'''

Ein Überblick und das strategische Vorgehen bei der Nutzung der rechtlichen Instrumente findet sich im Artikel [[LocalZero:Methoden_für_Klimaentscheide]].

== Fundraising ==

==== Empfiehlt LocalZero die Gründung eines Vereins? Pro und Contra? ====
Einzelheiten als Antwort auf diese Frage [[LocalZero:Vereinsgründung|findest Du hier.]]

==== Gibt es ein Dokument, das Möglichkeiten aufzeigt, Spenden zu sammeln, ohne einen Verein zu gründen? ====
Ja, d'''amit ihr als LocalZero Team nicht extra einen (gemeinnützigen) Verein gründen müsst, um Spenden zu sammeln,''' stellt GermanZero seine gemeinnützige Rechtsform und damit einhergehend ein Spendenkonto über die Plattform Twingle/GLS eSpende zur Verfügung. Mehr hierzu [[LocalZero:Twingle|findest du auf dieser Seite.]]

==== Können Städte-Teams bei GZ unterkommen und darüber Spenden sammeln? ====
Auch diese Frage wird auf [[LocalZero:Twingle|dieser gleichen Seite beantwortet]].

==== Müssen Einnahmen aus Fundraising versteuert werden? ====
Ein eingetragener Verein, der auch als solcher vom Finanzamt anerkannt ist, muss auf Einnahmen aus Spenden keine Steuern zahlen (Weder Einkommenssteuer, noch Umsatz- oder Körperschaftssteuer).

==== Wie viel Geld wird in etwa für die Durchführung des Klimaentscheids benötigt? ====
Es ist schwer hier eine genaue Zahl zu nennen aber es kommen keine unerwarteten Kosten auf die Teams zu. Letztendlich sind die Posten mit Druckkosten für Unterschriftenlisten, eventuell Flyer oder Plakate, andere Werbemittel und gegebenenfalls Kosten für Veranstaltungen überschaubar. Viele dieser Posten könnte man zum Beispiel direkt als Sachspenden von den jeweiligen Unternehmen anfragen und “spart” sich so eventuell das allgemeine Fundraising.

== Social Media ==
'''Ist die AG Social Media noch aktiv?'''

Ja ist sie! Also wenn du Lust hast dort auch aktiv zu werden, melde dich gerne bei fame@germanzero.de

'''Überlegt LocalZero zu Mastodon/ Fediverse als Alternative zu Twitter und Co zu wechseln?'''

Aktuell ist das nicht geplant, weil uns dazu die Kapazitäten fehlen. Aber wenn du darauf Lust hättest, melde dich gerne bei fame@germanzero.de

== Datenschutz ==

==== Wie gehen wir damit um, dass Daten von Personen, die auf der Unterschriftenliste unterschrieben haben, von weiteren Unterschriftswilligen gesehen werden? ====
Prinzipiell ist es in Ordnung, sofern die Unterschreibenden wissen, wofür ihre Daten verwendet werden (Abgabe bei der Stadt) und die Liste es auch eindeutig macht, dass weitere Personen dort unterschreiben sollen. Im Zweifel: Klärt die Leute aktiv darüber auf.

Wichtig: Achtet darauf, dass niemand die Daten fotografiert oder abschreibt. Außerdem sollten die Listen sicher aufbewahrt werden, damit Dritte sie nicht durchblättern können.

Empfehlung: Habt beim Sammeln einen Umschlag dabei. Wenn eine Person sagt, sie möchte nicht, dass andere Leute ihre Unterschrift sehen, packt ihr diesen Zettel danach einfach in den Umschlag. Eine Liste muss nicht um jeden Preis voll werden. Wenn ihr in Läden o. Ä. Listen auslegt, sorgt dafür, dass die Leute sie in verschlossene Behälter einwerfen können.

''' Ist es ein datenschutzrechtlich problematisch, wenn wir leere Unterschriftenlisten an öffentlichen Stellen (z. B. in Cafés, Supermärkten etc.) auslegen?'''

Das ist kein Problem, denn für die unterschreibende Person ist ersichtlich, dass ihre personenbezogenen Daten offensichtlich für andere einsehbar sind, wenn sie auf der öffentlich ausliegenden Liste unterschreibt. Wer das nicht möchte, unterschreibt einfach nicht oder unterschreibt auf einer leeren Liste und schickt die an die darauf angegebenen Adresse. Ihr könnt auch einen Einwurfkasten daneben stellen, wobei abzuwägen ist, ob sich der Aufwand für das dadurch potenziell generierte Mehr an Unterschriften lohnt. Ihr dürft natürlich nur leere Listen öffentlich auslegen, keine, auf denen sich schon Eintragungen befinden, die ihr woanders gesammelt habt.

== Impressum ==
'''Kann die Adresse von LocalZero im Impressum von Lokalteamwebsites genutzt werden?'''

Das ist leider nicht möglich, weil LocalZero dann für den Inhalt der Website verantwortlich wäre.

== Technische Fragen ==

==== Anmeldung bei WeChange klappt nicht ====
Melde Dich bei gerne [mailto:mitmachen-wiki.ext@germanzero.de bei unserem Wiki-Team]! Wir leiten Deine Anfrage an unsere Problemlöserin weiter! Du bekommst dann direkt von ihr Hilfe.

== Einzelnachweise ==
[1] https://www.saarbruecker-zeitung.de/nachrichten/politik/inland/wie-der-rhein-hunsrueck-kreis-zum-klimaneutralen-vorbild-wurde_aid-46093001 03.05.2021
[[Kategorie:Aktionen zu Wahlen]]
[[Kategorie:Klimagesetz]]

LocalZero:Vorlagen & Material

2025-12-10T16:45:21Z

JeremiasE:

'''Basis gesucht? Gefunden! Oder fehlt euch etwas? Lasst es uns wissen!'''[[Datei:SchorndorfUnterschreibt.jpg|alternativtext=Schorndorf unterschreibt|mini|418x418px|Schorndorf unterschreibt]]
Hier und in der [https://cloud.wechange.de/s/wngcAszFR9qf3PR WeChange-Cloud] sammeln wir Dokumente, die euch auf dem Weg zu einem erfolgreichen Klimaentscheid unterstützen.

Und damit alle immer wissen, was gemeint ist, haben wir ein [[LocalZero:Glossar|'''Glossar eingerichtet''']]

== Anmeldung ==
'''[https://mitmachen-wiki.germanzero.org/wiki/images/2/28/Anmeldung_LocalZero-Team.pdf Anmeldung LocalZero-Team]''': Die unterzeichnete Anmeldung ist für LocalZero das Zeichen, dass ihr es ernst meint und ihr mit eurem Team loslegen wollt. Bitte mailt die digital unterzeichnete Anmeldung an [mailto:Klimaentscheid-starten@germanzero.de klimaentscheid-starten@germanzero.de].

'''[https://mitmachen-wiki.germanzero.org/wiki/images/2/27/LZ_Anmeldung_befreundetes-Team.pdf Anmeldung befreundetes Team]''': In seltenen Fällen passen die Ziele von LocalZero und einem bestehenden Team nicht ganz zusammen. Damit trotzdem alle von den Synergieeffekten profitieren, gibt es auch befreundete Teams.

'''[https://mitmachen-wiki.germanzero.org/wiki/images/b/bd/GZ_Vertraulichkeitsvereinbarung_EA.pdf Datenschutz- und Vertraulichkeitserklärung]''': Um einen Zugang zu den GermanZero-Matrixräumen zu erhalten, ist es notwendig, dass du die von dir unterschriebene Datenschutz- und Vertraulichkeitserklärung an [Mailto:Localzero@germanzero.de localzero@germanzero.de] mailst. Diese Vereinbarung ist vor allem für Menschen relevant, die in der LZ-Zentrale aktiv werden wollen.

== Präsentationen ==
'''[https://mitmachen-wiki.germanzero.org/wiki/images/1/13/LocalZero_2024.pdf Präsentation LocalZero 2024]'''

* Einführung & Übersicht zu LocalZero & GermanZero
* "Master-Präsi" – auf Anfrage gern auch als PPT

'''[https://cloud.wechange.de/s/XdygFQedyyxbGf2 Präsentation Klimaentscheid]'''

* super gut anpassbar / personalisierbar (Logo bitte hier einfügen :) )
* Konkretisierung vor Ort
* Überzeugende Argumente, warum ein Klimaentscheid in dieser Stadt eine gute Idee ist.

'''[https://mitmachen-wiki.germanzero.org/wiki/images/c/c9/210420_Klimaentscheide-Info.pdf Präsentation Klimaentscheide Vorstellung 2023]'''
* LocalZero & GermanZero: Was ist Das?
* Allgemein & Erklärung
'''[https://mitmachen-wiki.germanzero.org/wiki/images/a/a8/BargteheideZeroStadtvertretersitzung_20220421.pdf Beispiel einer klaren & einfachen Präsentation vom LocalZero Team Bargteheide], um ein Bürgerbegehren durchführen zu dürfen.'''

Wichtig bei der Vorstellung war auch unser Hinweis darauf, dass, es für die Stadtvertreter drei Möglichkeiten gibt auf das Bürgerbegehren zu reagieren. Es ablehnen, dann kommt es automatisch zu einem Bürgerentscheid (das Kostet und zeigt deutlich, dass die Politiker eben doch nicht für den Klimaschutz tun wollen). Sie können eine Alternative vorschlagen, die dann von drei Vertreter:innen der Initiative beratschlagt und angenommen oder nicht werden kann. Oder sie stimmen zu. Letztendlich ist das Bürgerbegehren auch "nur" ein Antrag in der Sitzung. Wichtig zu wissen ist, dass das Bürgerbegehren aber gesetzlich geschützt ist. Also kann z. B. die Kommune in keinen Ausschüssen Entscheidungen treffen, die dem Bürgerbegehren entgegenstehen, solange es nicht entschieden ist. Das lähmt die Verwaltung und alle Ausschüsse. Das will auch nur selten jemand. [[Datei:KE-Prozess.png.png|mini|Prozess eines LocalZero-Teams, dass einen Bürgerentscheid macht ([https://mitmachen-wiki.germanzero.org/wiki/images/3/3e/KE-Prozess.pdf zum pdf])|417x417px]]

== Leitfäden & Infos ==

=== Design & Nutzbarkeit ===
[[LocalZero:Corporate Design Manual|LocalZero Corporate Design Manual]]: Ausführliche Beschreibung, wie das Corporate Design eingesetzt und angewendet werden kann. Weiterhin werden Beispiele gezeigt und Tipps für nachhaltige und barrierefreie/-arme Gestaltung und Umsetzung gegeben. Es gibt alle Elemente des Corporate Design (Logo, Grafiken, Icons & Co) zum [https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Download hier].

'''[https://mitmachen-wiki.germanzero.org/wiki/images/d/d1/LZ_Design-Manual_2022.pdf LocalZero Design-Guide]''': (PDF-Download Stand 2022) Kurze, kompakte Dokumentation des Corporate Design. Es ist besonders für Designer:innen geeignet.

Damit unser Wiki einheitlich aussieht, haben wir [[LocalZero:Fundus der Features|'''auf dieser Seite''']] '''Vorlagen''' für Tabellen, Balken und Schaltflächen für Dich vorbereitet. Sie richten sich nach dem Design-Guide von LocalZero.

[[LocalZero:Offizielle LocalZero-Produkte]] (Freigabe, Kriterien etc.)

=== Projekte ===
'''[http://mitmachen-wiki.germanzero.org/w/LocalZero:Leitfaden_Phase_1 Leitfaden Phase 1 - für LocalZero-Teams bis zum Umsetzungsbeschluss durch die Kommune]''': Der Leitfaden enthält Tipps & Tricks zu u. a. Planung und Netzwerken, Öffentlichkeitsarbeit und der Unterschriftensammlung für euren Klimaentscheid.

[https://mitmachen-wiki.germanzero.org/w/LocalZero:Leitfaden_Phase_2%263 '''Leitfaden Phase 2 & 3 - für LocalZero-Teams während der Klima-Aktionsplan Erstellung und Umsetzung durch die Kommune'''] : Der Leitfaden enthält Tipps & Tricks zu u. a. der Bildung eines Klima-Initiative, zur Mobilisierung, (Sofort-)Maßnahmen und der Zusammenarbeit mit der Verwaltung.

=== Kommunikation & Verhaltenskodex ===
[https://mitmachen-wiki.germanzero.org/wiki/images/2/2a/Leitfaden_Parteineutralitaet.pdf '''Leitfaden Parteineutralität'''] – GermenZero ist Parteineutral. Was bedeutet das für Lokalteams?

[https://mitmachen-wiki.germanzero.org/wiki/images/5/5b/Leitfaden_Verhalten_zu_Organisation.pdf '''Leitfaden Verhalten zu anderen Organisationen''']: Diese Richtlinie dient zur besseren Einordnung, nach welchen Werten wir mit anderen politischen Bewegung zusammenarbeiten.

=== Marketing & Öffentlichkeitsarbeit ===
'''[https://mitmachen-wiki.germanzero.org/w/Datei:GermanZero_Leitfaden_Social_Media_Lokalgruppen.pdf Social-Media-Leitfaden]''': Wissenswertes rund um einen erfolgreichen Social Media Auftritt.

'''[[LocalZero:Marketing-Training|Marketing-Training]]:''' Das Marketing-Training bietet eurem Lokalteam Unterstützung beim Erstellen einer Webseite und Designvorlagen.

[[LocalZero:Eigene Website|'''Eigene Webseite erstellen:''']] Alle Infos

'''[[LocalZero:WeChange|WeChange-Guide]]''': Hier findest du den schnellsten Einstieg in WeChange und den Guide der detailliert beschreibt, wie du das Vernetzungstool WeChange effektiv nutzen kannst.

[[LocalZero:Positive Zukunftsbilder: KI-Bilder generieren mit ChatGPT - Prompts und Anleitung|Positive Zukunftsbilder: KI-Bilder generieren mit ChatGPT - Prompts und Anleitung]]

== Kommunikationsvorlagen ==
Hier können Beispiele für Anschreiben, Briefe und andere Kommunikation gesammelt werden, die vor Ort gut funktioniert haben.

* Briefe
* Anschreiben
* Presseerklärungen
* [[LocalZero:Klimavision Argumentationshilfe|Klimavision Argumentationshilfe - Gute Argumente für Klimaschutz]].

== Musteranträge für die kommunale Verwaltung ==
Unter [https://nextcloud.wechange.de/f/2407781 Musteranträge in der WeChange-Cloud] finden Lokalteams Änträge, die bereits bei Verwaltungen verschiedener Kommunen eingereicht wurden. Beispiele: "Moorschutz durch Moorschutz-Zertifikate" oder "Klimaneutrale Liegenschaften"

[[LocalZero:Musteranträge an die Verwaltung|Übersicht der Musteranträge]]

== Unterschriftenlisten ==
[https://mitmachen-wiki.germanzero.org/wiki/images/8/8e/210210_Anleitung_Unterschriftenliste_v1d.pdf '''Anleitung Unterschriftenliste''']: Dieser Praxisleitfaden enthält eine detaillierte Beschreibung, wie ihr die bundeslandspezifische Vorlage der Unterschriftenliste an eure Gemeinde/Stadt anpasst und wichtige Hinweise zur Kommunikation mit der Stadtverwaltung.

=== Bundeslandspezifische Vorlagen (Bürgerbegehren) ===

* [https://mitmachen-wiki.germanzero.org/wiki/images/c/c6/Niedersachsen_Unterschriftenliste.docx Niedersachsen]
* [https://mitmachen-wiki.germanzero.org/wiki/images/8/87/201202_Sachsen-Anhalt_Unterschriftenliste_final_MD-proved.docx Sachsen-Anhalt]
* [https://mitmachen-wiki.germanzero.org/wiki/images/0/00/201210_Bayern_Unterschriftenliste_final_MD-proved_v2.docx Bayern]
* [https://mitmachen-wiki.germanzero.org/wiki/images/d/d5/201203_BaW%C3%BC_Unterschriftenliste_final_MD-proved_v2.docx BaWue]
* [https://mitmachen-wiki.germanzero.org/wiki/images/6/6d/201203_NRW_Unterschriftenliste_final_MD-proved.docx NRW]
* [https://mitmachen-wiki.germanzero.org/wiki/images/4/47/201203_Rheinland-Pfalz_Unterschriftenliste_final_MD-proved.docx Rheinland-Pfalz]
* [https://mitmachen-wiki.germanzero.org/wiki/images/7/78/201204_Brandenburg_Unterschriftenliste_final_MD-proved.docx Brandenburg]
* [https://mitmachen-wiki.germanzero.org/wiki/images/2/26/201211_Hessen_Unterschriftenliste_final_MD-proved.docx Hessen]
* [https://mitmachen-wiki.germanzero.org/wiki/images/b/b0/201211_Schleswig-Holstein_Unterschriftenliste_final_MD-proved.docx Schleswig-Holstein]
* [https://mitmachen-wiki.germanzero.org/wiki/images/7/7b/210324_Mecklenburg-Vorpommern_Unterschriftenliste_final_MD-proved.docx Mecklenburg-Vorpommern]
* [https://mitmachen-wiki.germanzero.org/wiki/images/e/eb/201218_Sachsen_Unterschriftenliste_final_MD-proved.docx Sachsen]
* [https://mitmachen-wiki.germanzero.org/wiki/images/1/17/201218_Th%C3%BCringen_Unterschriftenliste_final_MD-proved.docx Thueringen]
Ihr wollt einen Einwohnerantrag stellen? Hier findet ihr Infos & Materialien zum [[LocalZero:Einwohnerantrag PV-Ausbau Material|Einwohnerantrag PV-Ausbau]].

== Flyer, Poster, Fotos und Logos ==
In der [https://cloud.wechange.de/s/wngcAszFR9qf3PR WeChange-Cloud] stellen Teams einander Fotos, Designdateien und andere Materialen zur Verfügung, damit nicht jedes Team alles neu entwickeln muss. Auch Logos von GermanZero könnt ihr dort runterladen.

=== Offizielle Flyer ===
[[Datei:Flyer LocalZero.png|ohne|mini|[https://mitmachen-wiki.germanzero.org/wiki/images/f/ff/LocalZero_flyer_DIN_lang_2022_digital.pdf Aktueller Flyer zu LocalZero]]]

==== Flyer Alt: ====
[https://mitmachen-wiki.germanzero.org/wiki/images/2/26/Klimaentscheide_flyer_allg_DIN_lang_297x210_RZ_digital.pdf Klimaentscheide und LocalZero Sommer 2022]

[https://mitmachen-wiki.germanzero.org/wiki/images/6/64/ClimateReferendum_and_LocalZero_%E2%80%93_english_flyer_2022.pdf Climate Referendum and LocalZero – <nowiki>official english flyer 2022 [PDF]</nowiki>]

==== Flyervorlage zur Klimavision - Dein klimaneutraler Ort in Zahlen ====
[[Datei:Interessante Fakten zu deinem klimaneutralen Ort Flyer und Plakat Vorlage.jpg|ohne|mini|[https://cloud.wechange.de/s/sYygf6Gfp6KpLbM Flyervorlage "Dein klimaneutraler Ort in Zahlen" - Interessante Fakten der Klimavision (mit Anleitung)]]]

==== Social Media Vorlagen zur Klimavision - Dein klimaneutraler Ort in Zahlen ====
[[Datei:Social Media Vorlagen für interessante Fakten der lokalen Klimavision.jpg|ohne|mini|[https://cloud.wechange.de/s/EeEae4g7L9237Kp Social Media Vorlagen für Posts zu interessanten Fakten aus der lokalen Klimavision (mit Anleitung)]]]

=== '''Weitere Beispiele:''' ===

==== Flyer Vorlage zur Gewinnung neuer LocalZero-Mitglieder ====
[[Datei:Flyer Front.png|mini|Link zur Nextcloud: [https://cloud.wechange.de/s/nCzgZjnmqpyMfYs Flyer]|alternativtext=|ohne]]

==== Poster A0 GermanZero Allgemein ====
[[Datei:Bildschirmfoto vom 2021-07-28 21-27-49.png|mini|[https://mitmachen-wiki.germanzero.org/wiki/index.php?title=Datei:01_DINA0_Poster_x4.pdf Poster] (designed für das Tollwood-Festival in München, sollte aber allgemein nutzbar sein)|alternativtext=|rand|ohne]]

==== Flyer MainzZero ====
[[Datei:FlyerMainz12.png|mini|Flyer des LZ MainzZero (Screenshot). Unterschreiben > frankieren > abschicken. Gibts [https://mitmachen-wiki.germanzero.org/wiki/images/1/15/MainzZero_Unterschriftenliste_A4_NEU_2021.pdf hier als pdf.]|alternativtext=|ohne]]

==== Posts für Social Media ====
Es gibt fertige bearbeitbare Vorlagen in Canva, die man super für Social Media Posts verwenden kann. Die Vorlagen sehen so aus und ihr erhaltet die Dateien über heidi.stoerr @ dresdenzero.de.
[[Datei:Master mit dunklem Hintergrund.png|ohne|mini|Vorlage mit Beispieltext und Beispielfoto]]
[[Datei:Mastervorlage Bsp. helles Foto.jpg|ohne|mini|Vorlage mit Beispieltext und Beispielfoto]]

Das Klimabündnis Weinstadt hat aus dem tollen Flyer von GermanZero zu den Klimaentscheiden außerdem ein paar Grafiken erstellt, die in div. Social-Madia-Plattformen genutzt werden können. [https://nextcloud.wechange.de/apps/files/?dir=/G%20-%20%20Klimaentscheide/02_Grafikvorlagen-und-Bildmaterial/03_Grafiken%20zur%20freien%20Verwendung/Insta_posts_Klimaentscheide&fileid=3408597 Die Grafiken findest Du hier.][[Datei:Klimaentscheide GermanZero.png|alternativtext=Klimaentscheide_GermanZero|ohne|mini|300x300px|SharePic Klimaentscheide_GermanZero]]

Benutze alle Bilder und Vorlagen gerne 🙂 Wir müssen ja nicht alle das Rad neu erfinden

'''Achtung''': Bitte prüft vor dem Hochladen die Urheberrechte von Designs, Texten und Fotos, und macht Einschränkungen bei der Verwendung kenntlich! Generell gilt nähmlich: Was hier zur Verfügung gestellt wird, darf von anderen Teams weiterverwendet werden.
== Einstieg Klimaneutralität in Kommunen ==
[[Datei:MissionZero.png|alternativtext=MissionZero Podcast|mini|450x450px|MissionZero Podcast]]

=== Podcasts ===

* [https://germanzero.de/missionzero-podcast MissionZero Podcast]
* [https://hallezero.de/podcast/ HalleZero Podcast]

* [[LocalZero:Aktionsraum von Kommunen|Liste von Podcasts zur klimaneutralen Kommune]]

* [https://www.swr.de/swraktuell/radio/klimazentrale-podcast-100.html Podcasts von Klimazentrale SWR]
* [https://anchor.fm/klimaentscheid-lneb Podcasts vom Klimaentscheid Lüneburg]

=== Texte ===

* [https://green-o-clock.com/warum-sich-klimaschutzmanagerinnen-auszahlen/ Interview Klimaschutzmanager aus Asberg]

=== Klimakommunikation ===
* [[LocalZero:Klimakommunikation|Eine Material-Liste zum Thema Klima]]

=== Literaturliste ===
[[LocalZero:Literaturliste|Hier findest Du richtig viele coole Bücher, Links zu Homepages, die Dich weiterbringen]]

=== Film-Liste ===
[[LocalZero:Film-Liste|Hier findest Du einige Filme, die Du Dir selbst ansehen, oder mal bei einer Veranstaltung für Dein Zielpublikum zeigen kannst]]
[[Kategorie:Design]]
[[Kategorie:Phase 0]]
[[Kategorie:Phase 1]]
[[Kategorie:Phase 2]]
[[Kategorie:Phase 3]]
[[Kategorie:Programme-Tools]]

LocalZero:Corporate Design Manual

2025-12-10T16:43:04Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnell-Ressourcen==

=== Design Guide ===
[https://mitmachen-wiki.germanzero.org/wiki/images/d/d1/LZ_Design-Manual_2022.pdf Design Guide herunterladen]

=== Logos ===
[https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Logo- & Design-Paket herunterladen]

=== Farben ===
{| class="wikitable"
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|-
|analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|}
=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

== Corporate Design ==
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
Das Logo ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser stärkstes Wiedererkennungsmerkmal. Das LocalZero-Logo orientiert sich stark am GermanZero-Logo. Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und der Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität. Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet. Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

* Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.
* Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.

====Kombination mit dem GermanZero-Logo====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante Weiß auf Goldgelb ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

===Schriftarten===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden. Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen. Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

Für Überschriften nutzen wir die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft. Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unterschnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''

LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|[[Datei:Weiss.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons. Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung. Sie sollten mit Augenmaß eingesetzt werden. Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung.

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken in unserem [https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Logo- & Design-Paket] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

LocalZero:Corporate Design Manual

2025-12-10T16:35:11Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnell-Ressourcen==

=== Logos ===
[https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Logo- & Design-Paket herunterladen]

=== Farben ===
{| class="wikitable"
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|-
|analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|}
=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

== Corporate Design ==
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
Das Logo ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser stärkstes Wiedererkennungsmerkmal. Das LocalZero-Logo orientiert sich stark am GermanZero-Logo. Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und der Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität. Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet. Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

* Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.
* Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.

====Kombination mit dem GermanZero-Logo====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante Weiß auf Goldgelb ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

===Schriftarten===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden. Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen. Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

Für Überschriften nutzen wir die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft. Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unterschnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''

LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|[[Datei:Weiss.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons. Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung. Sie sollten mit Augenmaß eingesetzt werden. Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung.

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken in unserem [https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Logo- & Design-Paket] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

Datei:Weiss.png

2025-12-10T16:33:25Z

JeremiasE:

Weiß

LocalZero:Corporate Design Manual

2025-12-10T16:23:33Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnell-Ressourcen==

=== Logos ===
[https://nc-9058980153015273218.nextcloud-ionos.com/index.php/s/7DsKbWMMrSStgSB/download Logo- & Design-Paket herunterladen]

=== Farben ===
{| class="wikitable"
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|-
|analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|}
=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

=Corporate Design=
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
… ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser '''stärkstes''' Wiedererkennungsmerkmal.
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und dem Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität.

Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante (1)====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.
[[Datei:Logo-Illustration.png|rechts|317x317px|Das Logo muss zu sehen sein. Einen festgeschriebenen Platz hat es nicht,]]
Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten (2) und (3)====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.

(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.
====Kombination mit dem GermanZero-Logo (4)====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante (1) ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

=== Hausschriften ===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden.

Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen.[[Datei:Schriften-Illustration.png|rechts|300x300px|Nicht im Schriftenmeer versinken]]
[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

… ist die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft.

Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unter-schnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
<blockquote>'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''</blockquote>LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:LZ Hausfarbe Sonnengelb.webp|alternativtext=LZ Hausfarbe Sonnengelb|rahmenlos]]
|[[Datei:LZ Hausfarbe Nachtblau.webp|alternativtext=LZ Hausfarbe Nachtblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Türkisblau.webp|alternativtext=LZ Hausfarbe Türkisblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Hellgrün.webp|alternativtext=LZ Hausfarbe Hellgrün|rahmenlos]]
|[[Datei:LZ Hausfarbe Weiß.webp|alternativtext=LZ Hausfarbe Weiß|rahmenlos]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}
[[Datei:Farbe-Illustration.png|rechts|300x300px|Die Farbe macht es!]]

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons.

Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==LocalZero-Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung.

Sie sollten mit Augenmaß eingesetzt werden.

Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken … in der Wechange-Cloud zum [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/03_Grafiken%20zur%20freien%20Verwendung&fileid=1701230 Download und zur Benutzung] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

LocalZero:Corporate Design Manual

2025-12-10T16:15:53Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnell-Ressourcen==

=== Logos ===
''Logo- & Design-Paket herunterladen (Link kommt demnächst)''

=== Farben ===
{| class="wikitable"
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|-
|analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|}
=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

=Corporate Design=
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
… ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser '''stärkstes''' Wiedererkennungsmerkmal.
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und dem Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität.

Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante (1)====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.
[[Datei:Logo-Illustration.png|rechts|317x317px|Das Logo muss zu sehen sein. Einen festgeschriebenen Platz hat es nicht,]]
Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten (2) und (3)====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.

(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.
====Kombination mit dem GermanZero-Logo (4)====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante (1) ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

=== Hausschriften ===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden.

Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen.[[Datei:Schriften-Illustration.png|rechts|300x300px|Nicht im Schriftenmeer versinken]]
[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

… ist die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft.

Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unter-schnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
<blockquote>'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''</blockquote>LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:LZ Hausfarbe Sonnengelb.webp|alternativtext=LZ Hausfarbe Sonnengelb|rahmenlos]]
|[[Datei:LZ Hausfarbe Nachtblau.webp|alternativtext=LZ Hausfarbe Nachtblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Türkisblau.webp|alternativtext=LZ Hausfarbe Türkisblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Hellgrün.webp|alternativtext=LZ Hausfarbe Hellgrün|rahmenlos]]
|[[Datei:LZ Hausfarbe Weiß.webp|alternativtext=LZ Hausfarbe Weiß|rahmenlos]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}
[[Datei:Farbe-Illustration.png|rechts|300x300px|Die Farbe macht es!]]

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons.

Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==LocalZero-Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung.

Sie sollten mit Augenmaß eingesetzt werden.

Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken … in der Wechange-Cloud zum [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/03_Grafiken%20zur%20freien%20Verwendung&fileid=1701230 Download und zur Benutzung] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

LocalZero:Corporate Design Manual

2025-12-10T16:09:07Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnellzugriff==

=== Logos ===
''Logo- & Design-Paket herunterladen (Link kommt demnächst)''

=== Farben ===
{| class="wikitable"
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
|-
|
|
|[[Datei:Goldgelb.png|rahmenlos|80x80px]]
|[[Datei:Nachtblau.png|rahmenlos|80x80px]]
|[[Datei:Turkis.png|rahmenlos|80x80px]]
|[[Datei:Grun.png|rahmenlos|80x80px]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|-
|analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|}
=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

=Corporate Design=
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
… ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser '''stärkstes''' Wiedererkennungsmerkmal.
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und dem Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität.

Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante (1)====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.
[[Datei:Logo-Illustration.png|rechts|317x317px|Das Logo muss zu sehen sein. Einen festgeschriebenen Platz hat es nicht,]]
Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten (2) und (3)====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.

(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.
====Kombination mit dem GermanZero-Logo (4)====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante (1) ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

=== Hausschriften ===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden.

Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen.[[Datei:Schriften-Illustration.png|rechts|300x300px|Nicht im Schriftenmeer versinken]]
[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

… ist die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft.

Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unter-schnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
<blockquote>'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''</blockquote>LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:LZ Hausfarbe Sonnengelb.webp|alternativtext=LZ Hausfarbe Sonnengelb|rahmenlos]]
|[[Datei:LZ Hausfarbe Nachtblau.webp|alternativtext=LZ Hausfarbe Nachtblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Türkisblau.webp|alternativtext=LZ Hausfarbe Türkisblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Hellgrün.webp|alternativtext=LZ Hausfarbe Hellgrün|rahmenlos]]
|[[Datei:LZ Hausfarbe Weiß.webp|alternativtext=LZ Hausfarbe Weiß|rahmenlos]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}
[[Datei:Farbe-Illustration.png|rechts|300x300px|Die Farbe macht es!]]

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons.

Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==LocalZero-Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung.

Sie sollten mit Augenmaß eingesetzt werden.

Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken … in der Wechange-Cloud zum [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/03_Grafiken%20zur%20freien%20Verwendung&fileid=1701230 Download und zur Benutzung] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

Datei:Grun.png

2025-12-10T16:08:53Z

JeremiasE:

Grün

Datei:Turkis.png

2025-12-10T16:08:25Z

JeremiasE:

Türkis

Datei:Nachtblau.png

2025-12-10T16:06:47Z

JeremiasE:

Nachtblau

Datei:Goldgelb.png

2025-12-10T16:05:40Z

JeremiasE:

Goldgelb

LocalZero:Corporate Design Manual

2025-12-10T15:31:36Z

JeremiasE:

''Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]]''

Unser Corporate Design ist das einfache Zusammenspiel von Logo, Hausfarben und Schriften. Dies schafft das einheitliche, unverwechselbare Erscheinungsbild von LocalZero, um unsere Identität als Teil von GermanZero zu festigen. Es dient dazu, eine konsistente visuelle Sprache mit unseren Adressaten zu sprechen. Dieser Guide hilft euch dabei, unsere visuelle Sprache einfach und einheitlich anzuwenden – egal ob für Flyer, Social Media oder eure Website.

==Schnellzugriff==

=== Logos ===
''Logo- & Design-Paket herunterladen (Link kommt demnächst)''

=== Farben ===
{| class="wikitable"
|'''Farbe'''
|'''HEX'''
|'''RGB (Digital)'''
|'''CMYK (Druck)'''
|-
|'''Goldgelb'''
|#FFC80C
|255/200/10
|0/25/90/0
|-
|'''Nachtblau'''
|#011633
|0/20/50
|100/80/10/65
|-
|'''Türkisblau'''
|#00AED8
|0/175/215
|80/0/10/0
|-
|'''Hellgrün'''
|#A3D869
|160/215/105
|45/00/70/0
|}

=== Schriftarten ===

* [https://fonts.google.com/specimen/DM+Sans DM Sans] (Überschriften in '''fett''', Fließtexte in regular)

* [https://fonts.google.com/specimen/PT+Serif PT Serif Regular] (Akzentschrift, z.B. für Buttons oder Zitate)

* Notlösung: Arial (auf jedem Rechner vorinstalliert)

==Einleitung==

===Wer sollte das hier lesen?===
Nicht jede und jeder braucht das hier Geschriebene und Gezeigte zu lesen. Die Seite wendet sich besonders an Gestaltungswillige von visuellen Produkten und Services. Und mit Gestaltungswillige meinen wir nicht nur ausgewiesene, professionelle Designer:innen und Marketer, sondern alle, die mit LocalZero über ihr Herzblut verbunden sind und das LocalZero-Ökosystem mitgestalten wollen.

An einigen Stellen weisen wir auf professionelles Wissen hin, das als fakultativ zu betrachten ist. Manche sagen »Schön zu wissen.«, für andere ist es unnützes Wissen.
===Was ist ein Corporate Design?===
[[LocalZero:Corporate Design Manual#Corporate Design|Corporate Design]] (CD) ist das einheitliche, unverwechselbare Erscheinungsbild einer Organisation. Ein gutes CD wird zur visuellen Sprache mit dem Adressaten und gibt dem Absender, LocalZero, seine Identität. Ein gutes CD im Sinne von LocalZero ermöglicht und unterstützt die Gestaltung von ressourcen- und CO₂-schonenden, barrierearmen bzw. -freien, sozial ausgewogenen Produkten und Services.

Ein Corporate Design Manual ist eine Bedienungsanleitung für das visuelle Erscheinungsbild von LocalZero und seinen Lokatteams Es enthält alle wichtigen Informationen, Regeln und Hinweise, die du benötigen, um konsistent und professionell zu kommunizieren.

'''Darum gilt:''' Wo LocalZero drin steckt, soll auch LocalZero draufstehen. Und umgekehrt.
===Wie ist das Manual aufgebaut?===
Das Wiki ist in verschiedene Abschnitte unterteilt, die jeweils spezifische Aspekte des Corporate Designs behandeln. Das Manual gliedert sich in folgende Abschnitte:

#[[LocalZero:Corporate Design Manual#Basiselemente|Basiselemente]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von Printmedien|Gestaltung von Printmedien]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Gestaltung von digitalen Medien (Internet)|Gestaltung von digitalen Medien (Internet)]]
#Richtlinien bei der [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]]
#[[LocalZero:Corporate Design Manual#Messen und Ausstellungen|Gestaltung von Messen- und Ausstellungsbeteiligungen]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Hinweise zur nachhaltigen Umsetzung|nachhaltigen Umsetzung]]
#Hinweise zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]]
Weiterhin werden viele Beispiele aus dem visuellen Schatz von LocalZero gezeigt. Sie sollen als Anregung dienen, können weiter genutzt oder adaptiert werden.

===Wie arbeitest du mit dem Manual?===

* Nutze das Manual als Referenz bei der Erstellung von Marketingmaterialien, Präsentationen oder anderen visuellen Inhalten.
* Bei Unsicherheiten konsultiere immer das Manual, um die Einheitlichkeit des Auftritts von LocalZero zu gewährleisten. Findest du keine Sicherheit, frage andere oder entscheide selbst.
* Teile relevante Abschnitte mit externen Partnern, um ein konsistentes Erscheinungsbild über alle Kanäle hinweg sicherzustellen

Gestaltung ist immer ein Prozess. Ein Prozess, der sich aus verschiedenen Stufen, Schritten zusammensetzt und auch mehrere Iterationen (Schleifen, Wiederholung einzelner Stufen) durchlaufen kann. Das Corporate Design sollte den Prozess bei allen Schritten begleitend zur Seite stehen..

Wichtige Schritte im Designprozess sind:

#'''Zielbestimmung''': Welches Anliegen soll erfüllt werden und welches Ergebnis soll erreicht werden?
# '''Recherche, Analyse und Synthese''': Alle relevanten Informationen sammeln und auswerten.
#'''Ideenfindung''': Die gesammelten Ideen zu neuen Lösungsansätzen entwickeln
#'''Entwurf, Prototyp''': Die Lösungsansätze zu ersten Entwürfen weiterentwickeln
#'''Realisierung''': Der beste Entwurf wird realisiert
#'''Evaluation''': Das Ergebnis von jedem Schritt wird mit den festgelegten Zielen (1. Schritt) überprüft. Bei Nichterfüllung wird der Schritt wiederholt.
#'''Inbetriebnahme''': Die erste Zeit sollte das Produkt/der Services begleitet werden.
'''Für Spezialisten:''' Ausführlicher [https://designerwissen.allianz-deutscher-designer.de/designerwissen/der-designprozess/ zum professionellen Designprozess]

Das Manual kommt besonders bei den Schritten 3 und 4, Entwurf, Prototypentwicklung und Realisierung, zur Anwendung.

Es versteht sich in erster Linie als Richtlinie für die oben angesprochenen Gestaltungswillige. Es werden Leitplanken aufgezeigt, in denen gestaltet werden kann. Diese Leitplanken versuchen ein Gebiet zu beschreiben, in dem sich die Gestaltung bewegen kann. Dazu ist es an manchen Stellen notwendig, No-Gos zu beschreiben. Diese sollten immer als »das sollte besser vermieden werden« gelesen werden.<blockquote>'''Das Manual ist kein Dogma,''' sondern soll Anleitung und Anreiz geben, die LocalZero-Welt (LocalZero-Ökosystem) so facettenreich und vielfältig wie möglich innerhalb der hier beschriebenen Leitplanken zu gestalten. </blockquote>Im '''Seminarmodul: Marketing: on- & offline überzeugen''' [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]] erfährst du, wie du das Corporate Design als Marketing-Instrument einsetzt.
----[[#top|nach oben]]

=Corporate Design=
[https://de.wikipedia.org/wiki/Corporate_Design Corporate Design] ist das visuelle Erscheinungsbild von Organisationen: kontinuierliche, visuelle Klammer als Widerspiegelung der Persönlichkeit, der Wirksamkeit bzw. der Aufgabe der Organisation.[[Datei:Gruppenbild 1 BT 2023.jpg|600x600px|Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|alternativtext=Lebendiges Erscheinungsbild: Plakate, T-Shirts, lokale LocalZero-Logos …|mini|zentriert]]Corporate Design umfasst die visuelle Darstellung nach innen und nach außen auf Basis

# einer festgelegten Philosophie,
# eines langfristigen Unternehmenszieles und
# eines definierten Images

mit Anleitungen zum Handeln.
====Wirksamkeit eines CD====
{| class="wikitable"
|+
!Wirkung nach innen
!Wirkung nach außen
|-
|stärkt das Selbstverständnis
|prägt Image
|-
|formuliert die Ziele der Organisation
|schärft Profil
|-
|fördert Stärken
|positioniert sich in der öffentlichen Wahrnehmung
|-
|bekämpft Schwächen
|macht unterscheidbar
|-
|bringt Transparenz
|steigert Glaubwürdigkeit und Vertrauen
|-
|fördert Bindung der Mitarbeitenden und Aktivisti
|zeigt Kontinuität
|}

==Die Basiselemente ==

===Unser LocalZero-Logo ===
… ist neben der Hauptfarbe Goldgelb das Herzstück des Corporate Design und damit unser '''stärkstes''' Wiedererkennungsmerkmal.
Das LocalZero-Logo orientiert sich stark am GermanZero-Logo.
Wir nutzen die gleiche Bildmarke und für den Schriftzug (LocalZero) der Wortmarke die gleiche Schrift (Fabrikat Kompakt Bold, © HVD Fonts<ref>https://www.myfonts.com/de/products/bold-fabrikat-398352</ref>).

Es besteht aus den Elementen Bildmarke und dem Wortmarke LocalZero. Die beiden Elemente können in verschiedenen Zusammenstellungen zu drei Logo-Varianten kombiniert werden.
<blockquote>Die Bildmarke, Wortmarke und die vorhandenen Logo-Varianten bieten einen breiten Spielraum bei der Anwendung. Es sollte auf nichtproportionale Skalierungen, Verzerrungen und andere Farbvarianten verzichtet werden. Die Verwendung der Wortmarke ohne Bildmarke sollte vermieden werden.</blockquote>

====Bildmarke====
[[Datei:LZ Bildmarke-Black-01.webp|none|frameless|LocalZero-Bildmarke als Bestandteil des LocalZero-Logos]]
Der herab zeigende Pfeil steht für sinkende Emissionen, das Ende des Wachstums. Der offene Kreis, in den der Pfeil zeigt, ist die zentrale „Null“ und steht für unser Ziel Klimaneutralität.

Die Bildmarke kann auch einzeln, ohne Wortmarke – zum Beispiel als Profilbild für Social Media Accounts, Favicon und Anstecknadeln eingesetzt werden.

==== Grundvariante (1)====
[[Datei:LZ Logo-Black-01.webp|alternativtext=LocalZero-Logo bestehend aus Bildmarke und Schriftzug|none|frameless|(1) LocalZero-Logo bestehend aus Bildmarke und Schriftzug in der Grundvariante]]
In der '''Grundvariante''' (Vorzugsvariante) ist die Wortmarke ein Zweizeiler und horizontal rechts zur Bildmarke angeordnet.
[[Datei:Logo-Illustration.png|rechts|317x317px|Das Logo muss zu sehen sein. Einen festgeschriebenen Platz hat es nicht,]]
Diese Variante eignet sich gut für Cover und Umgebungen, in denen sie viel Platz hat, um sich zu entfalten. Dabei ist auf genügend Abstand zu den anderen Elementen zu achten. Einen expliziten Platz gibt es nicht.
====Weitere Varianten (2) und (3)====
Wort- und Bildmarke können in drei unterschiedlichen Kombinationen angeordnet sein. Ihr Einsatz hängt vom jeweiligen Format und dem vorhandenen Platz (Abstand zu den anderen Elementen) ab.

(2) Die einzeilige Variante, horizontal rechts zur Bildmarke angeordnet, eignet sich gut für geringe Höhen oder bei wenig Platz. Diese könnten z. B. bei einem breiten Banner Anwendung finden.

(3) Die vertikale Variante mit zentrierten Elementen ist für schmale Formate geeignet.
====Kombination mit dem GermanZero-Logo (4)====
Eine Besonderheit ist das „Kombi-Logo“, wo sowohl GermanZero als auch LocalZero draufstehen. Diese Variante nutzen wir sich für Kontexte, wo GermanZero und LocalZero beide besprochen und als Einheit dargestellt werden.<gallery mode="nolines" widths="300" caption="LocolZero-Logo Varianten">
Datei:LZ Logo-Sonnengelb zweizeilig.webp|alt=LocalZero-Logo Goldgelb zweizeilig (Grundvariante)|(1) LocalZero-Logo zweizeilig Goldgelb (Grundvariante)
Datei:LZ Logo-Sonnengelb einzeilig.webp|(2) LocalZero-Logo einzeilig Goldgelb
Datei:LZ Logo-Sonnengelb zweizeilig vertikal.webp|(3) LocalZero-Logo zweizeilig vertikal Goldgelb
Datei:LZ Logo-Sonnengelb kombi.webp|(4) LocalZero-Logo Kombination mit GermanZero Goldgelb
</gallery>

====Individuelle Logos====
[[Datei:GZ-Ulm-NU-4Wiki-k.jpg|alternativtext=Logo LocalZero Ulm|rahmenlos|75x75px]][[Datei:LZ-München.png|alternativtext=Logo Lokalteam München|rahmenlos|291x291px]]

Bei der Gestaltung von individuelle Logos, für LocalZero-Lokalteams oder LocalZero-Produkte kann die LocalZero-Bildmarke als Grundelement genutzt werden. Der jeweilige Schriftzug wird in der Hausschrift DM Sans Bold abgesetzt.

====Farbvarianten====
Die Logos können in Weiß, Goldgelb und Nachtblau verwendet werden.<gallery mode="nolines" showfilename="yes" widths="300" caption="LocalZero-Logo, einzeilig, Farbvarianten">
Datei:LZ Logo-Farbvarianten Weiß auf Goldgelb.webp|alt=
Datei:LZ Logo-Farbvarianten Weiß auf Nachblau.webp
Datei:LZ Logo-Farbvarianten Nachtblau auf Goldgelb.webp
Datei:LZ Logo-Farbvarianten Goldgelb auf Nachblau.webp
</gallery><blockquote>'''Achtung''': Die Variante (1) ist nicht für [[LocalZero:Corporate Design Manual#barrierefrei|barrierefreies Design]] geeignet, da der Farbkontrast zu gering ist.</blockquote>
----[[#top|nach oben]]

=== Hausschriften ===
Auch die Schriften haben einen großen Einfluss auf das Erscheinungsbild. Die Hausschriften und ihre Alternativen sollten nur in Außnahmefällen mit anderen Schriften, Schreib- und Dekorschriften, ergänzt werden.

Der im Bild gezeigte Rhythnus der Schriften und ihrer Größen gilt als Orientierung.

Die konkreten Schriftgrößen sind dem Medium entsprechend und nach den Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders der Lesbarkeit, zu wählen.[[Datei:Schriften-Illustration.png|rechts|300x300px|Nicht im Schriftenmeer versinken]]
[[Datei:LZ Schriftanwendung.webp|alternativtext=LocalZero-Hauschriften Anwendungsbeispiel|800x800px]]

====Headlineschrift====
[[Datei:LZ Hausschrift DM Sans Bold.webp|alternativtext=LocalZero Hausschrift DM Sans Bold]]

… ist die DM Sans Bold. Eine moderne Serifenlose mit Charakter. Wenn möglich, wird der Zeichenabstand etwas unterschnitten, da die DM Sans etwas weit läuft.

Bei 40 Punkt Schriftgröße in Layout- und Graﬁkprogrammen wie Adobe Indesign© und Adobe Illustrator© sind -15 (15/1000 em) ein guter Start. Im Webdesign liegt der empfohlene Wert bei -0,075 em.

====Fließtext ====
[[Datei:LocalZero Hausschrift DM Sans Regular.webp|alternativtext=LocalZero Hausschrift DM Sans Regular]]

Der Fließtext wird in der DM Sans Regular gesetzt. Sie kann auch für prozedurale Texte, zum Beispiel in Webseiten-Menüs benutzt werden.

====Schmuckschrift ====
[[Datei:LocalZero Hausschrift PT Serif Regular.webp|alternativtext=LocalZero Hausschrift PT Serif Regular]]

PT Serif Regular sorgt als unsere Schmuckschrift, für den seriösen Teil unseres Auftrittes. Sie wird nur sparsam, zum Beispiel für Bildunterschriften, Hashtags und Buttons, eingesetzt.

====Alternative ====
In kollaborativen Programmformaten wie von Microsoft Powerpoint und Word nutzen wir die Arial in Bold und Regular – ebenfalls leicht unter-schnitten – als Fallback-Schrift.

====Downloads====
Alle drei Schriften stehen unter einer Open Font Licence und sind damit frei benutzbar. Die Web- und Desktopversionen lassen sich kostenfrei bei [https://fonts.google.com/ Google Fonts] und auf Github herunterladen.

Font/Schrift [https://github.com/googlefonts/dm-fonts/tree/main/Sans DM Sans Bold und Regular über GitHub] oder über [https://fonts.google.com/specimen/DM+Sans Google Fonts]

Font/Schrift [https://github.com/divspace/pt-serif/tree/master/fonts/pt-serif PT Serif über GitHub] oder über [https://fonts.google.com/specimen/PT+Serif Google Fonts]
----[[#top|nach oben]]
[[Datei:Insta-Niedersachsen.png|alternativtext=Die Farbe macht es!|mini|Die Farbe macht es!]]

=== Hausfarben ===
<blockquote>'''Die Hausfarben begleitet den öffentlichen Auftritt der jeweilgen Organisation bei allen öffentlichen Auftritten.'''</blockquote>LocalZero nutzt die gleichen Farben wie GermanZero. Dabei sollten die Farben großflächig eingesetzt werden, so das große zweifarbige Abschnitte in einem Medium dominieren.

D. h., in Flyern können gelb-auf-weiss und gelb-auf-schwarz gestaltete Seiten durchaus nebeneinander stehen. Auch in mehrseitigen Social-Media-Post ist das möglich.
Die Tabelle definiert die LocalZero-Farben in den verschiedenen Farbsystemen.

Beim Einsatz der Hausfarben und der möglichen Kombination sind auch die Richtlinien zur [[LocalZero:Corporate Design Manual#Barrierearme/-freie Gestaltung|Barrierearme/-freie Gestaltung]], besonders die Kontrastwirkung, zu berücksichtigen.
{| class="wikitable"
|+
!Anwendung
!Farbname
!Goldgelb
!Nachtblau
!Türkisblau
!Hellgrün
!Weiß
|-
|
|
|[[Datei:LZ Hausfarbe Sonnengelb.webp|alternativtext=LZ Hausfarbe Sonnengelb|rahmenlos]]
|[[Datei:LZ Hausfarbe Nachtblau.webp|alternativtext=LZ Hausfarbe Nachtblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Türkisblau.webp|alternativtext=LZ Hausfarbe Türkisblau|rahmenlos]]
|[[Datei:LZ Hausfarbe Hellgrün.webp|alternativtext=LZ Hausfarbe Hellgrün|rahmenlos]]
|[[Datei:LZ Hausfarbe Weiß.webp|alternativtext=LZ Hausfarbe Weiß|rahmenlos]]
|-
| rowspan="2" |digitale Medien
|HEX
|#FFC80C
| #011633
|#00AED8
|#A3D869
| #FFFFFF
|-
|RGB
|255 / 200 / 10
| 0 / 20 / 50
|0 / 175 / 215
|160 / 215 / 105
|255 / 255 / 255
|-
| rowspan="2" |analoge Medien (Print)
| CMYK
|0 / 25 / 90 / 0
| 100 / 80 / 10 / 65
|80 / 0 / 10 / 0
|45 / 00 / 70 / 0
|0 / 0/ 0 / 0
|-
|Pantone
|123
|655
|638
| 367
| White
|}
[[Datei:Farbe-Illustration.png|rechts|300x300px|Die Farbe macht es!]]

Weiß ist immer eine Alternative zu Nachtblau und Gelb, um den Kontrast zu erhöhen oder zu verringern.

====Hauptfarbe====
Goldgelb ist die Hauptfarbe. Sie wird selbstbewusst eingesetzt. Das bedeutet große Flächen, ganze Seiten und dicke Balken.

==== Schriftfarbe====
Nachtblau benutzen wir als Schriftfarbe und für kleinere Design-Elemente wie Icons und Buttons.

Bei Druckerzeugnissen kann der Massentext auch in Schwarz (Standard-Schriftfarbe) abgesetzt werden.

==== Sekundärfarben ====
Türkisblau und Hellgrün sind unsere Sekundärfarben. Sie können Goldgelb je nach Einsatz als Highlightfarben ergänzen und in Ausnahmen auch komplett ersetzen.
----[[#top|nach oben]]

==LocalZero-Illustrationen==
Illustrationen, Diagramme, Ablaufpläne, Icon und Symbole, ergänzen und strukturieren Texte, sie unterstützen die Informationsvermittlung.

Sie sollten mit Augenmaß eingesetzt werden.

Neben Klarheit, Verständichkeit und Einfachheit soillten die Belange der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] berücksichtigt werden. Es kommen die [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] zur Anwendung

Für Mitglieder unserer [https://wechange.de/group/localzero/ LocalZero-Community] stehen eine Reihe von Illustrationen, Grafiken … in der Wechange-Cloud zum [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/03_Grafiken%20zur%20freien%20Verwendung&fileid=1701230 Download und zur Benutzung] bereit.<gallery widths="120" perrow="6" caption="Beispiele aus der Bibliothek">
Datei:Landwirtschaft gelb.png|Icon Landwirtschaft
Datei:Politikversprechen1 gelb.png|Icon Politikversprechen
Datei:Ehrenamt2 gelb.png|Icon Ehrenamt
Datei:KSP Wärme.png|KSP Wärme
Datei:KSP Abfallwirtschaft.png|KSP Abfallwirtschaft
Datei:KSP LULUCF 2.png|KSP LULUCF
</gallery>
----[[#top|nach oben]]

==Gestaltung von Printmedien==
Flyer, Plakate, Visitenkarte, Anzeigen in Zeitungen etc. pp. die Liste der gedruckten Medien (Printmedien) ist lang. Die Zahl der zugänglichen Werkzeuge, Layout- und Illustrationssoftware ist nicht ganz so lang.
Auf was ist neben guter Gestaltung, beim Design für LocalZero zu achten:

* klar und ehrlich, keine falschen Bilder oder Illustrationen
* der Absender ist eindeutig erkennbar – Zentrale oder Lokalteam
* einhalten des Corporate Designs, dabei kommt den [[LocalZero:Corporate Design Manual#Hausfarben|Hausfarben]] eine besondere Bedeutung zu.
* eine Integration von QR-Codes auf digitale Angebote und Kontaktmöglichkeiten
* die Hinweise zur nachhaltigen Gestaltung sind unbedingt zu berücksichtigen
* für Printmedien, die auch im digitalen Raum veröffentlich werden (PDF-Downloads), sollte auf [[#Barrierefreiheit|Barrierefreiheit-/armut]] geachtet werden. Weiterhin sind die Dateiinformationen im PDF auszufüllen.
* benutzt nur Bilder, Fotos, Illustrationen und Icons für die die Nutzungsrechte (auch für [https://designerwissen.allianz-deutscher-designer.de/designerwissen/die-nutzung-und-weiterveraeusserung-von-stockfotos/ Stockmaterial/Bilddatenbanken]) einwandfrei geklärt sind
* bei Fotos beachtet zusätzlich das Personenrecht (ohne Einwilligung der abgebildeten Personen, keine Verwendung – [https://www.wbs.legal/medienrecht/persoenlichkeitsrecht/recht-am-bild/ Recht am eigenen Bild])
<gallery mode="nolines" widths="300" perrow="3" caption="Beispiele im Bereich Print">
Datei:Flyer Vorstellung-DresdenZero; 4-seitig.png|Flyer Vorstellung DresdenZero, 4 Seiten (DIN lang hoch)
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 1
Datei:Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2.png|Unterschriftsflyer Bürgerbegehren DresdenZero 6 Seiten (DIN lang hoch); Druckbogen 2
</gallery>
----[[#top|nach oben]]

==Gestaltung von digitalen Medien==
Typische Medien sind Websites und Präsentationen per Beamer oder Browser.
[[Datei:Muster-Webseite.png|alternativtext=Muster-Website|mini|300x300px|[[LocalZero:Eigene Website|Muster-Website]]]]

===Websites===
Meist wird ein Content Management System (CMS) zum Einsatz kommen.

Nicht jedes CMS und jedes Templates sind einfach zu pflegen und durch Redakteure zu bedienen.

Um eine passende Website für das Projekt oder das Lokalteam zu gestalten sind bei der Planung und Konzipierung einige Kriterien zu beachten:

*Wie oft werden Inhalte geändert?
*Wie groß ist der Personenkreis der Änderungen vornehmen kann?
*Ist die technische Betreuung der Website für die geplante Laufzeit gesichert?
*Wie können [[LocalZero:Corporate Design Manual#Nachhaltiges Webdesign|nachhaltige Gesichtspunkte]] eingehalten werden?
*Wie setzen wir die Anforderungen der [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] um?

Aus den Antworten ergibt sich die Anforderungen an eine mögliche Umsetzung.

Besonderen Wert ist auf eine nutzer- und nutzungsbezogene Gestaltung über die Strukturierung und die Navigation zu legen.

Eine '''ausführliche Anleitung''' zur Einrichtung einer eigenen Website findest du hier im Wiki: [[LocalZero:Eigene Website]]. In dem LocalZero-Webinar "Webseite aufbauen & optimieren" lernst du eine Webseite zu betreuen und erhältst Optimierungstipps: [[LocalZero:Marketing-Training|https://mitmachen-wiki.germanzero.org/w/LocalZero:Marketing-Training]]
=== Einige Beispiele für Social Media Posts ===
<gallery mode="nolines" widths="200" perrow="8" caption="Instagram Posts">
Datei:Social Media Post 6.png
Datei:Social Media Post 5.png
Datei:Social Media Post 4.png
Datei:Social Media Post 3.png
Datei:Social Media Post 2.png
Datei:Social Media Post 1.png
</gallery>Eine ausführliche Anleitung zur Erstellung von Social Media Post findest du hier im Wiki: [[LocalZero:Onlinemedien]].

===Präsentationen===
Präsentationen bestehen aus Folien, auch Charts genannt.

Neben einer durch die Gestaltung unterstützte Strukturierung der Präsentation in der Abfolge, ist ein strukturiertes Layout der einzelnen Folien anzusteben.

Aufbau:

*Titel: Name der Präsentation, Absender LocalZero oder Lokalteam, Datum
*Abschnitte: zur inhaltlichen Strukturierung, möglich über einen Farbcode (evt. aus den [[Hausfarben]])
* Inhalt: wenn möglich einheitliches Layout (Template) mit
*Ende: Vollständige Absenderangabe mit Kontakt, evt. QR-Code
Beispiel einer Präsentation:<gallery mode="packed" heights="200" style="border: 0.5px;" caption="Präsentation von Tabea Kahlstatt unter Verwendung von Symbolen und Icons aus der [https://cloud.wechange.de/s/eL8bCrAAbwHSxW3 LocalZero-Bibliothek]">
Datei:LocalZeroKlimapsychologieVortrag Dresden-1-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-3-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-4-01.webp
Datei:LocalZeroKlimapsychologieVortrag Dresden-2-01.webp
</gallery>'''Service''': [[:Datei:LocalZero-Präsi Template.pptx|Download PowerPoint-Template]]
----[[#top|nach oben]]

==Außendarstellung==
Banner, Beachflags, Transparente … Außendarstellung ist alles was auf der Straße oder in der freien Natur statt findet.

Für die Gestaltung gelten die Prinzipien die bei der Gesatltung von [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]] zur Anwendung kommen.

Durch den hohen Ressourcenverbrauch (die Teile sind meist groß) sollte die Gestaltung auf eine mögliche häufige Nutzung und Wiederverwendung ausgerichtet sein. Zeitliche Angaben sollten möglichst änderbar sein.

Bei der Auswahl der Materialien und Systeme ist auf ökologische Verträglichkeit zu achten.<gallery heights="300" mode="nolines" perrow="3" widths="300" caption="Beispiele für Außendarstellung">
Datei:Illustration Beachflag drop.png|Beachflag in Tropfenform
Datei:LZ-auf-FFF-Demo-Halle.jpg|Zeitloser Banner: LocalZero 2024 auf dem Klimastreik in Halle/Saale
Datei:GelbeRaeder (8).jpg|Projekt Gelbe Räder zur Unterschriftensammlung '''LocalZero Ulm'''
</gallery>Spontane oder einmalige Aktionen können auch mit »handgemachten« Schildern begleitet werde. Hier kommt es allein auf die Botschaft an.
----[[#top|nach oben]]

== Messen und Ausstellungen ==
Für Messestände, Rollups, Counter … gelten die selben Prinzipien wie für [[LocalZero:Corporate Design Manual#Außendarstellung|Außendarstellung]] und [[LocalZero:Corporate Design Manual#Printmedien|Printmedien]], auf [[LocalZero:Corporate Design Manual#Barrierefreiheit|Barrierefreiheit]] ist hier ein besonderes Augenmerk bei der Gestaltung zu richten.

Hinweise zur Außendarstellung [[:Datei:BKB Kriterienheft barrierefrei NEU.pdf]]
----
[[#top|nach oben]]

==Hinweise zur nachhaltigen Umsetzung==
<blockquote>

'''Ideen gestalten, keine Objekte.'''

Die Herausforderung der Gegenwart heißt nachhaltige Entwicklung – als unternehmerische Denkweise, als gestalterische Haltung und als moralische Position.<ref>https://design-und-nachhaltigkeit.de/weiterbildung/module/m7-nachhaltigkeit-im-kommunikationsdesign</ref></blockquote>

Auch bei der Umsetzung von Designobjekten ist auf Ressourcenschonung und CO₂-Einsparung zu achten.

Zuerst CO₂-Vermeidung, dann Reduktion, dann CO₂-Kompensation. Einen kurzen, allgemeinen Überblick über Nachhaltigkeit im Design bieten

*[[Datei:AGD Charta Nachhaltiges Design-DE.pdf|alternativtext=Charta für nachhaltiges Design|mini|Download]]»Charta für nachhaltiges Design«
*[[Datei:Das Oslo Manifest - Deutsch.pdf|alternativtext=Das Oslo Manifest|mini|Download]]»Das Oslo Manifest«

===Nachhaltiges Printdesign===
Das Thema nachhaltiges Design lässt viele an FSC- und Recyclingpapier denken. Das ist ein guter Anfang aber es geht um so viel mehr: Als Grafikdesigner:innen, Drucker:innen und Auftraggeber:innen von Drucksachen müssen wir unser Denken verändern. Wir wollen nicht einfach das Gleiche, bloß auf »grünem« Papier produzieren. Wir wollen darüber hinaus gehen und Verantwortung übernehmen – für alles, was wir tun.<blockquote>Es geht besonders darum, mit wertvollen Ressourcen, Papier, Farbe, Energie …, '''so achtsam wie möglich umzugehen'''. </blockquote>

Mit dem nachhaltigen Spickdeckel wird Nachhaltigkeit handlich, leicht verständlich und ist immer parat – ein ständiger Begleiter. Er gibt eine erste Orientierung bei der Gestaltung und Produktion von Druckerzeugnissen. Es empfiehlt sich, sich mehr über dieses umfangreiche Gebiet zu informieren. <gallery>
Datei:Nachhaltiger-Spickdeckel-2022-02-01.webp|Nachhaltiger Spickdeckel Print
Datei:Nachhaltiger-Spickdeckel-2022-01-01.webp|Nachhaltiger Spickdeckel Design
</gallery>Bei „Design und Nachhaltigkeit“ – „greenDesign“ – steht der komplexe, prozessorientierte Designansatz im Mittelpunkt und bildet damit die Grundlage für die Arbeitsweise des modernen Designers. Voraussetzung für die erfolgreiche Anwendung ist der Blick über den Tellerrand, das neue Denken im Design.

Bei „Print und Nachhaltigkeit“ – „greenPrint“ – steht die umweltschonende Produktion im Fokus. Voraussetzung ist natürlich, dass man über Informationen und Hintergrundwissen zu den Materialien, Techniken und Prozessen verfügt. Ebenso wie beim „greenDesign“ steht die Suche nach Alternativen im Vordergrund.

Beim Druck ergeben sich einige Grundforderungen:

*'''so wenig wie möglich''' drucken: Auflage den Gegebenheiten anpassen, nicht auf Vorrat drucken
*'''Recyclingpapier''' benutzen: darauf achten, dass es 100 % enthält (mit dem Umweltzeichen Blauer Engel ist man immer auf der sicheren Seite)
*'''Öko-Druckerei'''<ref>https://www.umdex.de/umweltfreundliche_druckereien/</ref><ref>https://www.bioculture.de/oeko-druckereien</ref> beauftragen: am besten ebenfalls mit [https://www.blauer-engel.de/de/produktwelt/druckerzeugnisse Blauem Engel zertifiziert (DE-UZ 195)]

===Nachhaltiges Webdesign ===
Digitale Technologien verursachen mittlerweile 4 % der Treibhausgasemissionen (THG),<ref>https://www.myclimate.org/de-de/informieren/faq/faq-detail/was-ist-ein-digitaler-co2-fussabdruck/</ref><ref>https://www.bitkom.org/Bitkom/Publikationen/Studie-Klimaeffekte-der-Digitalisierung</ref> und ihr Energieverbrauch steigt weiter rasant an. Können Designer:innen etwas tun, um dem Trend entgegenzuwirken?<blockquote>'''Websites, die besser für den Planeten sind, sind auch besser für die Nutzer.'''</blockquote>'''Folgende zwei Prinzipien sollten im Fokus stehen:'''

#Digitalen CO2-Fußabdruck verringern, um den Klimawandel zu verlangsamen bzw. zu stoppen
#*Auswahl eines Providers, der die Server mit zertifizierten Ökostrom betreibt und Angaben zur Nutzung der Abwärme macht. (Green Hosting)<ref>https://www.giga.de/artikel/green-hosting-umweltfreundliche-hosting-optionen--6mmjrgjx2j</ref><ref>https://zeit---geist.de/magazin/gruenes-green-hosting/</ref>
#*kleine, datensparsame Website durch u. a.
#**Optimierung der Mediendaten (Bild- und Videogrößen)<ref>Kostenlose Tools für alle Betriebssysteme und als Webservice über den Browser</ref>
#**Nachladen der Medien erst bei Sichtbarkeit
#Höherer Nutzwert
#*durch user-centered Design
#*Vorteile für den Auftraggeber gestalten
#* [[LocalZero:Corporate Design Manual#barrierefrei|barrierefrei/-arme Websites]]

Weiterführende Informationen:

*[https://www.youtube.com/watch?v=jNjkkcMSplk Aufzeichnung Webinar »Green Webdesign«]
*[[:Datei:Webinar-GreenWebdesign-2021-web.pdf|Download der Charts zum Webinar, 36 Seiten, 1,2 MB]]
*[https://greentheweb.com/podcast-de/ Der Green the Web Podcast: Dein Podcast für nachhaltiges UX/UI Design]
* [https://greenmotionweb.design/green-webdesign/ blog. Design trifft Nachhaltigkeit: Warum Green Webdesign unverzichtbar ist]

----[[#top|nach oben]]
== Barrierearme/-freie Gestaltung ==
<blockquote id="barrierefrei">'''Wir alle werden in Lebenslagen kommen, wo wir eingeschränkt sind. Möchtest du dann auf deine gewohnten Anwendungen verzichten?'''</blockquote>Einschränkungen betreffen nicht nur nichtsehende oder nichthörende Menschen oder Menschen mit kognitiven Einschränkungen. Wir sollten schon heute das Bewusstsein in Organisationen schaffen und mit kleinen Schritten beginnen.

Schwerpunkte legen wir auf die barrierearme bzw. -freie Gestaltung von Printerzeugnissen und digitalen Produkten (Websites und Web-Apps)

Die vier Grundprinzipien sind '''Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit'''.<ref>[https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Eine Einführung in die vier Grundprinzipien der Barrierefreiheit] </ref><ref>[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines 2.1 (WCAG 2.1)]</ref>

Einen besonderen Stellenwert, gerade für LocalZero mit seinen [[LocalZero:Corporate Design Manual#Hauptfarbe|Hauptfarbe]] nimmt der Farbkontrast ein.<blockquote>'''Farbkontrast''' (richtiger: Kontrastverhältnis zwischen Vorder- und Hintergrund<ref>https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-contrast-ratio</ref>) beschreibt die Unterscheidbarkeit zwischen zwei oder mehreren Farben, wenn sie nebeneinander platziert werden. Ein starker Farbkontrast trägt dazu bei visuelle Klarheit zu schaffen, d. h. die Lesbarkeit zu steigern. </blockquote>Die Kombination Goldgelb, Türkisblau bzw. Hellgrün auf weißem Hintergrund oder Weiß auf goldgelben, türkisblauem bzw. hellgrünem Hintergrund entsprechen nicht den WCAG-Vorgaben zur Barrierefreiheit.

Die Ergebnisse des Kontrastrechners<ref>https://leserlich.info/kontrastrechner</ref> <gallery widths="200" caption="Problematische Farbkombinationen mit zu geringem Kontrast">
Datei:1-farbkontrast-gelb auf weiß.png
Datei:2-farbkontrast-weiss auf gelb.png
Datei:3-farbkontrast-weiss auf blau.png
Datei:4-farbkontrast-blau auf weiss.png
Datei:5-farbkontrast-grün auf weiss.png
Datei:6-farbkontrast-weiss auf grün.png
</gallery><gallery widths="200" perrow="2" caption="Farbkombinationen mit zu geringem Kontrast bei kleinen Schriftgrößem">
Datei:10-farbkontrast-schwarz auf blau.png
Datei:9-farbkontrast-blau auf schwarz.png
</gallery><gallery widths="200" perrow="4" caption="Farbkombinationen für barrierefreie Gestaltung (mit ausreichendem Kontrast)">
Datei:7-farbkontrast-scharz auf grün.png
Datei:8-farbkontrast-grün auf schwarz.png
Datei:11-farbkontrast-schwarz auf gelb.png
Datei:12-farbkontrast-gelb auf schwarz.png
</gallery>''Die hier gezeigten Beispiele sind stellvertretend für Anwendungen in digitalen Medien (RGB-Farbraum). Für den Printbereich im CMYK gilt ähnliches.''

===… von Printerzeugnissen===
Hier muss sich auf nichtsehende Menschen und Menschen mit kognitiven Einschränkungen konzentriert werden.

Ein Druckerzeugnis kann relativ mit wenig zusätzlichen Aufwand für das Screenreading, Vorlesen am Bildschirm für nichtsehende Menschen, fit gemacht werden. Adobe Indesign© als Layout ist dafür sehr gut geeignet. Fertige PDF-Dateien können mit Adobe Acrobat© auf Barrierefreiheit vorbereitet werden.

Für Menschen mit kognitiven Einschränkungen sollten wir uns einer einfachen Sprache bedienen. Das gilt ebenso für Websites.

===… von digitalen Produkten===
Die funktionalen Anforderungen an barrierefreie Websites sind in verschiedenen Standards und gesetzlichen Vorgaben definiert, insbesondere in den '''[https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html Web Content Accessibility Guidelines (WCAG])''', die international als Maßstab gelten. Die WCAG basieren auf vier Grundprinzipien, die für Barrierefreiheit entscheidend sind.

Für Websites bedeutet das:

#'''Wahrnehmbar'''. Können die Nutzenden die Informationen und Komponenten deiner Website problemlos wahrnehmen?
#'''Bedienbar'''. Sind deine Navigations- und Benutzungsoberflächenkomponenten bedienbar?
#'''Verständlich'''. Sind deine Informationen und Benutzungsoberflächen verständlich?
#'''Robust'''. Sind deine Inhalte robust genug für eine Vielzahl von User:innen, einschließlich unterstützender Technologien (z. B. Screenreader)?
#'''Konformität'''. Entspricht deine Website den Anforderungen der [https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html WCAG]?

'''Beispiele für typische Barrieren, die vermieden werden müssen, sind:'''
*Bilder ohne Alternativtexte
*Formulare ohne Beschriftungen oder Hilfetexte
*Unzureichende Kontraste zwischen Text und Hintergrund
*Inhalte, die nur per Maus bedient werden können
*Komplexe Sprache oder unstrukturierte Texte

====Tools zur Untersuchung von Barrierefreiheit-Eigenschaften====
Einige Browser unterstützen mit Hilfe des [https://wave.webaim.org/extension/ Browser-Extensions WAVE] im Entwickler-Modus die Untersuchung von Websites. Bei [https://www.mozilla.org/de/ Firefox] ist es der rechte Mouse-Click bei der Auswahl eines Elements.

Die [https://metrics.aspose.app/de/ Website ASPOSE] bietet verschiedene Services zur Überprüfung von Websites an.

'''Tools für die gesamte Website:'''

*https://www.experte.de/homepage/tools
*https://www.accessibilitychecker.org/#

'''Tools für barrierefreie Farbkontraste/ Farbkontrast checken:'''

* https://products.aspose.app/html/de/contrast-checker
*https://leserlich.info/kontrastrechner
*https://contrastchecker.com/
*https://www.mindscreen.de/farbkontraste
*https://www.siteimprove.com/de/toolkit/color-contrast-checker/

====Plugins und Themes für Wordpress====
Glücklicherweise gibt es eine Reihe von [https://wordpress.org/plugins/search/barrier-free/ Plugins] und [https://wordpress.org/themes/ Templates] für WordPress, mit denen du barrierefreie Websites schneller erstellen kannst – ohne dabei wichtige Schritte zu vergessen. <blockquote>'''Weiterführende Informationen:''' [https://designerwissen.allianz-deutscher-designer.de/designerwissen/barrierefreies-webdesign/ Barrierefreies Webdesign] und [https://designerwissen.allianz-deutscher-designer.de/designerwissen/grundprinzipien-der-barrierefreiheit/ Grundprinzipien der Barrierefreiheit] </blockquote>

== Best Practice ==
Nutze auch die Arbeit und Erfahrungen der anderen Teams.

Eine Vielzahl von t[[LocalZero:Best Practices der Teams|hemenbezogenen Aktionen und ihre Umsetzung]] findest du hier im Wiki.
----[[#top|nach oben]]

==Einzelnachweise==
__INHALTSVERZEICHNIS_ERZWINGEN__

<references />
----[[#top|nach oben]]
==Siehe auch==

# https://www.bexio.com/de-CH/blog/view/corporate-design
# https://www.vierviertel.com/blog/wie-erstelle-ich-ein-corporate-design-manual
# https://de.wikipedia.org/wiki/Corporate-Design-Handbuch
# https://seibert.group/blog/2010/02/03/das-corporate-design-manual-die-bedienungsanleitung-fuer-ihren-unternehmensauftritt/
# https://www.rheinwerk-verlag.de/das-design-buch-fuer-nicht-designer-gute-gestaltung-ist-einfacher-als-sie-denken/
# https://www.team-digital.de/digipedia/info/corporate-design-manual.html
# https://marketing.ch/digital-marketing/in-5-schritten-zum-eigenen-corporate-design-dein-guide-zum-cd-manual/
# https://www.ahadesign.eu/tutorials/bildbearbeitung/2093-das-design-buch-fuer-nicht-designer-mit-vielen-tipps-fuer-eine-gute-gestaltung.html
# https://www.klickkomplizen.de/blog/agenturleben-und-projekte/tipps-fuers-corporate-design-manual/
# https://helder.design/corporate-design/
# https://www.onlineprinters.de/magazin/corporate-design-manual-konzeption/
# https://www.format-h.com/blog/design-manuals-warum-sie-fuer-starke-marken-unverzichtbar-sind
# https://blacklimedesign.de/designblog/corporate-design-manual-und-styleguide/

=== Unsere Kategorien: ===
In unserer [[LocalZero:Kategorien Tabelle|Kategorien-Tabelle]] ist eine Auflistung aller Kategorien zu finden.
[[Kategorie:Design]]

LocalZero talk:Kommunaler Wahlcheck

2025-12-10T14:05:20Z

JeremiasE: JeremiasE verschob die Seite LocalZero talk:Kommunaler Wahlcheck nach LocalZero talk:Kommunaler Wahlcheck NRW 2025

#WEITERLEITUNG [[LocalZero talk:Kommunaler Wahlcheck NRW 2025]]

LocalZero talk:Kommunaler Wahlcheck NRW 2025

2025-12-10T14:05:20Z

JeremiasE: JeremiasE verschob die Seite LocalZero talk:Kommunaler Wahlcheck nach LocalZero talk:Kommunaler Wahlcheck NRW 2025

LocalZero:Kommunaler Wahlcheck

2025-12-10T14:05:20Z

JeremiasE: JeremiasE verschob die Seite LocalZero:Kommunaler Wahlcheck nach LocalZero:Kommunaler Wahlcheck NRW 2025

#WEITERLEITUNG [[LocalZero:Kommunaler Wahlcheck NRW 2025]]

LocalZero:Kommunaler Wahlcheck NRW 2025

2025-12-10T14:05:20Z

JeremiasE: JeremiasE verschob die Seite LocalZero:Kommunaler Wahlcheck nach LocalZero:Kommunaler Wahlcheck NRW 2025

Achtung: Dieser Mitmach-Wiki-Artikel galt primär für die NRW Kommunalwahl 2025 - der allgemein gültige Artikel für alle Wahlen ist dieser [https://mitmachen-wiki.germanzero.org/w/LocalZero:Wahlcheck hier]

=== Was ist der Kommunale LocalZero-Wahlcheck? ===
[[Datei:LocalZero Klimawahl lokal.png|mini]]

Der Wahlcheck ist ein Onlinetool, das - ähnlich dem Wahl-O-Mat – die '''klimarelevanten Positionen der Kandidierenden Eurer Kommunen auf Wahlkreisebene für die Wähler:innen transparent''' macht. Dazu fragt Ihr als Team die Positionen der Kandidierenden anhand von Thesen ab.

Basierend auf den Antworten erstellt Euch das ehrenamtliche AG-Team euren individuellen "Wahl-O-Mat". Diesen könnt Ihr dann öffentlichkeitswirksam bewerben – die Aussagen Eurer Politiker:innen präsentiert ihr beispielsweise auf Eurer Website, in der Presse oder an einem Infostand – und alle Interessierten können über das Online-Tool die Positionen der Kandidierenden mit ihren eigenen abgleichen und Begründungen einsehen.

===Was könnt ihr mit dem LZ-Wahlcheck erreichen?===

*'''Transparenz schaffen:''' Herausfinden wie sich die Kandidierenden zu Klimathemen positionieren.
*'''Verantwortung einfordern:''' Die Antworten der Kandidierenden zu Klimaversprechen machen und sie insbesondere nach der Wahl daran erinnern.
*'''Engagement verstärken:''' Durch die Antworten weitere Aktivitäten, wie Gespräche, Zeitungsartikel, Podiumsdiskussionen oder einen Klimastreik wirkungsvoller werden lassen.
*'''Lokal handeln:''' Positionen zu Themen erhalten, die für deinen Wahlkreis besonders relevant sind.
*'''Bekanntheit erreichen:''' Ihr werdet mit dem Wahl-Check sichtbar und aktiv in Eurer Kommune, erreicht die Presse und vielleicht auch neue Mitglieder.

===Was muss ich als Team machen, um den LocalZero-Wahlcheck in meiner Kommune zu nutzen?===

 Vorab: Um den Wahlcheck zu nutzen werden ''keinerlei IT-Kenntnisse benötigt.'' Die IT-Struktur wird euch durch das Wahlcheck-Team zur Verfügung gestellt. 

Als Interessierte meldet ihr euch zunächst beim Wahlcheck-Team mit dem Namen eurer Kommune unter [mailto:wahlcheck@germanzero.de wahlcheck@germanzero.de] an. Dann könnt ihr entweder die Thesen aus dem Standardthesenset direkt übernehmen, sie anpassen oder darauf basierend eigene entwickeln. Diese werden dann an das IT-Team versendet und daraus eine Online-Umfrage erstellt, die ihr euren Kandidierenden schickt. Die Antworten der Kandidierenden werden anschließend vom IT-Team des Wahlchecks in die Wahlcheck-Plattform eingepflegt und unter localzero.net/loesungen/wahlcheck/NAME veröffentlicht. Nun könnt ihr den Wahlcheck den Bürger:innen vor Ort zur Verfügung stellen und die daran verarbeiteten Positionen öffentlichkeitswirksam platzieren.

Um einen besseren Eindruck davon zu bekommen, wie euer Wahlcheck aussehen wird könnt ihr euch dieses [https://localzero.net/loesungen/wahlcheck/markdorf Beispiel aus Markdorf] anschauen. Zur Unterstützung bei der Umsetzung eures Wahlchecks wendet euch an [mailto:wahlcheck@germanzero.de wahlcheck@germanzero.de]. Außerdem veranstalten wir ein Kick-off und bieten monatliche Vernetzungstreffen an, in denen wir zusammen mit euch alle Schritte für euren Wahlcheck durchgehen. Per [mailto:wahlcheck@germanzero.de Mail] sind wir auch immer zu erreichen.

=== Step-by-Step Vorgehen ===

'''1. Anmelden'''

* Schickt eine kurze Mail an [mailto:Wahlcheck@germanzero.de wahlcheck@germanzero.de] und nennt den offiziellen Namen eures Wahlkreises bzw. Ortes in dem ihr aktiv werden möchtet.
* Gebt auch die Wahlart(en) dabei an, die ihr bespielen wollt.
* Folgende Abkürzungen verwenden wir bei der Angabe der Wahlart und Dateibenennung:
** Bezirkswahl: BEW
** Gemeinderatswahl: GRW
** Stadtratswahl: SRW
** BürgermeisterInnenwahl: BMW
** OberbürgermeisterInnenwahl: OBW
** Kreistagswahl: KTW
** Landratswahlen: LRW
** Regionalverbandswahl: RVW

'''2. Thesen vorbereiten'''

* Ladet die [https://germanzero.sharepoint.com/:x:/g/EZKrmq7YbQ5GteiS6e6vmKMBALWCzMHyFsX7IMT4qfW6ow?e=qaxcE1 Excel-Vorlage und Ideensammlung möglicher Thesen] herunter.
* Passt die Thesen entsprechend der für euren Wahlkreis relevanten Themen an. Denkt voraus und macht die Thesen zu verbindlichen Aussagen, an die ihr die Kandidierenden bzw. Parteien später erinnern könnt.
* Folgende Grunddateinamenstruktur verwenden wir "Thesenset_ORT_AbkürzungderWahlart"
* Wenn ihr Thesen umgeschrieben bzw. ergänzt habt, dann kontrolliert die potentiell rot hinterlegte Hilfszeilen sowie das "kann abgeschickt werden" Feld.
* Bitte beachtet dabei folgendes:
** Ich-Formulierung bei Personenwahlen und Wir-Formulierung bei Parlamentswahlen
** Klimapositiv formulieren (Zustimmmung soll im Sinne des Klimaschutzes sein)
** Bitte um 1 Satz pro These
** Es muss zu jeder These ein Thesenschlagwort mit max. 40 Zeichen geben
** Unsere ersten vier Thesen aus der Thesendatei werden für einen ortübergreifenden Vergleich der Kandidierenden bzw. Parteien immer gestellt
** Bei ähnlichen Thesen versuchen wir die Thesen zu standardisieren, um eine übergreifende Auswertung durch uns zu vereinfachen und größere Datenbasis zu schaffen
** Eine Theseneinreichung ist nur mit der Thesendatei möglich

'''3. Abfrage vorbereiten'''

* Schickt die von euch angepassten Thesen an [mailto:Wahlcheck@germanzero.de wahlcheck@germanzero.de].
* Das Wahlcheck-Team prüft, dann die Thesen auf die richtige Struktur.
* Vom Wahlcheck-Team bekommt ihr nach gemeinsamer Finalisierung einen Link zu einer Online-Abfrage mit den von euch angepassten Thesen, den ihr dann mit den Kandidierenden bzw. Parteien eures Wahlkreises teilt.
* Prüft den Link und die hinterlegten Thesen und wendet euch ggf. an [mailto:Wahlcheck@germanzero.de wahlcheck@germanzero.de]
* Bereitet in der Zwischenzeit eine Mail an die Kandidierenden eures Wahlkreises vor, in der ihr sie darum bittet über die Online-Abfrage Position zu den Thesen zu beziehen. Wir stellen euch eine [https://germanzero.sharepoint.com/:w:/g/EfmPZQGEiR9ItbQkZQfC8_ABrETH98f0iGYo9Cgu0Hd2Pw?e=5ZEahE Vorlage] zur Verfügung, die ihr nutzen könnt.
* Kommuniziert eine eindeutige Frist, bis zu der ihr eingegangene Rückmeldungen berücksichtigen werdet. Gebt den Kandidierenden rund eine Woche Zeit zu antworten und euch intern nochmal eine Woche für Nachhaken per Mail und / oder Telefon.

'''4. Abfrage verschicken'''

* Fügt den Link zur Online-Abfrage in die Mail ein und schickt sie jeweils einzeln an alle Kandidierenden bzw. Parteien eures Wahlkreises.
* Setzt uns mit wahlcheck@germanzero.de in cc, sodass für die Kandidierenden eure Verbindung zu dem Projekt direkt ersichtlich wird.
* Teilt mit dem Wahlcheck-Team die an die Kandidierenden oder Parteien kommunizierte Frist per Mail an [mailto:Wahlcheck@germanzero.de wahlcheck@germanzero.de]
* Schickt den Kandidierenden nach sieben Tagen eine freundliche Erinnerung – auch hier könnt ihr unsere [https://mitmachen-wiki.germanzero.org/wiki/images/7/7a/Entwurf_Erinnerung_Kandidierende_NRW.docx Vorlage] nutzen.

'''5. Wirkung planen'''

* Plant die Veröffentlichung des Wahlchecks für euren Wahlkreis mit mindestens zwei Tagen Abstand zur an die Kandidierenden kommunizierte Frist.
* Das Wahlcheck-Team wird euch einen Link zum Wahlcheck mit den Antworten eures Wahlkreises zukommen lassen. Solltet ihr den Link zur Vorbereitung von Veröffentlichungen bereits vor der kommunizierten Frist und Eingang aller Rückmeldungen benötigen, schreibt eine Mail an [mailto:Wahlcheck@germanzero.de wahlcheck@germanzero.de]
* Falls ihr einen kurzen Text über den Wahlrechner setzen wollt, dann ist das grundsätzlich möglich
* Bereitet die Veröffentlichung auf möglichst vielfältigen Wegen vor: '''Pressemitteilung ([[:Datei:Pressemitteilung Wahlcheck Version 1.docx|Version 1]], [[:Datei:Pressemitteilung NRW Wahlcheck Version 2.docx|Version 2]]) , Antworten diskutierender Zeitungsartikel, Marktstandsaktion, Leserbrief, Social Media, Plakate, Flyer, Anzeigen ...'''
* Überlegt wie ihr die Rückmeldungen aus dem Wahlcheck auch für eure weiteren Aktivitäten, wie beispielsweise einen Politikdialog oder Zeitungsartikel nutzen könnt. Inspiration für weitere Aktionen findet ihr [[LocalZero:Aktionen_zur_Kommunalwahl|hier]].
* Schaut in das bald veröffentlichte Aktionskit rein, ob hier etwas für euch dabei ist.
* Informiert uns bitte über Pressemitteilungen oder ähnlichem, denn darüber freuen wir uns natürlich auch sehr.
* [[Datei:Wahlcheck NRW Kommunalwahl Aktionskit V3.pdf|Ideen aus dem Aktionskit]]

'''6. Wahlcheck veröffentlichen'''

* Teilt den Wahlcheck für euren Wahlkreis. Euer Wahlcheck macht den Unterschied
* Mehr Ideen zu öffentlichkeitswirksamen Aktionen zum Thema Kommunalwahl findet ihr [[LocalZero:Aktionen_zur_Kommunalwahl|hier]].

'''7. Dabei bleiben'''

* Vernetzt euch mit anderen Engagierten von [https://localzero.net/mitmachen LocalZero] und [https://germanzero.de/mitmachen GermanZero].
* Werdet Teil des LocalZero-Netzwerks, um die Kandidierenden insbesondere nach einer erfolgreichen Wahl an ihre Aussagen zu erinnern.
* Folgt GermanZero auf Social Media ([https://www.instagram.com/_germanzero/ Instagram] und [https://www.linkedin.com/company/germanzero/ LinkedIn]).

===Aktuelles===

Ein Link zu den Sharepics, bzw. euren uns mitgeteilten Dokumenten stellen wir in Kürze hier online (schaut bitte die nächsten 1-2 Tage nochmal kurz rein)

'''Weiterführende Links:'''

[[LocalZero:Rechtsruck|Rechtsruck entgegentreten]]

{{DEFAULTSORT:LocalZero:LocalWahlrechner}}
[[Kategorie:Aktionen zu Wahlen]]
[[Kategorie:Politik]]

Benutzer:JeremiasE

2025-11-20T08:08:33Z

JeremiasE:

(Er/ihn; *geb. 24.02.1984 in Nürnberg, Bayern, Deutschland)
[[Datei:Jeremias Endres.jpg|verweis=link=https://wiki.germanzero.org/w/Datei:Jeremias_Endres.jpg|mini|Jeremias]]

== '''Zu meiner Person''' ==
'''Meine Mission bei GermanZero:'''

Ich setze mich dafür ein, lokale Akteur:innen zu stärken, Engagement zu erleichtern und Lösungen greifbar zu machen. Denn Klimaschutz wirkt dort am direktesten, wo er umgesetzt wird: in unseren Kommunen. Mein Ziel ist es, die richtigen Werkzeuge, Netzwerke und Strukturen zu schaffen, damit Veränderung vor Ort gelingt – und so den Wandel im Großen möglich macht.

'''Mein Hintergrund:'''

Ich wurde in Nürnberg geboren, verbrachte dort jedoch nur die ersten drei Jahre meines Lebens, bevor meine Eltern mit mir und meinem zwei Jahre älteren Bruder für zwei Jahre nach Nairobi, Kenia zogen. Nach unserer Rückkehr ließen wir uns im Schwäbischen, zwischen Karlsruhe und Pforzheim, nieder. Dort verbrachte ich den Großteil meiner Kindheit und Jugend und machte 2004 mein Abitur am Gymnasium Neuenbürg. Anfangs begann ich ein Studium des Chemieingenieurwesens am KIT, merkte jedoch schnell, dass meine Interessen doch woanders lagen. So führte mich mein Weg an die [https://www.hs-offenburg.de/ Hochschule Offenburg], wo ich „Irgendwas mit Medien“ studierte – konkret: einen Diplom-Ingenieur in Medien & Informationswesen sowie einen M.Sc. in Medien & Kommunikation. Obwohl die Studiengänge breit gefächert waren, entdeckte ich früh meine Leidenschaft für die Schnittstelle zwischen Gestaltung und Technik. Daraufhin spezialisierte ich mich in diesem Bereich und übernahm noch während meines Masterstudiums eine Assistenzstelle im Labor für Computernetze & Datenbanken. Zudem hielt ich als Dozent die Vorlesung „Mensch-Computer-Interaktion“. Gegen Ende meines Masterstudiums legte ich 2010 zwei Urlaubssemester ein, um in Neuseeland Work & Travel zu machen. Während meiner monotonen Arbeit am Fließband einer Fischfabrik kam mir die Idee für eine App zum Sammeln von Treuepunkten. Nach meiner Rückkehr nach Deutschland setzte ich diese Idee mit einem kleinen Gründungsteam um und überführte sie in ein Start-up, die Stickin AG, das mich die nächsten fünf Jahre nebenberuflich begleitete. Parallel dazu schrieb ich meine Masterarbeit und stieg nach meinem Abschluss als Screen- und Webdesigner bei der [https://avenit.de/ avenit AG], einer großen Internetagentur, ins Berufsleben ein.

Nach einigen Jahren in der Agenturwelt wuchs in mir der Wunsch, mehr Verantwortung zu übernehmen und aktiv mitzugestalten. 2013 wechselte ich daher zu ERGOWERK, einer auf Benutzeroberflächen spezialisierten Agentur, zunächst als UX Designer, später als COO. Dort konnte ich meine Leidenschaft für nutzerzentriertes Design mit strategischer Unternehmensentwicklung verbinden und war bis 2019 maßgeblich an der Weiterentwicklung des Unternehmens beteiligt. Doch mit der Zeit stellte ich mir die Frage: Ist das wirklich der Weg, den ich langfristig gehen will? Möchte ich wirklich nur dafür arbeiten, damit Unternehmen noch effizienter arbeiten können, um mehr Profit zu erwirtschaften? Um das herauszufinden, fasste ich einen radikalen Entschluss – ich stieg aus dem Job aus und machte mich mit meiner Freundin und unseren zwei Hunden auf eine Europareise im Bulli. Die Monate unterwegs gaben mir die Gelegenheit, Abstand zu gewinnen, mich neu zu orientieren und tiefgehend zu reflektieren, was mir im Beruf wirklich wichtig ist. Während der Corona-Zeit landeten wir schließlich über Umwege in Brandenburg, wo ich mich in einem Coworking-Projekt als Community Manager engagierte. Dort kam ich zum ersten Mal intensiv mit Menschen aus der Berliner Impact-Bubble in Kontakt – eine Welt, die mich faszinierte, und in die ich tiefer einsteigen wollte. Dabei habe ich gemerkt, dass mir durch meine eher konservative Berufs-Sozialisierung in Baden-Württemberg Role-Models gefehlt haben, die mir zeigten, dass man auch Beruf und positiven Impact miteinander verknüpfen kann. Ich versuchte mich dann zunächst als freiberuflicher UX Designer für Impact-Unternehmen, stellte jedoch schnell fest, dass mir das Netzwerk und der tiefere Einblick in die Szene fehlten, um nachhaltig Fuß zu fassen.

Um das zu ändern, entschied ich mich für das OnPurpose-Programm in Berlin. Darüber kam ich schließlich zur Albert Schweitzer Stiftung für unsere Mitwelt, wo ich drei Jahre lang in verschiedenen Positionen unternehmensgerichtete Tierschutzarbeit leistete. Eine spannende und sinnstiftende Zeit, die mich selbst beruflich und privat sehr weitergebracht hat. Als sich die Stiftung strategisch neu ausrichtete, fragte ich mich erneut, wo ich meine Fähigkeiten am sinnvollsten einsetzen kann. Ich wollte wieder stärker meine UX-Skills nutzen, aber weiterhin für eine gesellschaftlich relevante Sache arbeiten. So kam es, dass ich mich bei GermanZero als Produktmanager LocalZero bewarb – und der Rest ist Geschichte.

'''Persönliches:'''

Inzwischen lebe ich mit meiner Freundin und zwei Tierschutz-Hunden und einem Pferd in einem 200-Seelen-Dorf in der Nähe von Luckenwalde in Südbrandenburg - und versuche damit u.a., dem unerträglichen Rechtsruck entgegenzuwirken. Ich bin gerne mit den Hundis in der Natur unterwegs, baue zur Zeit einen Transporter zum Camper aus und bin auch gerne und viel unterwegs, da sich unser Social Life nicht vorwiegend hier im Dorf abspielt. Ansonsten koche ich sehr gerne (ausschließlich vegan) und schnappe mir gerne die Gitarre - oder auch ein Klavier, wenn es irgendwo eines gibt.

== Kontakt ==
'''E-Mail''' [mailto:jeremias.endres@germanzero.de jeremias.endres@germanzero.de]

'''Telefon''' '''(Mobil, Privat)''' +49 176 201 266 92

== Kommunikationsvorlieben & Arbeitszeiten ==
'''Präsenz:'''

Ich versuche, trotz 110 min Anfahrt, einmal in der Woche im GermanZero Büro in Berlin zu sein. Der Dienstag scheint mir dabei als günstig, um möglichst viele Menschen im Büro anzutreffen.

'''Arbeitszeit:'''

* 32 h / Woche, aktuell verteile diese auf vier Arbeitstage (Mo - Do)

'''Sonstiges:'''

* Ich freue mich immer über einen Kaffee-Plausch, egal ob digital oder in Person.

== Zuständigkeiten & Vertretungsregeln ==
'''Zuständig für:'''

* Betreuung und Weiterentwicklung der digitalen Tools und Produkte von LocalZero
* Gesamt-IT Organisation (temporär)

Datei:Jeremias Endres.jpg

2025-11-20T08:08:21Z

JeremiasE:

Portrait-Foto von Jeremias Endres

Benutzer:JeremiasE

2025-11-20T08:07:32Z

JeremiasE: Die Seite wurde neu angelegt: „(Er/ihn; *geb. 24.02.1984 in Nürnberg, Bayern, Deutschland) Headshot v. Jeremias == '''Zu meiner Person''' == '''Meine Mission bei GermanZero:''' Ich setze mich dafür ein, lokale Akteur:innen zu stärken, Engagement zu erleichtern und Lösungen greifbar zu machen. Denn Klimaschutz wirkt dort am direktesten, wo er umgesetzt wird: in unseren Kommunen. Mein…“

(Er/ihn; *geb. 24.02.1984 in Nürnberg, Bayern, Deutschland)
[[Datei:Jeremias_Endres.jpg|verweis=https://wiki.germanzero.org/w/Datei:Jeremias_Endres.jpg|mini|Headshot v. Jeremias]]

== '''Zu meiner Person''' ==
'''Meine Mission bei GermanZero:'''

Ich setze mich dafür ein, lokale Akteur:innen zu stärken, Engagement zu erleichtern und Lösungen greifbar zu machen. Denn Klimaschutz wirkt dort am direktesten, wo er umgesetzt wird: in unseren Kommunen. Mein Ziel ist es, die richtigen Werkzeuge, Netzwerke und Strukturen zu schaffen, damit Veränderung vor Ort gelingt – und so den Wandel im Großen möglich macht.

'''Mein Hintergrund:'''

Ich wurde in Nürnberg geboren, verbrachte dort jedoch nur die ersten drei Jahre meines Lebens, bevor meine Eltern mit mir und meinem zwei Jahre älteren Bruder für zwei Jahre nach Nairobi, Kenia zogen. Nach unserer Rückkehr ließen wir uns im Schwäbischen, zwischen Karlsruhe und Pforzheim, nieder. Dort verbrachte ich den Großteil meiner Kindheit und Jugend und machte 2004 mein Abitur am Gymnasium Neuenbürg. Anfangs begann ich ein Studium des Chemieingenieurwesens am KIT, merkte jedoch schnell, dass meine Interessen doch woanders lagen. So führte mich mein Weg an die [https://www.hs-offenburg.de/ Hochschule Offenburg], wo ich „Irgendwas mit Medien“ studierte – konkret: einen Diplom-Ingenieur in Medien & Informationswesen sowie einen M.Sc. in Medien & Kommunikation. Obwohl die Studiengänge breit gefächert waren, entdeckte ich früh meine Leidenschaft für die Schnittstelle zwischen Gestaltung und Technik. Daraufhin spezialisierte ich mich in diesem Bereich und übernahm noch während meines Masterstudiums eine Assistenzstelle im Labor für Computernetze & Datenbanken. Zudem hielt ich als Dozent die Vorlesung „Mensch-Computer-Interaktion“. Gegen Ende meines Masterstudiums legte ich 2010 zwei Urlaubssemester ein, um in Neuseeland Work & Travel zu machen. Während meiner monotonen Arbeit am Fließband einer Fischfabrik kam mir die Idee für eine App zum Sammeln von Treuepunkten. Nach meiner Rückkehr nach Deutschland setzte ich diese Idee mit einem kleinen Gründungsteam um und überführte sie in ein Start-up, die Stickin AG, das mich die nächsten fünf Jahre nebenberuflich begleitete. Parallel dazu schrieb ich meine Masterarbeit und stieg nach meinem Abschluss als Screen- und Webdesigner bei der [https://avenit.de/ avenit AG], einer großen Internetagentur, ins Berufsleben ein.

Nach einigen Jahren in der Agenturwelt wuchs in mir der Wunsch, mehr Verantwortung zu übernehmen und aktiv mitzugestalten. 2013 wechselte ich daher zu ERGOWERK, einer auf Benutzeroberflächen spezialisierten Agentur, zunächst als UX Designer, später als COO. Dort konnte ich meine Leidenschaft für nutzerzentriertes Design mit strategischer Unternehmensentwicklung verbinden und war bis 2019 maßgeblich an der Weiterentwicklung des Unternehmens beteiligt. Doch mit der Zeit stellte ich mir die Frage: Ist das wirklich der Weg, den ich langfristig gehen will? Möchte ich wirklich nur dafür arbeiten, damit Unternehmen noch effizienter arbeiten können, um mehr Profit zu erwirtschaften? Um das herauszufinden, fasste ich einen radikalen Entschluss – ich stieg aus dem Job aus und machte mich mit meiner Freundin und unseren zwei Hunden auf eine Europareise im Bulli. Die Monate unterwegs gaben mir die Gelegenheit, Abstand zu gewinnen, mich neu zu orientieren und tiefgehend zu reflektieren, was mir im Beruf wirklich wichtig ist. Während der Corona-Zeit landeten wir schließlich über Umwege in Brandenburg, wo ich mich in einem Coworking-Projekt als Community Manager engagierte. Dort kam ich zum ersten Mal intensiv mit Menschen aus der Berliner Impact-Bubble in Kontakt – eine Welt, die mich faszinierte, und in die ich tiefer einsteigen wollte. Dabei habe ich gemerkt, dass mir durch meine eher konservative Berufs-Sozialisierung in Baden-Württemberg Role-Models gefehlt haben, die mir zeigten, dass man auch Beruf und positiven Impact miteinander verknüpfen kann. Ich versuchte mich dann zunächst als freiberuflicher UX Designer für Impact-Unternehmen, stellte jedoch schnell fest, dass mir das Netzwerk und der tiefere Einblick in die Szene fehlten, um nachhaltig Fuß zu fassen.

Um das zu ändern, entschied ich mich für das OnPurpose-Programm in Berlin. Darüber kam ich schließlich zur Albert Schweitzer Stiftung für unsere Mitwelt, wo ich drei Jahre lang in verschiedenen Positionen unternehmensgerichtete Tierschutzarbeit leistete. Eine spannende und sinnstiftende Zeit, die mich selbst beruflich und privat sehr weitergebracht hat. Als sich die Stiftung strategisch neu ausrichtete, fragte ich mich erneut, wo ich meine Fähigkeiten am sinnvollsten einsetzen kann. Ich wollte wieder stärker meine UX-Skills nutzen, aber weiterhin für eine gesellschaftlich relevante Sache arbeiten. So kam es, dass ich mich bei GermanZero als Produktmanager LocalZero bewarb – und der Rest ist Geschichte.

'''Persönliches:'''

Inzwischen lebe ich mit meiner Freundin und zwei Tierschutz-Hunden und einem Pferd in einem 200-Seelen-Dorf in der Nähe von Luckenwalde in Südbrandenburg - und versuche damit u.a., dem unerträglichen Rechtsruck entgegenzuwirken. Ich bin gerne mit den Hundis in der Natur unterwegs, baue zur Zeit einen Transporter zum Camper aus und bin auch gerne und viel unterwegs, da sich unser Social Life nicht vorwiegend hier im Dorf abspielt. Ansonsten koche ich sehr gerne (ausschließlich vegan) und schnappe mir gerne die Gitarre - oder auch ein Klavier, wenn es irgendwo eines gibt.

== Kontakt ==
'''E-Mail''' [mailto:jeremias.endres@germanzero.de jeremias.endres@germanzero.de]

'''Telefon''' '''(Mobil, Privat)''' +49 176 201 266 92

== Kommunikationsvorlieben & Arbeitszeiten ==
'''Präsenz:'''

Ich versuche, trotz 110 min Anfahrt, einmal in der Woche im GermanZero Büro in Berlin zu sein. Der Dienstag scheint mir dabei als günstig, um möglichst viele Menschen im Büro anzutreffen.

'''Arbeitszeit:'''

* 32 h / Woche, aktuell verteile diese auf vier Arbeitstage (Mo - Do)

'''Sonstiges:'''

* Ich freue mich immer über einen Kaffee-Plausch, egal ob digital oder in Person.

== Zuständigkeiten & Vertretungsregeln ==
'''Zuständig für:'''

* Betreuung und Weiterentwicklung der digitalen Tools und Produkte von LocalZero
* Gesamt-IT Organisation (temporär)

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T12:30:23Z

JeremiasE:

'''💛Dies ist ein Protokoll einer Session vom [[LocalZero:Bundestreffen 2025|Bundestreffen 2025]]💛'''
====Vorankündigung/Teaser:====
Ob Klimavision, LocalMonitoring oder Klimaweg.net – unsere Tools sind das digitale Rückgrat der LocalZero-Bewegung. In dieser Session wollen wir mit allen IT-Interessierten und -Aktiven gemeinsam in die strategische Planung einsteigen: Wo stehen wir gerade mit unseren Tools? Wo wollen wir hin? Und wie schaffen wir es, Wirkung, technische Qualität und Community-Bedürfnisse noch besser zusammenzubringen?

Bring deine Perspektive, dein Wissen und deine Ideen ein – diese Session ist der Auftakt für unsere gemeinsame IT-Zukunft bei LocalZero.

====Sprecher:in:====
Jeremias Endres, Produktmanager LocalZero

====Präsentation====
[[Datei:Präsi Bundestreffen IT-Session PDF.pdf|ohne|gerahmt]]

====Zusammenfassung:====

# Bestandsaufnahme existierender digitaler Angebote bei LocalZero
## Mitmachen Wiki
## Klimavision
## Klimaweg
## Top-Maßnahmen
## LocalMonitoring
## WahlCheck
## WärmeGuide
## ...
# Vision für die digitalen Angebote von LocalZero: eine Plattform, die alle digitalen Angebote vereint
# Kleingruppenarbeit
## Leitfragen:
##* Nutzer:innen-Perspektive: Was muss die Plattform können? Stellt euch vor, ihr seid ein Mitglied in einem Lokalteam. Welche drei Funktionen, Informationen oder andere Angebote auf einer digitalen Plattform würden euch am meisten bei eurer Arbeit unterstützen?
##* Integrations-Perspektive: Wie wächst alles zusammen? Wie können wir unsere bestehenden Tools und Angebote am schlausten miteinander verknüpfen? Wo seht ihr die größten Synergien?
##* Umsetzungs-Perspektive: Wie starten wir? Was könnte ein realistischer, allererster Schritt ("Quick Win") in den nächsten 3 Monaten sein, um unsere Angebote zu verbessern? Was benötigen wir, um Schritte in Richtung einer Klimaaktions-Plattform gehen zu können?
## Ergebnisse
##*siehe Bild[[Datei:Ergebnisse.jpg|mini|ohne]]
# Next Steps
#* Arbeits-Teams verstärken
#** LocalMonitoring
#** WahlCheck
#* Quick Wins identifizieren und umsetzen
#* Taskforce „Plattformschmiede“ bilden
#* Finanzierung sicherstellen
#* Kooperationen umsetzen
#* Agile Entwicklung starten

====Weiterführende Links:====
[https://forms.office.com/Pages/ResponsePage.aspx?id=Pa0kv4QHVEKZDE5cMTyyEhhCuL8fB61MiAx0vmNRr3VUNllIV1AwMkRHNE9JNTk0T0YwWko5TFkwOS4u Link zur Umfrage - Wer möchte an der Vision mitwirken?]

[[LocalZero:Bundestreffen 2025|Zurück zu Bundestreffen 2025]]
[[Kategorie:Bundestreffen 2025]]

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T12:26:52Z

JeremiasE:

'''💛Dies ist ein Protokoll einer Session vom [[LocalZero:Bundestreffen 2025|Bundestreffen 2025]]💛'''
====Vorankündigung/Teaser:====
Ob Klimavision, LocalMonitoring oder Klimaweg.net – unsere Tools sind das digitale Rückgrat der LocalZero-Bewegung. In dieser Session wollen wir mit allen IT-Interessierten und -Aktiven gemeinsam in die strategische Planung einsteigen: Wo stehen wir gerade mit unseren Tools? Wo wollen wir hin? Und wie schaffen wir es, Wirkung, technische Qualität und Community-Bedürfnisse noch besser zusammenzubringen?

Bring deine Perspektive, dein Wissen und deine Ideen ein – diese Session ist der Auftakt für unsere gemeinsame IT-Zukunft bei LocalZero.

====Sprecher:in:====
Jeremias Endres, Produktmanager LocalZero

====Präsentation====
[[Datei:Präsi Bundestreffen IT-Session PDF.pdf|ohne|gerahmt]]

====Zusammenfassung:====

# Bestandsaufnahme existierender digitaler Angebote bei LocalZero
## Mitmachen Wiki
## Klimavision
## Klimaweg
## Top-Maßnahmen
## LocalMonitoring
## WahlCheck
## WärmeGuide
## ...
# Vision für die digitalen Angebote von LocalZero: eine Plattform, die alle digitalen Angebote vereint
# Kleingruppenarbeit
## Leitfragen:
##* Nutzer:innen-Perspektive: Was muss die Plattform können? Stellt euch vor, ihr seid ein Mitglied in einem Lokalteam. Welche drei Funktionen, Informationen oder andere Angebote auf einer digitalen Plattform würden euch am meisten bei eurer Arbeit unterstützen?
##* Integrations-Perspektive: Wie wächst alles zusammen? Wie können wir unsere bestehenden Tools und Angebote am schlausten miteinander verknüpfen? Wo seht ihr die größten Synergien?
##* Umsetzungs-Perspektive: Wie starten wir? Was könnte ein realistischer, allererster Schritt ("Quick Win") in den nächsten 3 Monaten sein, um unsere Angebote zu verbessern? Was benötigen wir, um Schritte in Richtung einer Klimaaktions-Plattform gehen zu können?
## Ergebnisse
##*siehe Bild[[Datei:Ergebnisse.jpg|mini|ohne]]
# Next Steps
#* Arbeits-Teams verstärken
#** LocalMonitoring
#** WahlCheck
#* Quick Wins identifizieren und umsetzen
#* Taskforce „Plattformschmiede“ bilden
#* Finanzierung sicherstellen
#* Kooperationen umsetzen
#* Agile Entwicklung starten

====Weiterführende Links:====
einfügen

[[LocalZero:Bundestreffen 2025|Zurück zu Bundestreffen 2025]]
[[Kategorie:Bundestreffen 2025]]

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T12:25:16Z

JeremiasE: /* Zusammenfassung: */

'''💛Dies ist ein Protokoll einer Session vom [[LocalZero:Bundestreffen 2025|Bundestreffen 2025]]💛'''
====Vorankündigung/Teaser:====
Ob Klimavision, LocalMonitoring oder Klimaweg.net – unsere Tools sind das digitale Rückgrat der LocalZero-Bewegung. In dieser Session wollen wir mit allen IT-Interessierten und -Aktiven gemeinsam in die strategische Planung einsteigen: Wo stehen wir gerade mit unseren Tools? Wo wollen wir hin? Und wie schaffen wir es, Wirkung, technische Qualität und Community-Bedürfnisse noch besser zusammenzubringen?

Bring deine Perspektive, dein Wissen und deine Ideen ein – diese Session ist der Auftakt für unsere gemeinsame IT-Zukunft bei LocalZero.

====Sprecher:in:====
Jeremias Endres, Produktmanager LocalZero

====Präsentation====
[[Datei:Präsi Bundestreffen IT-Session PDF.pdf|mini]]

====Zusammenfassung:====

# Bestandsaufnahme existierender digitaler Angebote bei LocalZero
## Mitmachen Wiki
## Klimavision
## Klimaweg
## Top-Maßnahmen
## LocalMonitoring
## WahlCheck
## WärmeGuide
## ...
# Vision für die digitalen Angebote von LocalZero: eine Plattform, die alle digitalen Angebote vereint
# Kleingruppenarbeit
## Leitfragen:
##* Nutzer:innen-Perspektive: Was muss die Plattform können? Stellt euch vor, ihr seid ein Mitglied in einem Lokalteam. Welche drei Funktionen, Informationen oder andere Angebote auf einer digitalen Plattform würden euch am meisten bei eurer Arbeit unterstützen?
##* Integrations-Perspektive: Wie wächst alles zusammen? Wie können wir unsere bestehenden Tools und Angebote am schlausten miteinander verknüpfen? Wo seht ihr die größten Synergien?
##* Umsetzungs-Perspektive: Wie starten wir? Was könnte ein realistischer, allererster Schritt ("Quick Win") in den nächsten 3 Monaten sein, um unsere Angebote zu verbessern? Was benötigen wir, um Schritte in Richtung einer Klimaaktions-Plattform gehen zu können?
## Ergebnisse
##* [[Datei:Ergebnisse.jpg|mini]]
# Next Steps
#* TBD

====Weiterführende Links:====
einfügen

[[LocalZero:Bundestreffen 2025|Zurück zu Bundestreffen 2025]]
[[Kategorie:Bundestreffen 2025]]

Datei:Ergebnisse.jpg

2025-09-22T12:25:04Z

JeremiasE:

Ergebnisse der Kleingruppenarbeit

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T09:57:18Z

JeremiasE: /* Zusammenfassung: */

'''💛Dies ist ein Protokoll einer Session vom [[LocalZero:Bundestreffen 2025|Bundestreffen 2025]]💛'''
====Vorankündigung/Teaser:====
Ob Klimavision, LocalMonitoring oder Klimaweg.net – unsere Tools sind das digitale Rückgrat der LocalZero-Bewegung. In dieser Session wollen wir mit allen IT-Interessierten und -Aktiven gemeinsam in die strategische Planung einsteigen: Wo stehen wir gerade mit unseren Tools? Wo wollen wir hin? Und wie schaffen wir es, Wirkung, technische Qualität und Community-Bedürfnisse noch besser zusammenzubringen?

Bring deine Perspektive, dein Wissen und deine Ideen ein – diese Session ist der Auftakt für unsere gemeinsame IT-Zukunft bei LocalZero.

====Sprecher:in:====
Jeremias Endres, Produktmanager LocalZero

====Präsentation====
[[Datei:Präsi Bundestreffen IT-Session PDF.pdf|mini]]

====Zusammenfassung:====

# Bestandsaufnahme existierender digitaler Angebote bei LocalZero
## Mitmachen Wiki
## Klimavision
## Klimaweg
## Top-Maßnahmen
## LocalMonitoring
## WahlCheck
## WärmeGuide
## ...
# Vision für die digitalen Angebote von LocalZero: eine Plattform, die alle digitalen Angebote vereint
# Kleingruppenarbeit
## Leitfragen:
##* Nutzer:innen-Perspektive: Was muss die Plattform können? Stellt euch vor, ihr seid ein Mitglied in einem Lokalteam. Welche drei Funktionen, Informationen oder andere Angebote auf einer digitalen Plattform würden euch am meisten bei eurer Arbeit unterstützen?
##* Integrations-Perspektive: Wie wächst alles zusammen? Wie können wir unsere bestehenden Tools und Angebote am schlausten miteinander verknüpfen? Wo seht ihr die größten Synergien?
##* Umsetzungs-Perspektive: Wie starten wir? Was könnte ein realistischer, allererster Schritt ("Quick Win") in den nächsten 3 Monaten sein, um unsere Angebote zu verbessern? Was benötigen wir, um Schritte in Richtung einer Klimaaktions-Plattform gehen zu können?
## Ergebnisse
##* TBD
# Next Steps
#* TBD

====Weiterführende Links:====
einfügen

[[LocalZero:Bundestreffen 2025|Zurück zu Bundestreffen 2025]]
[[Kategorie:Bundestreffen 2025]]

Datei:Gruppe 1.jpg

2025-09-22T09:56:47Z

JeremiasE:

Ergebnisse Gruppe 1

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T09:51:24Z

JeremiasE: /* Präsentation */

Datei:Präsi Bundestreffen IT-Session PDF.pdf

2025-09-22T09:50:23Z

JeremiasE:

Präsentation zur Session LocalZero Tech & Tools

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-22T09:49:17Z

JeremiasE:

LocalZero:LocalZero Tech & Tools - Strategie-Session

2025-09-21T10:26:50Z

JeremiasE: /* Präsentation / Hand-Out / Skript */

Datei:Präsi Bundestreffen IT-Session.pptx

2025-09-21T10:19:48Z

JeremiasE:

Präsentation vom Bundestreffen

LocalZero:Bundestreffen 2025

2025-08-18T08:54:23Z

JeremiasE: /* Wie funktioniert das Treffen? */

Diese Seite ist (besonders im Bereich Zeitplan) noch in Bearbeitung!
==Das LocalZero-Wochenende==

Unsere vergangenen [[LocalZero:Bundestreffen|Bundestreffen]] waren unvergessliche Erlebnisse! 2025 findet das Treffen für alle Aktiven bei LocalZero vom 19. -21. September 2025 in [https://www.jugendherberge.de/jugendherbergen/hannover/tagen/ Hannover] statt und wir freuen uns sehr, dich dazu einladen zu können. Dafür ein herzliches Danke an die vielen GermanZero- und [https://localzero.net/jetzt-spenden LocalZero-Spender:innen!]

'''In Hannover gibt's neue Formate mit vorbereiteten Workshops und Vorträgen.'''
[[Datei:DSC4698.jpg|mini|Bundestreffen 2024 in Halle]]
[https://localzero.net/lokalteams/termine/bundestreffen-2025 '''Du kannst dich schon einmal anmelden.'''] Wir freuen uns, wenn die Teilnehmerzahl jedes Mal größer wird...

Es wird ein Wochenende voller

*Input und Empowerment
*Gemeinschaft
*Self Care

Denn: Immer mehr Lokalteams werden starke Akteure für Planung, Umsetzung und Monitoring von Klimaneutralitätsmaßnahmen vor Ort – und die Zentrale unterstützt sie dabei. LocalZero wird ein Umsetzungsnetzwerk. Dafür müssen wir ganz viel lernen – voneinander und von anderen. Am besten auf dem Bundestreffen 2025 in Hannover!

==Der Zeitplan==
<div style="text-align:center;border:medium solid #FFC90D;border-width:medium;padding: 0.5em;background-color: #fff9e5;border-radius: 15px;-moz-border-radius: 15px;font-size:1.2em;">In jeder Veranstaltung findest Du einen Link zu der entsprechenden Seite mit einem Teaser und Informationen, auf die Du Dich freuen kannst. Klicke einfach auf den Titel der Veranstaltung.</div>
===Freitag, 19.09.2025===
[[Datei:Legende.png|rechts|rahmenlos|Legende]]
{| class="wikitable"
!Slot
!Zeit
!Details
!Ort
|-
|
|
|
|
|-
|''// Vorbereitung''
|''Ab 16:00''
|
|
|-
|Ankommen (Anmeldung & Gepäck abstellen)
|Ab 17:00
|
|
|-
| style="background-color: #FFC80C;" |Willkommen & Plan für Freitag vorstellen
|17:45-18:00
|
|
|-
|Abendessen
|18:00-19:00
|
|
|-
|Start in den Abend & Plan für das Wochenende
|19:00-19:15
|
|
|-
|Wilkommen & Ausblick 2025
|19:15-19:30
|
|
|-
| style="background-color: #00AED8;" |KeyNote aus der Praxis
|19:30-20:15
|
|
|-
| Pause
|20:15-20:30
|
|
|-
| style="background-color: #011633; color:white" |Kennenlernen
|20:30-21:30
|
|
|-
| Freizeit
|Ab 21:30
|
|
|}

===Samstag, 20.09.2025===
{| class="wikitable"
! width="9%" |Slot
! width="6%" |Zeit
! width="17%" |Als Team durchstarten:
Projekte groß machen
! width="17%" |Schlüsselsektoren stärken und Akteure vernetzen
! width="17%" |Klimaschutz und Demokratie zusammendenken
|-
|Frühsport
|7:30
| colspan="3" |
|-
| Frühstück
|7:00-9:00
| colspan="3" |
|-
| style="background-color: #00AED8; " |Gemeinsamer Tagesstart
|9:00-9:15
| colspan="3" |Begrüßung durch Anja Ritschel, Wirtschafts- und Umweltdezernentin Hannover
|-
| style="background-color: #FFC80C; " |Updates aus der Zentrale
|9:15-9:45
| colspan="3" |
|-
|Gruppenfoto
|9:45-10:00
| colspan="3" |
|-
| Pause
| 10:00-10:15
| colspan="3" |
|-
| style="background-color: #A3D869; " |Sessions 1
|10:15-11:45
|'''[[LocalZero:„Was wirkt – und was nicht?“ - Spannungen, Paradigmen und Kräfte im kommunalen Klimaschutz|„Was wirkt – und was nicht?“ - Spannungen, Paradigmen und Kräfte im kommunalen Klimaschutz]]'''
Christoph Schösser

''Doktorand Uni Kassel in der transdisziplinären Nachhaltigkeitsforschung''
|'''[[LocalZero:Schluss mit langer Leitung - Wärmeversorgung lokal, transparent, erneuerbar|Schluss mit langer Leitung - Wärmeversorgung lokal, transparent, erneuerbar]]'''
Esther Fischer, ''Geschäftsführerin LEA e.V. &''

Franziska Buch, Campaignerin

|'''[[LocalZero:Kleiner Fünf - Workshop zu radikal höflicher Gesprächsführung|Kleiner Fünf - Workshop zu radikal höflicher Gesprächsführung]]'''
Hannah Prawitz & Matthes Fürst

''Engagierte bei Tadel Verpflichtet e.V. / Kleiner Fünf''
|-
|Pause
|11:45-12:00
| colspan="3" |
|-
|Mittagspause
|12:00-13:15
| colspan="3" |
|-
|Spaziergang
|13:15-14:30
| colspan="3" |
|-
|Pause
|14:30-14:45
|
|
|
|-
| style="background-color: #A3D869; " |Session 2
| 14:45-15:45
|'''[[LocalZero:Vision GermanZero|Vision GermanZero]]'''
Michael Schäfer

''Geschäftsführer GermanZero e.V.''

|'''[[LocalZero:Von der Idee zur Aktion: Klimaschutz kommunizieren|Von der Idee zur Aktion: Klimaschutz kommunizieren]]'''
Stephanie Winkler & Stella Eick

''GermanZero Kommunikationsteam''
|'''[[LocalZero:Demokratie mitgestalten: Bürgerräte|Demokratie mitgestalten: Bürgerräte]]'''
Martin Coordes

''Ehemaliges Mitglied "Bürgerrat Demokratie"''
|-
|Pause
|15:45-16:00
| colspan="3" |
|-
| style="background-color: #A3D869; " |Session 3
|16:00-16:45
|'''[[LocalZero:Fit für die Wärmewende mit dem LZ WärmeGuide für Kommunen|Fit für die Wärmewende mit dem LZ WärmeGuide für Kommunen]]'''
Johannes Hofmann

''Referent kommunale Klimaneutralität''
|'''[[LocalZero:Klimaweisen-Rat Hannover - Organisation, Praxisbeispiele und Erfahrungsbericht|Klimaweisen-Rat Hannover - Organisation, Praxisbeispiele und Erfahrungsbericht]]'''
Prof. Dr.-Ing. Lars-Oliver Gusig und Dr. Florian Oppermann

''Teil des Klimaweisen-Rats''
|'''[[LocalZero:GermanZero Bundesebene – Klimaschutz braucht Finanzierung!|GermanZero Bundesebene – Klimaschutz braucht Finanzierung!]]'''
Xenia Gomm

''Referentin Klimafinanzierung''
|-
|Pause
|16:45-17:00
| colspan="3" |
|-
| style="background-color: #011633; color:white" |Blitzlichter
|17:00-18:00
|
| colspan="2" |
|-
|Abendessen
|18:00-19:00
| colspan="3" |
|-
|style="background-color: #FFC80C; |Start in den Abend
|19:00-19:15
|
|
|
|-
| style="background-color: #011633; color:white" |Abendprogramm
|19:15-21:00
| colspan="3" |
|-
|Abendausklang
|ab 21:00
| colspan="3" |
|}

===Sonntag, 21.09.2025===
{| class="wikitable"
! width="9%" | Slot
! width="6%" |Zeit
! width="17%" |Als Team durchstarten:
Projekte groß machen
! width="17%" |Schlüsselsektoren stärken und Akteure vernetzen
! width="17%" |Klimaschutz und Demokratie zusammendenken
|-
| Frühstück & Auschecken
|7:00-9:00
| colspan="3" |
|-
| style="background-color: #FFC80C;" |Gemeinsamer Tagesstart
|9:00-9:15
| colspan="3" |
|-
|Pause
|9:15-9:30
| colspan="3" |
|-
| style="background-color: #A3D869;" |Sessions 4
|9:30-10:15
|'''[[LocalZero:Strom: Althergebrachtes, aktuelle Herausforderungen, Zukunftsmusik|Strom: Althergebrachtes, aktuelle Herausforderungen, Zukunftsmusik]]'''
Gerd Heusel

''Lokalteammitglied Bad Hersfeld''
| colspan="2" |'''[[LocalZero:Teamprojekte und ihre Erfolgsstrategien|Teamprojekte und ihre Erfolgsstrategien]]'''
Mitglieder verschiedener Lokalteams
|-
|Pause
|10:15-10:30
| colspan="3" |
|-
| style="background-color: #A3D869;" |Sessions 5
|10:30-11:30

|'''[[LocalZero:Kommunale Klimaschutzmaßnahmen kreativ finanzieren|Kommunale Klimaschutzmaßnahmen kreativ finanzieren]]'''
'''inkl. Vorstellung der LZ Top-Maßnahmen'''

Ulrike Lenz

''Klimaschutzmanagerin LocalZero''
|'''[[LocalZero:LocalZero Tech & Tools - Strategie-Session|LocalZero Tech & Tools - Strategie-Session]]'''
'''für alle IT-Aktiven und Interessierten'''

Jeremias Endres

''Produktmanager LocalZero''
|'''[[LocalZero:Raum der Gefühle Bundestreffen 25|Raum der Gefühle]]'''
Lara Küschner

''Gründerin vom Raum der Gefühle''
|-
|Pause
|11:30-11:45
| colspan="3" |
|-
| style="background-color: #FFC80C;" | Gemeinsamer Abschluss
|11:45-12:15
| colspan="3" |
|-
|Mittagessen
|12:15-13:30
|
|
|
|-
|Schluss & Aufräumen
|14:00
| colspan="3" |
|}

== Awareness==
Um sicherzustellen dass das Bundestreffen ein Safe-Space für alle ist, wird auch dieses Mal ein Awarenessteam vor Ort sein, mehr dazu und zu unsere Fürsorgekonzept findest du [https://mitmachen-wiki.germanzero.org/w/LocalZero:Awareness-Team hier].

==Eckdaten und Highlights==
*'''Die Unterkunft:''' In der Jugendherberge Hannover sind wir in 3- und 4-Bettzimmern untergebracht, diesmal stehen leider keine Einzel- und Zweibettzimmer zur Verfügung. Wenn du es bevorzugst, dir selbst eine Unterkunft zu besorgen, gib das einfach bei deiner Anmeldung an. Dann wissen wir, dass wir kein Bett für dich reservieren müssen.
*'''Wichtig''': Falls sich deine Pläne ändern und du doch nicht teilnehmen kannst: Bitte melde dich so früh wie möglich unter [Mailto:localzeroevents@germanzero.de localzeroevents@germanzero.de] ab, damit wir deinen Platz anderweitig vergeben können.
*'''Dokumentation im Wiki''': Ihr werdet mit einer Riesenmenge Informationen nach Hause gehen, interessante Referent:innen geben Euch Input in Workshops oder Sessions! Wir bereiten die Resultate im Anschluss in unserem [[LocalZero:Bundestreffen 2025|Wiki]] auf, sodass sie für alle als Wissensbasis zur Verfügung stehen und alle etwas davon haben.
*'''Verpflegung''': ist vegan und vegetarisch - wir bekommen Vollpension. Allergien und Unverträglichkeiten bitte in der Anmeldung vermerken.
*'''Teilnehmerzahl:''' Maximal 100 Personen
*'''Kinderzeit?''': Sagt Bescheid, ob ihr Eure Kinder mitbringt, dann organisieren wir einen Rückzugs- / Spielraum vor Ort. Eine Kinderbetreuung planen wir derzeit nicht, falls Bedarf besteht, können wir gerne mit Euch zusammen Lösungen überlegen!
*'''Kosten:''' Mahlzeiten, Unterkunft in Mehrbettzimmern und Programm sind für dich komplett kostenlos. Nur die Anreise musst du selbst übernehmen – und selbst dafür haben wir ein kleines Budget für Menschen, für die das finanziell herausfordernd ist (Dafür einfach eine kurze Mail an [Mailto:localzeroevents@germanzero.de localzeroevents@germanzero.de]] schreiben).
*'''Spenden''': Wie letztes Jahr könnt ihr gerne für das Bundestreffen spenden: [https://spenden.twingle.de/germanzero-e-v/bundestreffen-2024/tw65378811954be/page Hier spenden].
*'''Netzwerke:''' Ihr werdet viele tolle, gleichgesinnte Menschen und deren Ideen kennenlernen.
*'''Bilder:''' Hier könnt Ihr zur Einstimmung ein paar Bilder finden: [[LocalZero:Bilder Bundestreffen 2024|Halle]] 2024, [[LocalZero:Bilder Bundestreffen 2023|Nürnberg]] 2023, [https://cloud.wechange.de/s/wwtwwRnBNbYFqoq Mannheim] 2022, [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/04_Bilder%20zur%20freien%20Verwendung/Bundestreffen%202022&fileid=3798463 Bad Hersfeld] 2022 sowie das [https://cloud.wechange.de/apps/files/?dir=/G%20-%20%20LocalZero/02_Grafikvorlagen-und-Bildmaterial/04_Bilder%20zur%20freien%20Verwendung/Bundestreffen%202021&fileid=2373081 Bundestreffen 2021]

Damit das Orga-Team durchstarten kann, wäre es klasse, wenn ihr euch so bald wie möglich anmeldet. Wenn ihr noch nachdenken oder nachfragen müsst, ob ihr Urlaub kriegt oder ob es in eure Ferienplanung passt, dann freuen wir uns auch über eine Anmeldung etwas später. Ihr hört auf jeden Fall sicher noch öfter von uns 😊

Wir freuen uns auf euch alle, die kommen wollen und wir garantieren für jede Menge Spaß, einen riesigen Berg an Informationen, für tolle Netzwerke und vor allem für einen Motivationsschub, der euch und euer Lokalteam weiterbringen wird.

Teilt diese Infos bitte in eurem Team, damit wirklich alle Bescheid wissen. Bei Fragen, schreibt bitte eine E-Mail an [Mailto:localzeroevents@germanzero.de localzeroevents@germanzero.de]]

 

Herzliche Grüße

Euer Bundestreffen-Orgateam

==Wie funktioniert das Treffen?==
Da es in den verganenen Jahren schon so wunderbar geklappt hat, gestalten wir auch das Bundestreffen in Hannover in einem Konferenz-Format.

===Bundestreffen mit Konferenz-Programm===
Die Sessions stehen größtenteils fest und du kannst dir vorher schon überlegen, wo du hin möchtest. Trotzdem gibt es genug Freiraum für eure eigenen, vorbereiteten Beiträge. Wir freuen uns auf eure Einreichungen!

=== Diese Sessions brauchen deinen Beitrag===
Spontan oder auch vorbereitet:

#'''Teamstatus''' am Freitag: Erzähl in 2-3 Sätzen, wo dein Team grade steht und ggf. was andere von euch lernen können.
#'''Blitzlichter''' am Samstag: Du hast 5 min für ein Thema deiner Wahl. Anmeldung bei ''Holger & Ulrike vor Ort''
#'''Blitzlichter''' am Sonntag: Du hast 5 min für ein Thema deiner Wahl. Anmeldung bei ''Holger & Ulrike vor Ort.''
Falls ihr keinen Talk oder Workshop einreichen wollt, sondern auf der Veranstaltung eure musikalischen, poetischen oder schauspielerischen Talente vorführen wollt, freuen wir uns auf eure Kunst.

Außerdem freuen wir uns in den Sessions und Workshops, wenn ihr eure Erfahrungen und Wissen teilt.

==Call for Papers ==
[[Datei:DSC4827.jpg|mini|Gestalte du das Bundestreffen mit deinem Beitrag mit!]]

Gestalte das Bundestreffen durch deinen Beitrag mit. [https://forms.office.com/pages/responsepage.aspx?id=Pa0kv4QHVEKZDE5cMTyyEuskJNmxlnpDodMHm4Qger5UOU9WU0w1RFdRQzM5RDBKN1pPSjFSNDJFTi4u&origin=lprLink&route=shorturl Hier] kannst deinen Workshop oder Vortrag zu verschiedenen Themen einreichen!

'''Um das Programm zu planen''', brauchen wir einige Informationen zu deiner Session, z.B. der Titel, worum es geht und zu welchem Schwerpunktthema sie einzuordnen ist.

Wir freuen uns auf eure Einreichungen''' !!!'''
[[Kategorie:Bundestreffen 2025]]
[[Kategorie:Zentrale]]

LocalZero:Monitoring Ausprobieren

2025-06-25T09:08:48Z

JeremiasE:

== Anleitung zur Einrichtung eines Zugangs für das Monitoring ==
{| class="wikitable"
|+
!Arbeitsschritt
!Bildschirmphoto
|-
|Um einen Zugang für das Monitoring zu bekommen oder deine Kommune aufnehmen zu lassen, siehe [[LocalZero:Monitoring Berechtigungen Und Nutzer]].
Sobald du einen Einladungslink bekommen und dich darüber registriert hast, kannst du dich jederzeit über den folgenden Link an der Bearbeitungsoberfläche des Monitorings anmelden:

https://monitoring.localzero.net/admin/login/?next=/admin/cpmonitor/city/
|[[Datei:Loginformular.png]]
|-
|Nach der Anmeldung kannst du auf der Hauptseite (https://monitoring.localzero.net) für Besucher:innen auch Kommunen im Entwurfsmodus einsehen.
In der Bearbeitungsoberfläche kannst du außerdem über einen Klick auf "Kommunen" zur Liste aller Kommunen gelangen, die du bearbeiten darfst:
|[[Datei:LocalMonitoring-Startbildschirm.png]]
|-
|Dann hast du zwei Möglichkeiten:
|
|-
|1. Generelle Infos zu deiner Kommune ändern:
|[[Datei:LocalMonitoring-Kommunenliste.png]]
|-
|a. Hier kannst du z. B. die Teaser- und Beschreibungstexte, das Jahr der geplanten Klimaneutralität und weiteres anpassen.
|
|-
|b. Du kannst dir jederzeit durch den Knopf „Website anzeigen“ ganz oben anschauen, wie das Ergebnis aussieht. Am praktischsten öffnest du das Ergebnis in einem neuen Tab, z. B. per Rechtsklick auf „Website anzeigen“. Dann kannst du einfach zwischen den Tabs mit Ergebnis und Bearbeitungsoberfläche wechseln. '''Achtung:''' immer wenn du eine Änderung gemacht hast, musst du ganz oben „Sichern“ anklicken und danach den Tab mit dem Ergebnis neu laden:
|[[Datei:LocalMonitoring-Speicherdialog.png]]
|-
|2. Den Klimaaktionsplan bzw. die Maßnahmen eurer Kommune bearbeiten:
|[[Datei:LocalMonitoring-KAP-bearbeiten.png]]
|-
|a. Du kannst eine neue Maßnahme oder ein Handlungsfeld hinzufügen, indem du auf „Sektor / Maßnahme hinzufügen“ klickst:
|[[Datei:LocalMonitoring-Sektor-Massnahme-hinzufuegen.png]]
|-
|b. Danach füllst du die Felder aus die für euch wichtig sind und sicherst die Maßnahme bzw. das Handlungsfeld:
|[[Datei:LocalMonitoring-Neue-Massnahme.png]]
|-
|c. Sobald du ein paar Maßnahmen oder Handlungsfelder angelegt habt, kannst du sie in der Übersicht eurer Maßnahmen in einer Baumstruktur anordnen und so z. B. mehrere zusammenhängende Maßnahmen gruppieren. Dazu ziehst du am Pfeilkreuz links neben der Maßnahme die du bewegen willst:
|[[Datei:LocalMonitoring-Massnahmen-sortieren.png]]
|}
[[Kategorie:Anleitungen & erste Schritte]]
[[Kategorie:LocalMonitoring]]

LocalZero:Monitoring Ausprobieren

2025-06-25T09:08:17Z

JeremiasE:

== Anleitung zur Einrichtung eines Zugangs für das Monitoring ==
{| class="wikitable"
|+
!Arbeitsschritt
!Bildschirmphoto
|-
|Um einen Zugang für das Monitoring zu bekommen oder deine Kommune aufnehmen zu lassen, siehe [[LocalZero:Monitoring Berechtigungen Und Nutzer]].
Sobald du einen Einladungslink bekommen hast und dich mit ihm registriert hast, kannst du dich jederzeit über den folgenden Link an der Bearbeitungsoberfläche des Monitorings anmelden:

https://monitoring.localzero.net/admin/login/?next=/admin/cpmonitor/city/
|[[Datei:Loginformular.png]]
|-
|Nach der Anmeldung kannst du auf der Hauptseite (https://monitoring.localzero.net) für Besucher:innen auch Kommunen im Entwurfsmodus einsehen.
In der Bearbeitungsoberfläche kannst du außerdem über einen Klick auf "Kommunen" zur Liste aller Kommunen gelangen, die du bearbeiten darfst:
|[[Datei:LocalMonitoring-Startbildschirm.png]]
|-
|Dann hast du zwei Möglichkeiten:
|
|-
|1. Generelle Infos zu deiner Kommune ändern:
|[[Datei:LocalMonitoring-Kommunenliste.png]]
|-
|a. Hier kannst du z. B. die Teaser- und Beschreibungstexte, das Jahr der geplanten Klimaneutralität und weiteres anpassen.
|
|-
|b. Du kannst dir jederzeit durch den Knopf „Website anzeigen“ ganz oben anschauen, wie das Ergebnis aussieht. Am praktischsten öffnest du das Ergebnis in einem neuen Tab, z. B. per Rechtsklick auf „Website anzeigen“. Dann kannst du einfach zwischen den Tabs mit Ergebnis und Bearbeitungsoberfläche wechseln. '''Achtung:''' immer wenn du eine Änderung gemacht hast, musst du ganz oben „Sichern“ anklicken und danach den Tab mit dem Ergebnis neu laden:
|[[Datei:LocalMonitoring-Speicherdialog.png]]
|-
|2. Den Klimaaktionsplan bzw. die Maßnahmen eurer Kommune bearbeiten:
|[[Datei:LocalMonitoring-KAP-bearbeiten.png]]
|-
|a. Du kannst eine neue Maßnahme oder ein Handlungsfeld hinzufügen, indem du auf „Sektor / Maßnahme hinzufügen“ klickst:
|[[Datei:LocalMonitoring-Sektor-Massnahme-hinzufuegen.png]]
|-
|b. Danach füllst du die Felder aus die für euch wichtig sind und sicherst die Maßnahme bzw. das Handlungsfeld:
|[[Datei:LocalMonitoring-Neue-Massnahme.png]]
|-
|c. Sobald du ein paar Maßnahmen oder Handlungsfelder angelegt habt, kannst du sie in der Übersicht eurer Maßnahmen in einer Baumstruktur anordnen und so z. B. mehrere zusammenhängende Maßnahmen gruppieren. Dazu ziehst du am Pfeilkreuz links neben der Maßnahme die du bewegen willst:
|[[Datei:LocalMonitoring-Massnahmen-sortieren.png]]
|}
[[Kategorie:Anleitungen & erste Schritte]]
[[Kategorie:LocalMonitoring]]

LocalZero:Offizielle LocalZero-Produkte

2025-04-29T14:05:32Z

JeremiasE: /* Liste offizieller LocalZero-Produkte */

Produktverantwortliche:r bei LocalZero: Jeremias Endres | jeremias.endres@germanzero.de

== Liste offizieller LocalZero-Produkte ==

=== [https://localzero.net/loesungen/klimavision Klimavision] ===
Die Klimavision ist ein lokal anpassbarer Fahrplan zur Klimaneutralität. Sie zeigt Kommunen auf, welche Maßnahmen in welchen Sektoren notwendig sind, um die Klimaziele zu erreichen. Teams können die Vision auf ihre Stadt oder Gemeinde zuschneiden und sie als Grundlage für Öffentlichkeitsarbeit und politische Gespräche nutzen.

=== [https://localzero.net/loesungen/klimaentscheid Prozess Klimaentscheid] ===
Der Prozess Klimaentscheid unterstützt Lokalteams dabei, in ihrer Kommune einen verbindlichen Beschluss für Klimaneutralität zu erreichen. Er umfasst Strategien für Bürgerbeteiligung, Unterschriftensammlungen und Verhandlungen mit der Politik. Ziel ist es, die Verwaltung zu verpflichten, konkrete Klimaziele und Maßnahmenpläne zu erstellen.

=== [https://klimaweg.net/ Klimaweg] ===
Der Klimaweg ist eine digitale Plattform, die Wissen und Best Practices rund um kommunalen Klimaschutz bündelt. Er bietet Kommunen, Initiativen und Einzelpersonen Leitfäden, Vorlagen und Werkzeuge, um selbst aktiv zu werden – von der ersten Idee bis zur Umsetzung konkreter Projekte.

=== [https://monitoring.localzero.net/start LocalMonitoring] ===
LocalMonitoring ist ein webbasiertes Tool, mit dem Fortschritte beim Klimaschutz in Kommunen systematisch erfasst und ausgewertet werden können. Es hilft Teams und Verwaltungen, Maßnahmen transparent zu dokumentieren, Erfolge sichtbar zu machen und Nachsteuerungsbedarf frühzeitig zu erkennen.

=== [https://localzero.net/loesungen/wahlcheck WahlCheck] ===
Der WahlCheck ist ein Online-Tool, das Bürger:innen hilft, die Klimapositionen von Kandidierenden und Parteien bei Kommunal-, Landes- oder Bundestagswahlen zu vergleichen. Teams können eigene Wahlprüfsteine erstellen und veröffentlichen, um Klimaschutz zu einem zentralen Thema im Wahlkampf zu machen.

== Liste von Community-Projekten & Produkten in der Entwicklung ==
[[LocalZero:Corporate Design Manual|Corporate Design Manual]] (Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]])
[[Kategorie:Programme-Tools]]

LocalZero:Offizielle LocalZero-Produkte

2025-04-29T14:01:25Z

JeremiasE:

Produktverantwortliche:r bei LocalZero: Jeremias Endres | jeremias.endres@germanzero.de

'''Kriterien für offizielle LZ-Produkte:'''

# Das Produkt ist besonders wirksam. Wir testeten, dass es effektiv dazu beiträgt, Kommunen klimaneutral zu machen.
# Das Produkt passt zu LocalZero. Es ist konform mit Selbstbild, Struktur, Mission und Produktpalette.
# Das Produkt ist skalierfähig. Mindestens 12 Teams können es im gleichen Zeitraum nutzen.
# Das Produkt ist gut nutzbar. Mindestens 8 der 10 Anforderungen des [[LocalZero:Vorlagen & Material#Design & Nutzbarkeit|Usability-Leitfadens]] stehen auf grün, keines auf rot.

'''So wird ein "Produkt" ein offizielles LZ-Produkt:'''
# Das Produkt und die im Usability-Leitfaden beschriebenen Meta-Informationen werden an die Produktverantwortliche geschickt.
# Die Produktverantwortliche meldet ggf. Änderungs- oder Informationsbedarf zurück. Mehrere Schleifen sind möglich.
# Die Produktverantwortliche nimmt das Produkt mit auf in die Liste offizieller LocalZero-Produkte. Im Channel LZ-Allgemein wird das als Neuerung kommuniziert.
# Auf LocalZero.net wird das Produkt beworben und erklärt, wie es genutzt werden kann.

'''Was ist mit den anderen Produkten?'''
# Was kein offizielles Produkt ist, ist "Community-Produkt".
# Community-Produkte werden im Wiki erklärt und beworben.
# Community-Produkt können sich zu LZ-Produkten weiterentwickeln.

== Liste offizieller LocalZero-Produkte ==
[https://localzero.net/loesungen/klimavision Klimavision]

[https://localzero.net/loesungen/klimaentscheid Prozess Klimaentscheid]

[https://klimaweg.net/ Klimaweg]

[https://monitoring.localzero.net/start LocalMonitoring]

[https://localzero.net/loesungen/wahlcheck WahlCheck]

== Liste von Community-Projekten & Produkten in der Entwicklung ==
[[LocalZero:Corporate Design Manual|Corporate Design Manual]] (Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]])
[[Kategorie:Programme-Tools]]

LocalZero:Offizielle LocalZero-Produkte

2025-04-29T13:58:41Z

JeremiasE:

Produktverantwortliche:r bei LocalZero: Jeremias Endres | jeremias.endres@germanzero.de

'''Kriterien für offizielle LZ-Produkte:'''

# Das Produkt ist besonders wirksam. Wir testeten, dass es effektiv dazu beiträgt, Kommunen klimaneutral zu machen.
# Das Produkt passt zu LocalZero. Es ist konform mit Selbstbild, Struktur, Mission und Produktpalette.
# Das Produkt ist skalierfähig. Mindestens 12 Teams können es im gleichen Zeitraum nutzen.
# Das Produkt ist gut nutzbar. Mindestens 8 der 10 Anforderungen des [[LocalZero:Vorlagen & Material#Design & Nutzbarkeit|Usability-Leitfadens]] stehen auf grün, keines auf rot.

'''So wird ein "Produkt" ein offizielles LZ-Produkt:'''
# Das Produkt und die im Usability-Leitfaden beschriebenen Meta-Informationen werden an die Produktverantwortliche geschickt.
# Die Produktverantwortliche meldet ggf. Änderungs- oder Informationsbedarf zurück. Mehrere Schleifen sind möglich.
# Die Produktverantwortliche nimmt das Produkt mit auf in die Liste offizieller LocalZero-Produkte. Im Channel LZ-Allgemein wird das als Neuerung kommuniziert.
# Auf LocalZero.net wird das Produkt beworben und erklärt, wie es genutzt werden kann.

'''Was ist mit den anderen Produkten?'''
# Was kein offizielles Produkt ist, ist "Community-Produkt".
# Community-Produkte werden im Wiki erklärt und beworben.
# Community-Produkt können sich zu LZ-Produkten weiterentwickeln.

== Liste offizieller LocalZero-Produkte ==
[https://localzero.net/loesungen/klimaentscheid Prozess Klimaentscheid]

[https://monitoring.localzero.net/start Prozess Monitoring]

[https://localzero.net/loesungen/klimavision Klimavision]

[https://klimaweg.net/ Klimaweg]

== Liste von Community-Projekten & Produkten in der Entwicklung ==
[[LocalZero:Corporate Design Manual|Corporate Design Manual]] (Product owner [[Benutzer:OttoL|Christhard »Otto« Landgraf]])
[[Kategorie:Programme-Tools]]

LocalZero:Monitoring Kurs

2025-04-15T09:44:26Z

JeremiasE:

[[Datei:Logo LocalMonitoring GelbAufTransparent(6).png|rechts|rahmenlos]]
[[Datei:StrukturiertesMonitoringGesamtkonzept - Strukturiertes Monitoring Orga(4).jpg|mini|Orga Ablauf Strukturiertes Monitoring]]
Auf dieser Seite geht es um das strukturierte Monitoring Angebot. Infos zum Monitoring Projekt findest du [[LocalZero:LocalZero Monitoring Projekt|hier]]. Allgemeine Infos über die Idee des LocalZero Monitorings findest Du [[LocalZero:LocalMonitoring|hier]]. Informationen zu Recherche und Erfahrungen der Pilotkommunen findest Du [[LocalZero:Monitoring Maßnahmen Recherche|hier]].

Unsere Klimaentscheide sind super erfolgreich. Ihr '''Ziel''' (''[[LocalZero:Klima-Aktionsplan|KAP]] 2035 erstellen''), '''Tool''' (Unterschriften sammeln) und '''Rahmen''' (Kommunalverfassung) sind klar.

Und jetzt kommt der nächste Schritt. Wir wollen ''Maßnahme für Maßnahme lokal klimaneutral werden'' ('''Ziel'''). Dafür nutzen wir das ''Monitoring Dashboard'' ('''Tool''') und bieten den ''Monitoring Kurs'' an ('''Rahmen''').

Auf dieser Seite erklären wir den Monitoring Kurs. Damit ist der Prozess gemeint, in dem eine feste Gruppe von Lokalteams in einem festen Zeitraum am [[LocalZero:LocalMonitoring|Monitoring]] arbeitet um Wirkung zu erzielen. Das sind die Schritte für Dich und Dein Team (siehe rechts)

* '''Informieren'''
'''Verbindliche Mitarbeit'''
* Ziele Setzen
* Recherchieren
* Tool Nutzen
* Wirkung Erreichen

Auf der rechten Seite findest Du Übersichtsgrafiken zum Orga-Ablauf und zum detaillierten Plan.

=== Fragen? ===
Bei Fragen melde Dich gerne per Mail bei [mailto: jeremias.endres@germanzero.de Jere] oder im [[LocalZero:WeChange|WeChange]] Channel #LZ_Monitoring.

== Was bringt's Dir und Deinem Team? ==
Du willst mit deinem Lokalteam kritisch begleiten, ob / wie deine Kommune Maßnahmen zur Klimaneutralität auch wirklich umsetzt und dich konstruktiv mit anderen Teams/Stakeholdern/Politik&Verwaltung darüber austauschen? Dann bist du hier richtig: Wir unterstützen dich beim Auf- und Ausbau des Monitorings!
[[Datei:StrukturiertesMonitoringGesamtkonzept - Strukturiertes Monitoring Konzept(2).jpg|mini|Genauer Plan Strukturiertes Monitoring (Episode 2)]]
[[LocalZero:LocalMonitoring|Monitoring]] ist ein tolles Tool.

Damit Du damit auch Wirkung in Deiner Kommune entfalten kannst, haben wir den Strukturierten Monitoring Prozess entwickelt.

Also den Start in Euer nächstes Teamprojekt!

=== Das Angebot ===
Wenn Dein Team sich entscheidet verbindlich mit zu machen bekommt Ihr

* Workshop & Austausch Formate (Ziele setzen, Struktur bekommen)
* Kontakt zu anderen Monitoring-Teams (Kick-Off und der ganze Prozess ist gemeinsam mit mehreren Teams)
* Inhaltlichen & organisatorischen Support

=== Der Rahmen ===
Das Strukturierte Monitoring findet in einem festen Rahmen statt. Wenn Ihr Euch entscheidet mit zu machen

* Seid Ihr mit dem ganzen Team ('''mindestens 4 Personen''') dabei
* Macht Ihr '''wöchentlich (meist kurze updates''', siehe rechts) mit & haltet Kontakt zu anderen Teilnehmenden Teams
* Seid Ihr '''im ganzen Zeitraum''' dabei

=== Euer Ergebnis ===
Am Ende des Strukturierten Monitoring Prozesses habt Ihr

* Verstanden was wichtige Maßnahmen auf dem Weg zur Klimaneutralität sind und wie Euch Monitoring helfen kann
* Den Umsetzungsstand der ersten wichtigen Maßnahmen recherchiert und online gebracht
* Eure lokalen Ziele erreicht, zB Journalist:innen-Gespräch / Auf der Agenda im Gemeinderat gewesen / Vernetzung mit anderen NGO ...

== Informieren ==
Den ersten Schritt hast Du schon gemacht wenn Du Dich hier schlau liest (siehe Grafik rechts Orga Ablauf). Der zweite Schritt ist die Teilnahme am Auftakt / Info Workshop.

'''Voraussetzungen'''

Bock und einen abgeschlossenen Klimaentscheid (oder anderer Beschluss). Ein Klima-Aktionsplan muss noch nicht vorliegen!

'''Zielgruppe'''

Dieser Termin ist richtet sich an Teams, die ernsthaftes Interesse an LocalMonitoring haben oder sich dazu informieren möchten.

Dein ganzes LocalZero Lokalteam ist eingeladen zu kommen. Monitoring ist eine große Aufgabe, die vermutlich das ganze Lokalteam beschäftigen wird. Es ist daher wichtig, dass möglichst viele aus deinem Lokalteam auch schon an diesem Auftakt teilnehmen.

'''Was wirst du nach dem Termin mitnehmen?'''

Alle Infos um zu entscheiden, ob Dein Team und Du beim strukturierten Monitoring von September 2023 bis Februar 2024 mitmachen wollen.
== Verbindliche Mitarbeit ==
Dein Lokalteam und Du haben sich entschieden, beim '''Strukturierten Monitoring mit zu machen? Dann'''

- Füllst Du bis 09. Oktober 2024 die Anmeldung zum Kick-Off Workshop aus: https://forms.office.com/e/srPHmG4XBR

- Bearbeiten Du und Dein Team die Vorbereitungsaufgaben vor dem Kick-Off Workshop. Diese findet ihr auf dem Miro-Board verlinkt.

- Bei Fragen meldet euch bei [mailto:leon.beck.ext@germanzero.de leon.beck.ext@germanzero.de]

- ab geht die Post.

[[Kategorie:LocalMonitoring]]

LocalZero:LocalZero Monitoring Projekt

2025-04-14T11:10:46Z

JeremiasE:

[[Datei:Logo LocalMonitoring GelbAufTransparent(6).png|rechts|rahmenlos]]
[[LocalZero:LocalMonitoring|LocalZero Monitoring]] kommt aus dem Netzwerk LocalZero und wird (großteils) aus Lokalteams für Lokalteams entwickelt. Dabei versuchen wir so nah wie möglich an den Bedürfnissen der Teams vor Ort zu bleiben und gleichzeitig agil und zielorientiert zu entwickeln. Den aktuellen öffentlichen Stand des Tools kannst Du [https://monitoring.localzero.net/ hier] sehen. Wenn Du Interesse daran hast, am strukturierten Monitoring Prozess Teil zu nehmen schau gerne [[LocalZero:Monitoring Kurs|hier]] vorbei.

== Was ist der Status? ==
Die Idee kommt aus [https://www.klimainitiative-eberbach.de/klimabericht2022 Eberbach]. Der Report aus Eberbach ist die wensentliche Orientierung für LocalMonitoring. Weitere Inspiration (und inhaltliche unterstützung) kommt von unserem Freunden von Frag den Staat und ihrem [https://fragdenstaat.de/koalitionstracker/ Koalitionstracker].

In mehreren Workshops haben wir Anfang 2023 Anforderungen aus den LokalTeams gesammelt und das Konzept abgestimmt und beschlossen. Das Kick-Off für das Kernteam gabs am 2.Februar 2023.

Im [[LocalZero:Turnus 1|Turnus 1 der LocalZero Zentrale]] wurde das Projekt gemeinsam von einem Team von Entwicklern, Pilotkommunen und Inhaltlich-organisatorischem Support bis zum MVP entwickelt. Den aktuellen öffentlichen Stand des Tools kannst Du [https://monitoring.localzero.net/ hier] sehen.

Du kannst also die Funktionalität erkennen und nutzen. In einem nächsten Schritt legen wir jetz den Fokus darauf, dass es einfacher für Nutzer wird sich zurecht zu finden (UX) und darauf dass die Seite ansprechender wird (UI).

=== Die Pilotkommunen ===
In der ersten Phase der Entwicklung haben die Pilotkommunen mitgedacht, geplant und vor Ort losgelegt. Auf den Unterseiten findest Du erste Erkenntnisse aus dieser Phase.

* [[LocalZero:MonitoringMünchen|München]]
* [[LocalZero:MonitoringLüneburg|Lüneburg]]
* [[LocalZero:MonitoringBargteheide|Bargteheide]]
* [[LocalZero:MonitoringBremen|Bremen]]

===Und die Technik?===
*Django/Python
*Docker
*SQLite
Hier gehts zum [https://github.com/GermanZero-de/klimaschutzmonitor repository]

=== Der nächste Schritt ===
Nachdem wir eine funktionierende Version der Monitoring Website haben, wollen wir in diesem Turnus (September - Februar 2023) den Fokus der Entwicklung stärker auf Nutzbarkeit Darstellung legen.

Auf der inhaltlichen Ebene werden wir mit einer festen Gruppe von Lokalteams Inhalte für die Nutzung des Tools erarbeiten. Nutzung bedeutet hier vor allem: Wirkung erzielen! Diesen Prozess beschreiben wir [[LocalZero:Monitoring Kurs|hier]].

== Wie kann ich mitmachen? ==
Momentan gibt es zwei grob zwei Aktivitäten: die Anwender-Kommunen und die (Web-)Entwicklung.
*Wir suchen Kommunen, die beim Monitoring mitmachen wollen
*Wir suchen eineN DesignerIn
*Wir suchen immer Entwickler
Melde Dich gerne in WeChange / RocketChat Kanal #LZ_Monitoring oder bei [mailto:LocalZero@germanzero.de LocalZero@germanzero.de]

== Was soll raus kommen? ==
Ein online Monitoring-Tool, das einerseits modular an die Bedürfnisse unterschiedlicher Teams und Kommunen angepasst werden kann und andererseits zeigt, wie der Fortschritt der Kommune in den wichtigsten Bereichen ist. Orientierung bietet die Klimavision. Dadurch soll gleichzeitig konkret und maßnahmbezogen für Umsetzung gesorgt werden und gleichzeitig die "Flughöhe Klimaneutralität" nicht aus den Augen verloren werden.

[[Kategorie:LocalMonitoring]]

LocalZero:Monitoring Berechtigungen Und Nutzer

2025-03-24T13:54:23Z

JeremiasE:

Derzeit gibt es vier Typen von Benutzer*innen vom Monitoring:

# Nicht angemeldete Benutzer*innen. Sie können sich alle veröffentlichen Inhalte ansehen.
# Kommunen-Bearbeiter*innen. Sie können die Daten, Handlungsfelder und Maßnahmen ihrer Kommune bearbeiten und auch nicht veröffentliche Inhalte sehen.
# Kommunen-Administrator*innen. Sie können außerdem Daten veröffentlichen (also den "Entwurfsmodus" ändern) und Nutzungsrechte der Kommune bearbeiten.
# Gesamt-Administrator*innen. Sie können neue Kommunen anlegen, Nutzer löschen und auch sonst einfach Alles!

Okay, das verwirrt mich...

...dann such einfach die Überschrift raus, die auf Dich zutrifft und folge der Anleitung:

== Was muss ich tun, wenn ich die erste Person aus meinem Lokalteam bin? ==

Wenn es für Deine Kommune noch kein Monitoring gibt, melde Dich bei [mailto:jeremias.endres@germanzero.de Jeremias]. Er legt (als Gesamt-Administrator) die Kommune an und schickt Dir einen Einladungslink. Mit dem Link kannst Du Dir selber ein Konto anlegen. Dieses Konto wird dann "Kommunen Adminstrator*in" für Deine Kommune.

== Was muss ich tun, wenn mein Lokalteam das Monitoring schon bearbeitet? ==

Bitte eine*n Kommunen-Administrator*in für Deine Kommune um einen Einladungslink. In der Regel wird das ein Link für "Kommunen-Bearbeiter*innen" sein. Wenn Du auf ihn klickst, kannst Du Dir ein eigenes Konto anlegen, mit dem Du dann nur Eure Kommune bearbeiten kannst.

== Wichtige Infos für Alle ==

Bitte:
* Verwende deinen Vor- und Nachnamen für das Konto, z.B. "mariamustermann".
* Verwende ein sicheres Passwort, dass Du nirgends sonst verwendest.

Wie das Anlegen von dem Konto und die Anmeldung mit dem Link funktioniert, kannst Du Dir in diesem Video ansehen. Etwa die erste Minute des Videos ist für Menschen, die vorher schon mit dem Monitoring gearbeitet haben und Du kannst sie ignorieren. Das Video nutzt einen Einladungslink für Kommunen-Administrator*innen.

[[Datei:LocalZero Monitoring Einladungslinks erklärt.mp4|LocalZero Monitoring Einladungslinks erklärt]]

== Was muss ich tun, wenn ich schon ein Konto habe und weitere Berechtigungen z.B. für andere Kommunen brauche? ==

Melde Dich zunächst mit Deinem Konto an und klicke dann auf (oder kopiere dann) den Einladungslink für die neue Aufgabe. Deinem existierenden Benutzer wird dann die neue Aufgabe gegeben. Alternativ kann auch eine Administrator*in Dein Konto in die entsprechende Liste eintragen.

[[Kategorie:LocalMonitoring]]