dotts, das Feedback-Tool für Freelancer made in europe
Funktionen Preise FAQ Blog Login
EN / DE
DE
English Deutsch
Kostenlos starten
guides 5. Mai 2026 11 Min. Lesezeit

Portfolio für freelance Webdesigner: 12 Tipps, die wirklich bessere Kunden gewinnen

Ein Portfolio als freelance Webdesigner ist keine Galerie deiner hübschesten Screenshots. Es ist ein Verkaufsdokument, ein fokussiertes, ehrliches Argument dafür, warum eine bestimmte Art von Kunde dich engagieren sollte und nicht die nächste Person, die er googelt. Die Portfolios, die zuverlässig besser bezahlte Aufträge gewinnen, machen drei Dinge gleichzeitig: Sie zeigen das Ergebnis, sie erklären den Gedankengang, und sie machen es dem richtigen Kunden absurd einfach, Ja zu sagen.

Wenn deins diese drei Dinge gerade nicht tut, behebt dieser Leitfaden das.

Das Problem mit den meisten Freelancer-Portfolios

Die meisten Portfolios von freelance Webdesignern scheitern auf die gleiche Weise. Sie zeigen acht zufällig ausgewählte Projekte aus den letzten vier Jahren, die Hälfte davon tote Links, die Hälfte aus Branchen, in denen der Freelancer gar nicht mehr arbeiten will. Die „Über mich“-Seite liest sich wie ein Lebenslauf von 2017. Das Kontaktformular führt zu einer Gmail-Adresse ohne automatische Antwort. Es gibt keine Preise, keinen Prozess, keinen klaren nächsten Schritt.

Dann fragt sich der Freelancer, warum sein Postfach voll mit „Kannst du das für 400 Euro machen?“-Anfragen ist statt mit den Kunden, die er eigentlich haben will.

Die unbequemere Wahrheit: Ein großartig aussehendes Portfolio ohne Strategie verliert gegen ein durchschnittlich aussehendes Portfolio mit einer scharfen Positionierung und drei soliden Fallstudien. Kunden engagieren nicht deine Ästhetik. Sie engagieren dein Urteilsvermögen, deine Verlässlichkeit und deine Fähigkeit, ihr Problem verschwinden zu lassen. Die einzige Aufgabe des Portfolios ist es, alle drei Dinge innerhalb von dreißig Sekunden wahr erscheinen zu lassen.

Die gute Nachricht ist, dass die Latte niedrig liegt. Ein fokussiertes, gut geschriebenes, ehrlich präsentiertes Portfolio sticht 2026 immer noch heraus, weil die meisten deiner Mitbewerber genau das weiter tun werden, was sie schon immer getan haben: Mockups in ein Raster hochladen und es dabei belassen.

12 Tipps, damit dein Portfolio die richtigen Aufträge gewinnt

Nutze diese Liste als Checkliste. Wenn du ehrlich alle zwölf Punkte abhaken kannst, gehört dein Portfolio zu den besten 5 % der Portfolios von freelance Webdesignern im Internet.

  1. Wähle eine Nische, bevor du irgendetwas anderes tust. „Freelance Webdesigner“ ist Massenware. „Freelance Webdesigner für skandinavische Wellness-Marken“ oder „Webflow-Spezialist für SaaS-Startups unter 20 Mitarbeitenden“ ist ein Empfehlungsmagnet. Dein Portfolio sollte innerhalb von fünf Sekunden eine klare Richtung signalisieren.
  2. Stelle drei bis sechs Projekte voran, nicht zwölf. Qualität schlägt Menge. Ein fokussiertes Portfolio mit sechs relevanten Fallstudien konvertiert besser als ein ausuferndes mit zwölf bunt gemischten Links. Streiche alles, was nicht zu den Aufträgen passt, die du als Nächstes willst.
  3. Schreib ein einzeiliges Nutzenversprechen ganz oben. Nicht „Hi, ich bin Maya, eine leidenschaftliche Kreative.“ Eher so etwas wie „Ich baue conversion-fokussierte Webflow-Sites für B2B-SaaS-Gründer.“ Langweilig, konkret und nützlich, denn Kunden qualifizieren sich in der ersten Sekunde selbst.
  4. Behandle jedes Projekt als Fallstudie, nicht als Screenshot. Eine Fallstudie hat einen Ausgangspunkt (den Kunden, das Problem), einen Prozess (was du getan hast und warum) und ein Ergebnis (was sich geändert hat). Ein Screenshot hat nichts davon.
  5. Zeig das Ergebnis, nicht nur das Design. „Wir haben die Startseite neu gebaut und die Absprungrate ist von 78 % auf 42 % gefallen“ schlägt jedes ästhetische Foto, das du posten kannst. Wenn du keine Kennzahlen hast, frag den Kunden danach, die meisten teilen sie gern.
  6. Zeig den Prozess, nicht nur den Feinschliff. Zeig ein oder zwei rohe Artefakte: ein Wireframe, einen Figma-Frame mit Kommentaren, einen Screenshot des Discovery-Dokuments. Kunden kaufen dein Denken. Mach das Denken sichtbar.
  7. Schreib dein „Über mich“ wie ein Mensch, nicht wie eine Marke. Zwei kurze Absätze. Wer du bist, mit wem du arbeitest, was du nicht machst. Kunden engagieren Menschen. Klinge wie einer.
  8. Füg Testimonials mit Namen, Fotos und Rollen hinzu. Anonyme Zitate wirken erfunden. Drei echte Testimonials mit vollständigen Namen schlagen jedes Mal fünfzehn „Sarah J., Marketingleiterin“-Zitate.
  9. Zeig deine Preise oder einen klaren Einstiegspunkt. „Projekte ab 4.500 Euro“ filtert die 400-Euro-Klientel heraus, bevor sie dir schreibt. Du wirst ein paar Leads verlieren. Die Leads, die du verlierst, sind genau die, die du verlieren wolltest.
  10. Mach den Kontaktschritt zu einer Ein-Klick-Entscheidung. Ein Buchungslink, ein kurzes Formular oder eine direkte E-Mail-Adresse: Wähle eins und mach es unmöglich zu übersehen. Keine 14-Feld-Formulare. Kein „lass uns telefonieren, um ein Telefonat zu besprechen.“
  11. Aktualisiere das Portfolio jedes Quartal und streiche rücksichtslos. Füg die neuen Arbeiten hinzu. Entferne die Arbeiten, die nicht mehr zu deiner Richtung passen. Repariere die toten Links. Die meisten Freelancer-Portfolios veralten innerhalb eines Jahres, weil niemand die Pflege einplant.
  12. Mach es schnell und mobil perfekt. Die Hälfte deines Traffics kommt vom Handy, oft eine Empfehlung, die in Eile geprüft wird. Ein langsames, auf dem Handy kaputtes Portfolio macht jeden anderen Punkt auf dieser Liste zunichte.

Positionierung: warum eine Nische der wirkungsvollste Schritt ist

Wenn du nur eine Sache aus dieser Liste umsetzt, dann gib deinem Portfolio eine Nische. Hier ist der Grund.

Generalisten-Portfolios zwingen den Kunden, sich vorzustellen, ob du seine Art von Projekt umsetzen kannst. Spezialisten-Portfolios zeigen ihm, dass du es schon dreimal getan hast. Der Generalist konkurriert über den Preis. Der Spezialist konkurriert über die Passung, und bei der Passung lässt sich schwerer herunterhandeln.

Eine Nische muss nicht für immer gelten. Sie muss nicht einmal völlig dicht sein. Du leistest keinen Blutschwur. Du ordnest dein Portfolio einfach so, dass die relevantesten Arbeiten am sichtbarsten sind. Eine Designerin für Wellness-Marken kann absolut ein SaaS-Projekt annehmen. Sie stellt es nur nicht in den Vordergrund.

Der schnellste Weg, deine Nische zu finden, ist, dir deine letzten zehn Projekte anzuschauen und drei Fragen zu stellen. Mit welchen Kunden war die Zusammenarbeit am einfachsten? Welche Projekte waren pro Stunde am profitabelsten? Bei welcher Branche hast du gesagt „das verstehe ich, ich weiß, was hier funktioniert“? Die Schnittmenge ist deine Einstiegsnische.

Sobald du sie hast, richtet sich jeder Teil des Portfolios danach aus. Die Hero-Zeile spricht diese Nische an. Die Fallstudien zeigen Erfolge in dieser Nische. Die Testimonials kommen aus dieser Nische. Die Preise ergeben für diese Nische Sinn. Das „Über mich“ erwähnt diese Nische. Innerhalb eines Quartals verschiebt sich dein Inbound. Innerhalb von zwei Quartalen wirst du namentlich für diese Art von Arbeit empfohlen.

Fallstudien: die Struktur, die wirklich konvertiert

Eine Fallstudie ist keine Enthüllung eines Redesigns. Sie ist eine kleine, überzeugende Geschichte. Nutze diese fünfteilige Struktur für jedes Projekt in deinem Portfolio:

1. Der Kunde. Ein Satz. „Acme ist ein B2B-Buchhaltungstool mit 12 Mitarbeitenden für europäische KMU.“

2. Das Problem. Zwei bis drei Sätze. Das echte Problem, nicht die oberflächliche Anfrage. „Ihre Preisseite bekam Traffic, konvertierte aber bei 0,6 %. Sie vermuteten den Text, aber Heatmaps zeigten, dass Besucher ihn nie erreichten.“

3. Der Ansatz. Drei bis fünf Sätze. Was du getan hast und, ganz entscheidend, warum. Zeig ein Stück Prozessmaterial: ein Wireframe, eine Content-Map, einen Figma-Frame.

4. Das Ergebnis. Zahlen, wenn du sie hast. Zitate, wenn nicht. Beides ist am besten. „Die Conversion stieg von 0,6 % auf 1,9 %. Der Gründer sagte, die neue Preisseite ‚leiste mehr Verkaufsarbeit als drei SDRs‘.“

5. Das Ergebnisprodukt. Ein sauberes Hero-Foto oder ein kurzes Scroll-Video der fertigen Site. Zuletzt, nicht zuerst.

Die ganze Fallstudie sollte am Desktop auf ein Scrollen passen. Wenn ein Kunde zwei Minuten scrollen muss, um zu finden, was sich geändert hat, hast du ihn verloren.

Ein subtiler, aber wichtiger Punkt: Fallstudien lassen sich leichter schreiben, wenn du die Bausteine während des Projekts sammelst, nicht danach. Sichere das Discovery-Dokument. Mach Screenshots der Wireframes, bevor du sie löschst. Frag zwei Wochen nach dem Launch nach Kennzahlen, wenn der Kunde noch begeistert ist. Wenn du dich hinsetzt, um die Fallstudie zu schreiben, solltest du bereits alles haben, was du brauchst.

Prozessseiten: der am meisten ungenutzte Teil eines Portfolios

Eine Prozessseite sitzt zwischen deinem Portfolio-Raster und deinem Kontaktformular. Fast kein Freelancer hat eine. Die wenigen, die eine haben, konvertieren besser als die, die keine haben.

Eine Prozessseite beantwortet die Frage, die sich jeder Kunde insgeheim stellt: „Wie ist es eigentlich, mit dieser Person zu arbeiten?“ Sie erklärt deine Schritte in menschlicher Sprache. Discovery-Call. Angebot. Designphase. Kundenfeedback und Abstimmung. Umsetzung. Launch. Übergabe. Jeder Schritt bekommt zwei oder drei Sätze und einen groben Zeitrahmen.

Die Seite klärt auch die langweilige, aber entscheidende Logistik. Wie lange ein typisches Projekt dauert. Wie die Zahlung funktioniert. Wie viele Korrekturrunden enthalten sind. Wie Feedback gehandhabt wird. Wofür Kunden verantwortlich sind. Wofür du verantwortlich bist.

Eine Prozessseite ist eine Sortiermaschine. Kunden, die klare Prozesse mögen, wählen sich selbst hinein. Kunden, die Chaos wollen, wählen sich selbst hinaus. Beide Ergebnisse sind Gewinne.

Wenn du Kundenfeedback als Teil deines Prozesses einholst, und das solltest du, dann sag es ausdrücklich. Erwähne, dass du ein visuelles Feedback-Tool nutzt, sodass Korrekturen direkt am Design angeheftet werden, statt in WhatsApp-Verläufen zu versinken. Das ist ein leise wirkungsvolles Vertrauenssignal. Es sagt dem Kunden, dass die Korrekturen kein Chaos werden, und genau das ist eine der größten Ängste, die Menschen in ein Webdesign-Projekt mitbringen. (Mehr dazu weiter unten, und ja, das ist die Stelle, an der dotts ins Spiel kommt.)

Beispiel aus der Praxis: Mayas Portfolio-Neuaufbau

Maya ist freelance Webflow-Designerin in Lissabon. Fünf Jahre Erfahrung, vor allem Hotellerie und kleiner E-Commerce, zunehmend ausgebrannt von 1.500-Euro-Projekten und 47 Korrekturrunden.

Ihr altes Portfolio war ein Webflow-Cloneable-Template mit einem Raster aus 14 Projekten. Der Hero sagte „Hi, ich bin Maya, eine kreative Webdesignerin.“ Das Kontaktformular fragte nach Budget, Zeitrahmen, Projekttyp und einer 200-Zeichen-Beschreibung. Sie bekam zwei bis drei Inbound-Leads pro Monat, meist aus Empfehlungen, meist klein.

Sie verbrachte ein Wochenende damit, es mit den zwölf Tipps von oben neu aufzubauen. Sie wählte eine Nische: Webflow-Sites für europäische Wellness-Marken. Sie reduzierte von 14 Projekten auf 5. Sie schrieb jedes als richtige Fallstudie mit einem Ergebnis und einem Prozessartefakt neu. Sie fügte eine Prozessseite hinzu. Sie setzte „Projekte ab 4.800 Euro“ auf die Startseite. Sie stellte den Kontaktschritt auf einen Cal.com-Link mit einer Frage ein: „Worum geht es beim Projekt, in einem Satz?“

Sie fügte ihrer Prozessseite auch einen Absatz hinzu, der in klarer Sprache sagte: „Feedback passiert am Live-Design über ein visuelles Annotations-Tool, deine Kommentare werden genau dort angeheftet, wo sie hingehören, keine Screenshots, keine E-Mail-Verläufe.“ Sie verlinkte auf einen Leitfaden für Kundenfeedback, um den Punkt zu untermauern.

In den nächsten zwei Monaten sank der Inbound von 8 bis 10 vagen Leads auf 5 konkrete. Ihr durchschnittlicher Projektwert stieg von 1.800 Euro auf 5.400 Euro. Sie lehnte zwei Projekte ab, weil sie nicht passten. Das hatte sie vorher nicht tun können.

Das Redesign machte sie nicht zu einer besseren Designerin. Es machte sie zu einem besseren Filter.

Fazit

Ein Portfolio als freelance Webdesigner ist ein Verkaufswerkzeug, keine Galerie. Die Portfolios, die besser bezahlte Aufträge gewinnen, sind auf eine Nische ausgerichtet, fokussiert, ehrlich und leicht umsetzbar: Sechs relevante Fallstudien schlagen zwölf zufällige, ein klarer Preis schlägt vages „lass uns reden“, und ein schriftlicher Prozess schlägt ein ästhetisches Moodboard. Verbring ein Wochenende damit, deins zu kürzen und zu schärfen, und aktualisiere es dann jedes Quartal.

Häufig gestellte Fragen

Wie viele Projekte sollte ein Portfolio als freelance Webdesigner zeigen?

Drei bis sechs. Ein Portfolio als freelance Webdesigner mit drei scharfen, aktuellen, zur Nische passenden Fallstudien konvertiert fast immer besser als eins mit zwölf bunt gemischten Projekten. Menge signalisiert Verzweiflung. Kuratierung signalisiert Geschmack.

Brauche ich Fallstudien, oder reichen Screenshots?

Du brauchst Fallstudien. Ein Screenshot sagt dem Kunden, wie etwas aussieht. Eine Fallstudie sagt ihm, was du getan hast, warum du es getan hast und was sich dadurch geändert hat. Das Erste verkauft deine Ästhetik. Das Zweite verkauft dein Urteilsvermögen. Kunden zahlen mehr für Urteilsvermögen.

Sollte ich Preise auf meinem Portfolio als freelance Webdesigner zeigen?

Ja, zumindest einen Einstiegspunkt. „Projekte ab X Euro“ filtert die Schnäppchenjäger heraus und signalisiert, dass du ein echtes Unternehmen führst. Du wirst ein paar Leads verlieren. Die Leads, die du verlierst, sind genau die, die du ohnehin auf halber Strecke hättest feuern wollen.

Was, wenn ich keine Erlaubnis habe, ein Kundenprojekt zu zeigen?

Erstelle eine fiktive Fallstudie mit einem realistischen Briefing, mach echte Designarbeit und kennzeichne sie klar als Eigenprojekt. Sie ist ein gutes Portfolio-Stück, wenn die Arbeit gut ist. Du kannst auch Kundennamen schwärzen und die Struktur behalten („ein B2B-SaaS-Unternehmen im HR-Bereich“), wenn der Kunde mit einer anonymisierten Veröffentlichung einverstanden ist.

Wie oft sollte ich mein Portfolio aktualisieren?

Jedes Quartal. Füg neue Arbeiten hinzu, streiche alles, was nicht mehr zu deiner Richtung passt, repariere tote Links und frische Testimonials auf. Die meisten Portfolios von freelance Webdesignern veralten innerhalb eines Jahres, weil niemand die Pflege einplant. Ein 30-minütiger Quartalscheck schlägt einen panischen Neuaufbau alle zwei Jahre.

Sollte ich jedes Tool auflisten, das ich nutze?

Nein. 18 Tools aufzulisten lässt dich junior wirken. Liste die zwei oder drei auf, auf die du dich wirklich spezialisiert hast: Webflow, Figma, Framer, was auch immer dein Stack ist. Spezialisierung ist auf einem Portfolio als freelance Webdesigner wertvoller als Breite.

Brauche ich eine separate „Prozess“-Seite?

Sie ist nicht zwingend nötig, aber sie verbessert die Conversion dramatisch. Eine Prozessseite beantwortet die Frage, die sich jeder Kunde insgeheim stellt: „Wie wird es sein, mit dieser Person zu arbeiten?“ Schon eine kurze Seite mit fünf Schritten und einem groben Zeitrahmen reicht, um dich von 90 % der Freelancer-Portfolios abzuheben.

Was ist der größte einzelne Fehler auf Freelancer-Portfolios?

Keine klare Positionierung. Die meisten Portfolios von freelance Webdesignern beginnen mit „Hi, ich bin [Name], eine leidenschaftliche Kreative“ und ohne jeden Hinweis darauf, was sie eigentlich tun und für wen. Die Lösung ist ein langweiliger, konkreter Satz ganz oben. Langweilig ist gut. Konkret ist besser. Mehrdeutig ist tödlich.

Hör auf, Korrekturen über WhatsApp und E-Mail zu jagen. [dotts kostenlos testen →](https://dotts.se)

Weiterführende Lektüre

  • Wie du klares Feedback von Kunden bekommst (ohne den Verstand zu verlieren)
  • Kundenkommunikation für Freelancer: Wie du Projekte ohne Chaos führst
  • Wie du einem Kunden eine Website präsentierst: Eine Schritt-für-Schritt-Anleitung für Freelancer
  • Das unverzichtbare Toolkit für freelance Webdesigner 2026
Leon Eikmeier

Leon Eikmeier ist Mitgründer von dotts und baut seit über 8 Jahren Websites für Freelancer und Agenturen.

Sammle Feedback in Sekunden mit dotts

Schluss mit chaotischen E-Mail-Ketten und unklaren Korrekturwünschen. Mit dotts wird Feedback schnell, klar und organisiert, damit du dich auf das Wesentliche konzentrieren kannst.

Kostenlos ausprobieren
dotts logo
Tools
Preisrechner für Freelancer OG & Social Preview Tool Website-Übergabe-Checkliste
Lösungen
Feedback für Squarespace Feedback für Webflow Feedback für Framer Feedback für Wix
Unternehmen
Funktionen Preise FAQ Blog
© 2026 dotts. Entwickelt in Deutschland 🇩🇪
Gemacht von MetaOne
Datenschutz Impressum