Kreativ Prozess dokumentieren: Methoden und Tools fuer Designer

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.