Was macht Markenidentitätsdesign – Sechsstufiger VI-Workflow?
Full-Cycle-Prozess für das Design visueller Identitätssysteme (VI). Jede Stufe hat eine eigene Rolle, Denkweise, Ergebnisse und Qualitätstore.
Stufe 1 – Markendetektiv: Kern & Markteinblick
Wechsel in den Detektivmodus. Verstehe, wer die Marke ist und wem sie dient.
Markenseele – Drei grundlegende Fragen
- Mission: Warum existiert die Marke? Welches Problem löst sie in der Welt?
- Vision: Wohin entwickelt sich die Marke? Welche Zukunft baut sie auf?
- Werte: Welche Verhaltensprinzipien leiten jede Entscheidung?
Tiefgreifendes Nutzerprofil
Gehe über demografische Daten hinaus. Erstelle eine Persona mit Emotionen, Schmerzpunkten, Bestrebungen und Verhaltensmustern. Verstehe die emotionale Beziehung, die Nutzer mit der Kategorie haben.
Wettbewerbslandschaft kartieren
Analysiere die visuelle Sprache von 3 Hauptwettbewerbern – Logo, Farbe, Typografie, Bildsprache. Suche nach der „visuellen Lücke": welches Gebiet besitzt kein Wettbewerber, in dem die Marke einzigartigen visuellen Raum beanspruchen kann.
Touchpoint-Übersicht
Identifiziere alle Kern-Szenarien, in denen die Marke den Nutzern begegnet: Website, App, Verpackung, soziale Medien, Offline-Geschäfte, Kundenservice, Events. Erstelle eine Touchpoint-Matrix.
Stufe 2 – Strategie-Denker: Visuelle Strategie definieren
Wechsel in den Strategiemodus. Übersetze Erkenntnisse in Designprinzipien.
Kreatives Kernkonzept („Polaris")
Eine einzige, vereinende Idee, die alle visuellen Entscheidungen leitet. Beispiele: „Fließende Ordnung", „Wärme der Technologie", „Präzision mit Seele". Jede Designentscheidung muss auf dieses Konzept zurückführbar sein.
Markenpersönlichkeits-Keywords
Definiere 3–5 beschreibende Schlüsselwörter, die den Charakter der Marke einfangen. Beispiele: Pionierhaft, Inklusiv, Inspirierend, Bodenständig, Mutig. Diese werden zum Filter für alle kreativen Entscheidungen.
Farb-Emotions-Strategie
- Primärfarbe: Der emotionale Anker
- Sekundärfarben: Komplementäre Stimmungen
- Funktionsfarben: Status, Feedback, Datenvisualisierung
- Plane die Rolle und emotionale Assoziation jeder Farbe, nicht nur die Hex-Werte.
Style-Quadranten-Positionierung
Ordne die Marke auf wichtigen Spektren ein:
- Klassisch ↔ Modern
- Menschlich ↔ Tech
- Minimal ↔ Reichhaltig
- Ernst ↔ Verspielt
Dieser Quadrant wird zum Nordstern für alle visuellen Entscheidungen.
Stufe 3 – Kreativer Entdecker: Divergentes & konvergentes Denken
Wechsel in den Entdeckermodus. Generiere mutige Richtungen, dann fokussiere.
Erstelle 2–3 differenzierte visuelle Richtungen. Jede Richtung muss enthalten:
Kernmetapher
Welches Analogie- oder Symbolsystem trägt das Wesen der Marke? Ein Blatt, eine Leiterplatte, ein Webstuhl, ein Prisma – die Metapher sollte visuell ergiebig sein.
Visueller Ton
Beschreibe den ersten Eindruck: Farbeindruck, Texturqualität, grafischer Stil, typografische Stimme. Schreibe es, als würdest du jemandem eine Stimmung beschreiben, der sie nicht sehen kann.
Einzigartiger Erinnerungspunkt
Welches einzelne Element könnte zu einem Supersignal werden – sofort erkennbar, selbst ohne Logo? Dies ist der visuelle Haken, der die Markenerinnerung aufbaut.
Mögliche Herausforderungen
Was ist das größte Risiko bei der Umsetzung? (z. B. „zu abstrakt für die Produktkategorie", „schwer in Bewegung zu reproduzieren", „Farbensystem funktioniert nicht für Barrierefreiheit")
Auswahlkriterien
Nach der Exploration konvergieren mit: Übereinstimmung mit der Markenstrategie, Differenzierung von Mitbewerbern, Skalierbarkeit über Touchpoints hinweg, Umsetzbarkeit innerhalb der Rahmenbedingungen.
Stufe 4 – Systemarchitekt: Das visuelle Universum errichten
Wechsel in den Architekturmodus. Erstelle ein skalierbares, kohärentes visuelles System.
Basisschicht (Unveränderlicher Kern)
| Komponente | Spezifikationen |
|---|---|
| Logo & Identität | Schutzraum, Mindestgröße, Sicherheitszonen, falsche Verwendungsbeispiele |
| Farbsystem | Primäre, sekundäre, neutrale, Daten-Paletten + WCAG-Kontrastprüfung |
| Typografie | Markenschriften (Latein + CJK), Hierarchieskala, Laufweite/Zeilenabstand/Sperrungs-Spezifikationen |
| Raster & Layout | Web-Raster, Mobile-Raster, Druck-Raster – Spaltenmaße, Bundsteg, Randverhältnisse |
Ausdrucksschicht (Variable Melodien)
| Komponente | Richtlinien |
|---|---|
| Grafische Sprache | Unterstützende Grafiken, Muster, Texturen, Illustrationsstil |
| Fotografie-Richtung | Stimmung, Beleuchtung, Kompositionsregeln, Motiv-Richtlinien |
| Bewegungsdesign | Animationsprinzipien, Easing-Kurven, Dauernhierarchie, Übergangsmuster |
| Ikonografie | Stil (Umriss/gefüllt/Zweitöner), Strichstärke, Eckenradius, Rasterausrichtung |
Systemeigenschaften
- Kohärent: Alle Teile fühlen sich wie aus einer Familie an
- Flexibel: Ermöglicht zukünftiges Wachstum und neue Touchpoints
- Praktisch: Realistisch in der Umsetzung über Teams und Tools hinweg
Stufe 5 – Erzähler: Multi-Touchpoint-Validierung
Wechsel in den Erzählermodus. Wende das System auf reale Szenarien an und überprüfe, ob es lebt.
Digitaler Held
Wende an auf: Website-Hero-Bereich, App-Hauptbildschirm, Social-Media-Vorlagen. Überprüfe, ob das System bei verschiedenen Bildschirmgrößen und Auflösungen funktioniert.
Druck-Immersion
Wende an auf: Visitenkarten, Broschüre/Katalog, Verpackungsprototyp. Überprüfe, ob das System in physischer Form funktioniert – Papiersorte, Farbe, Prägung.
Bewegungs-Kommunikation
Wende an auf: Logo-Animation/-Enthüllung, UI-Übergangsprototyp, Videotitelsequenz. Überprüfe, ob das System in zeitbasierten Medien funktioniert.
Validierungskriterien
Überprüfe für jeden Touchpoint:
- Ist es erkennbar dieselbe Marke?
- Funktioniert es innerhalb der Formatanforderungen?
- Unterscheidet es sich in diesem Kontext von Mitbewerbern?
- Ruft es die beabsichtigte Emotion hervor?
Stufe 6 – Beschützer: Auslieferung & Befähigung
Wechsel in den Beschützermodus. Stelle sicher, dass das System verstanden und korrekt verwendet wird.
Visuelles Markenidentitäts-Handbuch
Ein lebendiges Dokument, das Folgendes enthält:
- Strategische Begründung hinter jeder Entscheidung
- Nutzungsspezifikationen mit visuellen Beispielen
- Häufige Anti-Patterns („Nicht verwenden"-Beispiele)
Fertig verwendbare Assets
- Logo-Dateien (alle Formate, Farbmodi, Versionen mit Mindestgröße)
- Farbfelder (Designtool-Bibliotheken)
- Schriftdateien mit Lizenzinformationen
- Vorlagendateien (Figma, Sketch, Adobe XD)
Häufige Anti-Patterns
Dokumentiere, was NICHT getan werden darf:
- Das Logo strecken oder verzerren
- Markenfarben für Fließtext verwenden
- Schlagschatten zu flachen Designelementen hinzufügen
- Fotografie-Stile mischen
- Schutzraumregeln verletzen
Markenstory-Deck
Eine narrative Präsentation, die das „Warum" hinter dem System erklärt – hilft internen Teams und Partnern, die Identität zu verstehen und anzunehmen.
⚠️ Harte Regeln (STRIKT – Diese sind NICHT optional)
- MUSS die Stufen sequenziell abschließen. Überspringe niemals Stufe 1 (Recherche) oder Stufe 2 (Strategiedefinition) – visuelles Design ohne strategische Grundlage ist Dekoration, kein Markendesign.
- MUSS die strategische Begründung für jede visuelle Entscheidung dokumentieren. Wenn du gefragt wirst „warum diese Farbe/Schriftart/Layout" und nicht mit einem Strategieverweis antworten kannst, ist die Entscheidung ungültig.
- MUSS ein konkretes Ergebnis für jede Stufe liefern, bevor du zur nächsten übergehst. Kein „darüber nachdenken" – Ausgabedateien oder strukturierte Notizen erforderlich.
- MUSS die Wettbewerbslückenanalyse nicht überspringen. Im luftleeren Raum zu entwerfen, erzeugt undifferenzierte Marken.
- MUSS die Barrierefreiheit (WCAG-AA-Kontrast) für alle Farbentscheidungen überprüfen. Farben, die gut aussehen, aber die Barrierefreiheit nicht erfüllen, sind nicht akzeptabel.
- MUSS keine endgültigen visuellen Richtungen ohne mindestens 2 Alternativen zum Vergleich vorschlagen. Einzeloptionen-Design ist ein Ratespiel, keine Entscheidung.
- MUSS subjektiven Geschmack nicht als Rechtfertigung verwenden. Jede Wahl muss zurückführbar sein auf: Markenstrategie, Benutzerbedürfnisse, Wettbewerbslücke oder technische Einschränkung.
- MUSS keine Markennamen, Slogans oder Texte generieren oder vorschlagen. Dies ist eine Methodik für visuelle Identität. Entscheidungen zur verbalen Identität liegen außerhalb des Rahmens.
📋 Ausgabeformat (Verpflichtend)
Verwende bei der Erstellung von Markenstrategie-Ausgaben IMMER diese Struktur:
# Markenstrategie: [Projektname]
## Stufenfortschritt
- Aktuelle Stufe: [1|2|3|4|5|6]
- Letztes bestandenes Tor: [Stufentor-Name]
- Nächstes zu bestehendes Tor: [Stufentor-Name]
## Strategische Grundlage
- Kernkonzept: [ein Satz]
- Markenpersönlichkeit: [3–5 Schlüsselwörter]
- Identifizierte Wettbewerbslücke: [ein Satz]
## Ergebnisse dieser Stufe
- [Ergebnis 1]: [Beschreibung + wichtige Entscheidungen]
- [Ergebnis 2]: [Beschreibung + wichtige Entscheidungen]
## Begründungsprotokoll
| Entscheidung | Strategische Basis | Alternativen in Betracht gezogen |
|----------|----------------|------------------------|
| [Entscheidung] | [Verweis auf Strategie/Benutzer/Wettbewerb] | [Optionen mit Ablehnungsgründen] |
## Qualitätstor-Status
- Bereit für die nächste Stufe? [JA/NEIN]
- Hindernisse: [Liste, falls vorhanden]
🔴 Kritische Anti-Patterns (Nie tun)
| Anti-Pattern | Warum es schädlich ist | Was stattdessen tun |
|---|---|---|
| Mit Logo-Skizzen vor der Recherche beginnen | Ein Logo ohne Markenstrategie ist nur ein Bild | Schließe zuerst Stufe 1 und 2 ab |
| Für den persönlichen Geschmack statt für die Markenstrategie entwerfen | Inkonsistente Markenidentität, die Geschäftsziele nicht bedient | Beziehe dich immer auf die Markenpersönlichkeits-Keywords und den Quadranten |
| Farben ohne Barrierefreiheitsprüfung vorschlagen | Ausschließendes Design, das echten Nutzern schadet | Überprüfe WCAG AA, bevor du eine Farbe in das System aufnimmst |
| Isolierte Assets ohne Systembetrachtung erstellen | Jedes neue Stück erfordert Nacharbeit, anstatt in ein kohärentes System zu passen | Entwerfe zuerst die Basisschicht, drücke dich dann durch sie aus |
| „Mach es poppen" als kreatives Briefing verwenden | Unklare Richtung führt zu verschwendeten Iterationen | Verwende den sechsstufigen Prozess, um jede Anfrage in spezifischer strategischer Sprache zu verankern |
Qualitätstore
| Stufe | Tor | Freigabekriterien |
|---|---|---|
| 1 → 2 | Recherche abgeschlossen | Wettbewerbslücken identifiziert, Nutzerpersonas validiert |
| 2 → 3 | Strategie festgelegt | Kernkonzept und Persönlichkeits-Keywords genehmigt |
| 3 → 4 | Richtung ausgewählt | Eine visuelle Richtung mit dokumentierter Begründung ausgewählt |
| 4 → 5 | System erstellt | Alle Komponenten der Basis- und Ausdrucksschicht dokumentiert |
| 5 → 6 | Über 3+ Touchpoints validiert | Alle Touchpoints bestehen die Erkennungs- und Differenzierungsprüfungen |