Kreativ Prozess dokumentieren #

Deinen kreativen Prozess zu dokumentieren ist Gold. Es zeigt deinen Wert, hilft bei Feedback und verbessert dein Portfolio. Nach 15 Jahren teile ich meine Methoden.

Warum dokumentieren? #

1. Portfolio-Power

Clients sehen nicht nur das Endergebnis, sondern deine Denkweise. Case Studies mit Prozess verkaufen sich 3x besser.

2. Kommunikation

Visuelle Dokumentation reduziert Missverstaendnisse. Der Client sieht jedes Zwischenstadium.

3. Team-Skalierung

Wenn andere dein Process verstehen, koennen sie nach deiner Methode arbeiten.

4. Persoenliches Wachstum

Dokumentation zwingt dich zu klarem Denken.

Die 5 Ebenen der Dokumentation #

Ebene 1: Sketches (Low-Fidelity)

– Schnelle Skizzen
– Ideenfindung
– Rohe Konzepte
– Tool: Papier, iPad Procreate

Ebene 2: Wireframes (Mid-Fidelity)

– Struktur und Layout
– User-Flows
– Hierarchie
– Tool: Figma, Adobe XD, Balsamiq

Ebene 3: Design-System

– Farben, Typografie, Icons
– Komponenten und Patterns
– Tool: Figma, Zeroheight

Ebene 4: High-Fidelity Mockups

– Finale Designs
– Interaktionen
– Detailliert

Ebene 5: Case Study

– Kontext und Brief
– Problem und Loesung
– Ergebnisse und Learnings
– Tool: Medium, Dribbble, deine Website

Dokumentations-Tools #

Visualisierung

– Figma: Design-Dateien speichern
– Loom: Video-Updates
– Framer: Interaktive Präsentationen

Geschrieben

– Notion: Prozess-Dokumentation
– Medium: Öffentliche Case Studies
– Dribbble: Portfolio-Dokumentation

Kombiniert

– Webflow: Website mit Case Studies
– Adobe Portfolio: Integration mit CC

Der 10-Schritt Case-Study Aufbau #

1. The Brief (100 Worte)
– Was war die Aufgabe?
– Wer ist der Client?
– Was war die Challenge?

2. The Problem (200 Worte)
– Welches Problem loesen wir?
– Warum ist es wichtig?
– Was ist die Ausgangslage?

3. Research (300 Worte)
– Was haben wir gelernt?
– Interviews, Surveys?
– Competitive Analysis?

4. Ideation (mit Bildern)
– Brainstorming-Prozess
– Erste Skizzen
– Verschiedene Ansaetze

5. Design Direction (mit Mockups)
– Waehler Richtung
– Design System
– Visual Identity

6. Iterations (mit Vergleichen)
– Versionen 1, 2, 3
– Feedback-Loops
– Refinement

7. User Testing (mit Insights)
– Test-Methode
– Ergebnisse
– Änderungen

8. Final Design (High-Fidelity)
– Finale Mockups
– Verschiedene States
– Mobile/Desktop

9. Implementation (mit Screenshots)
– Wie wurde es gebaut?
– Technische Loesung
– Code-Integration

10. Results (Messungen)
– Metriken (Traffic, Conversion, etc.)
– Vorher/Nachher
– Client Testimonial

Haequfige Fehler #

– Nur finale Designs zeigen
– Keine Kontext oder Problem
– Zu lang (max 2000 Worte)
– Keine Messungen
– Private Projekte nicht dokumentiert

Mein persoenlicher Setup #

Fuer jeden Projekt:

Figma-Datei mit allen Stadien
Loom-Video des Prozesses (15 min)
Notion-Dokument mit Insights
Medium-Artikel fuer öffentliche Projekte
Dribbble-Post fuer Sichtbarkeit
Fazit: Dokumentation ist Marketing.

Haeufig gestellte Fragen #

Wie viel Zeit sollte ich fuer die Dokumentation eines Projekts einplanen?

Etwa 10 bis 15 Prozent der Projektzeit. Bei einem 40-Stunden-Branding-Projekt also vier bis sechs Stunden Dokumentation. Das klingt viel, zahlt sich aber durch besseres Kunden-Feedback waehrend des Prozesses und durch wiederverwertbare Case Studies vielfach aus.

Welche Formate eignen sich am besten zur Prozess-Dokumentation?

Eine Kombination aus Loom-Videos fuer Erklaerungen, Figma-Frames mit Iterationen und einem kurzen Notion-Dokument fuer strategische Entscheidungen funktioniert am besten. Vermeide reine Word-Dokumente – Designprozesse leben von Visuals. Screenshots und Versionen-Vergleiche sind deine wichtigsten Werkzeuge.

Soll ich die Dokumentation oeffentlich teilen?

Ja, wenn der Kunde zustimmt. Oeffentlich geteilte Prozess-Dokumentationen sind das staerkste Akquise-Tool, das Designer haben. Sie zeigen Denkweise statt nur Endprodukt – und Kunden, die so etwas sehen, kommen mit deutlich besserem Budget und mehr Vertrauen ins erste Gespraech.