Das perfekte Webdesign-Portfolio: 7 Projekte, die zahlende Kunden überzeugen

Du kennst diese Portfolio-Seite: zwanzig Kacheln, jede ein hübscher Screenshot, darunter ein Firmenname und vielleicht das Wort „Webdesign“. Wer sie baut, denkt: je mehr Arbeit ich zeige, desto kompetenter wirke ich. Wer als Kunde draufschaut, denkt: schön, aber bringt mir das was? Genau an dieser Lücke entscheidet sich, ob aus einem Portfolio-Besuch eine Anfrage wird oder nur ein „interessant, danke“.

Dieser Artikel dreht die übliche Logik um. Statt zu fragen „wie viele Projekte zeige ich“, fragen wir „welche Projekte überzeugen jemanden, der dich bezahlen soll“. Die kurze Antwort vorweg: weniger Projekte, dafür als erklärte Ergebnisse. Lass uns das auseinandernehmen, zuerst der Denkfehler, dann die Struktur, dann die Auswahl deiner sieben.

Der Denkfehler: das Portfolio als Screenshot-Galerie

Die Screenshot-Galerie fühlt sich produktiv an. Du sammelst Arbeiten, exportierst saubere Mockups, ordnest sie in ein Raster. Das Problem: ein Screenshot beantwortet die einzige Frage nicht, die der Kunde wirklich hat. Diese Frage lautet nicht „sieht das gut aus“, sondern „kann diese Person mein Problem lösen und mir am Ende mehr Anfragen, Umsatz oder Sichtbarkeit bringen“.

Daten stützen das deutlich. Laut dem Stanford Web Credibility Project machen rund 46 Prozent der Nutzer die Vertrauenswürdigkeit einer Website primär am visuellen Design fest. Das klingt zunächst wie ein Argument für hübsche Screenshots, ist aber das Gegenteil: es beweist, dass dein gezeigtes Design Wirkung hat, nur eben für die Website deines Kunden, nicht für dein eigenes Bilderraster. Ein Screenshot ohne Kontext sagt nichts darüber, ob das schöne Design auch funktioniert hat.

Der zweite blinde Fleck ist Zeit. Entscheider haben selten Lust, dein gesamtes Werk zu durchforsten. In der Praxis verbringen viele nur wenige Minuten auf einem Portfolio. Zwanzig Kacheln zwingen sie, selbst die Bedeutung zu erraten, und niemand rät gern auf eigene Kosten. Drei bis fünf erklärte Projekte nehmen ihnen diese Arbeit ab und führen sie direkt zum Punkt, der die Kaufentscheidung trägt.

Viele Projekte zeigen oder wenige erklären

Die Versuchung, möglichst viel zu zeigen, ist verständlich, gerade am Anfang. Aber Quantität und Überzeugungskraft laufen ab einem Punkt auseinander. Hier die ehrliche Gegenüberstellung der beiden Strategien, damit du siehst, was du mit der Masse tatsächlich gewinnst und was du verlierst.

Der Konsens über mehrere Quellen, von Toptal über Cloudways bis uxfol.io, ist überraschend einheitlich: drei bis fünf ausführliche Case Studies reichen, um die Neugier der meisten potenziellen Kunden zu befriedigen. Für deine Skalierung heißt das grob: als Einsteiger zwei bis drei sauber dokumentierte Projekte, mit mehr Erfahrung vier bis fünf. Die sieben aus dem Titel sind die sinnvolle Obergrenze, nicht das Ziel. Lieber sieben vollständig erklärte Projekte als zwanzig Screenshots, aber wenn du nur drei wirklich gute Geschichten erzählen kannst, dann zeig drei.

Wenn du Projekte für dein Portfolio suchst, hilft es, gezielt mit Vorher-Nachher-Material zu arbeiten. Genau hier setzt findflix an: das Tool findet lokale Unternehmen mit veralteten Websites und bewertet deren Design per KI, sodass du den Ausgangszustand sauber dokumentiert hast, bevor du anfängst. Aus dem schwachen Score von vorher wird die messbare Verbesserung von nachher, und damit dein bestes Portfolio-Argument.

Die Case-Study-Struktur, die Kunden erwarten

Eine gute Case Study ist kein Aufsatz, sondern eine geführte Tour vom Problem zum Ergebnis. Fast alle ernstzunehmenden Quellen, Shopify, Cloudways, Webflow, webdesign-journal.de, beschreiben dieselben fünf Bausteine. Der wichtigste Trick: schreib das Kurzfazit zuletzt, aber stell es ganz nach oben, denn es ist der einzige Block, den garantiert jeder liest.

1. Overview und Kurzfazit

   Problem, Vorgehen, Ergebnis in zwei bis drei Sätzen, ganz oben. Wer nur das liest, soll trotzdem verstehen, was du geschafft hast.

2. Kontext und Herausforderung

   Die Ausgangslage, das konkrete Problem und vor allem die messbaren Ziele. Ohne ein Ziel hat dein späteres Ergebnis keinen Maßstab.

3. Prozess und Insight

   Deine Designentscheidungen, Research, A/B-Tests, Kundeninterviews. Hier zeigst du, wie du denkst, nicht nur was du gebaut hast.

4. Die Lösung

   Visuelle Darstellung mit erklärendem Text zu UX, Navigation, Content und Mobile. Wenn möglich interaktive Elemente statt nur statischer Screenshots.

5. Ergebnisse

   Quantitativ und qualitativ, bezogen auf die anfangs gesetzten Ziele, plus ein bis drei kurze Testimonials von je ein bis zwei Sätzen.

Der entscheidende Reflex: plane die Dokumentation schon vor Projektstart. Wer erst nach dem Launch nach Zahlen sucht, findet keine. Notiere die Ausgangswerte, halte Zwischenentscheidungen fest, miss am Ende gegen das, was du dir vorgenommen hast. Aus dieser Disziplin entsteht später die Case Study fast von selbst.

Ergebnisse müssen dabei nicht immer harte Conversion-Zahlen sein. Wenn dir der Kunde keine Analytics gibt, funktionieren annotierte Vorher-Nachher-Vergleiche, informelle Usability-Beobachtungen oder konkretes Nutzer-Feedback. Auch eine ehrliche Aggregat-Aussage wie „über mehrere Projekte hinweg sehe ich typischerweise spürbar mehr Anfragen über das Kontaktformular“ beweist Wert, ohne dass du erfundene Prozentzahlen behaupten musst. Bleib bei dem, was du belegen kannst.

Die 7 Projekte, die wirklich zählen

Wenn du auswählst, welche Arbeiten ins Portfolio kommen, geht es nicht um deine Lieblingsdesigns, sondern um die Bandbreite an Beweisen, die ein Kunde sehen will. Diese sieben Typen decken die wichtigsten Kaufbedenken ab. Du brauchst nicht alle, aber je mehr davon du abdeckst, desto vollständiger wirkt dein Beweisbild.

Achte beim Aufbau auf die häufigen Fehler, die deutsche Praxisquellen immer wieder nennen: pixelige Screenshots, lange Textwüsten, Überinszenierung mit Apple-Mockups, eingebundene Template-Designs und das Auftreten als große Agentur, obwohl du solo arbeitest. Besser sind große, hochauflösende Bilder, eine klare Angabe deiner Rolle im Projekt, Vorher-Nachher-Vergleiche und echte Einblicke in deinen Prozess. Ladezeit ist dabei kein Nebenthema, sondern selbst ein verkaufbares Ergebnis: jede zusätzliche Sekunde Ladezeit kostet laut aggregierten Google- und SOASTA-Daten rund sieben Prozent Conversion, und 53 Prozent der mobilen Nutzer brechen bei mehr als drei Sekunden ab.

Rechtliches: Referenzen sauber absichern

Bevor du Logos, Screenshots und Zitate öffentlich zeigst, lohnt ein kurzer Blick auf die Rechtslage in der DACH-Region. Hier gibt es eine erfreuliche Nuance für B2B-Designer: Das LG Bielefeld hat 2023 entschieden, dass die Nennung eines Unternehmens als Referenzkunde auch ohne ausdrückliche Einwilligung zulässig sein kann, sofern tatsächlich eine Geschäftsbeziehung bestand, die Nennung dem Ruf des Kunden nicht schadet, keine Falschangaben gemacht werden und keine Geheimhaltungspflicht entgegensteht.

Das gilt aber nur für die schlichte Nennung im B2B. Bei Privatkunden brauchst du wegen der DSGVO eine ausdrückliche, widerrufliche Einwilligung. Und für die werbliche Nutzung von Logos und Marken ist immer eine ausdrückliche Genehmigung nötig, unabhängig davon, ob B2B oder B2C. Im Zweifel droht nicht nur ein Unterlassungsanspruch des Kunden, sondern auch ein Vorgehen von Wettbewerbern nach dem UWG.

Am Ende läuft alles auf einen Satz hinaus: dein Portfolio ist kein Schaufenster deiner Arbeit, sondern ein Beweismittel für deinen Wert. Drei bis sieben Projekte, jedes als erklärte Geschichte von Problem über Vorgehen zu Ergebnis, mit Ergebnissen oben und einem echten Testimonial. Das überzeugt zahlende Kunden mehr als jede noch so große Kachelwand. Und wenn dir das Rohmaterial fehlt, fang beim nächsten veralteten Webauftritt in deiner Region an, dokumentiere den Ist-Zustand, und mach daraus deine nächste Case Study.