Zurück zum Blog
28. August 202613 Min. LesezeitKarriere

So erstellst du als Freelancer eine Portfolio-Website: Der vollständige Leitfaden 2026

Erstelle eine Freelancer-Portfolio-Website, die Leistungen erklärt, deine Arbeitsweise belegt, Projekte vorstellt und passenden Kunden einen klaren nächsten Schritt zeigt.

Porträt von Javier Martínez Samblas

Javier Martínez Samblas

Gründer von Self · Lebenslauf-Websites mit KI

Bleistiftillustration einer Freelancer-Portfolio-Website mit einem hervorgehobenen Projekt und drei Projektkarten auf einem Desktop-Monitor.

Eine Freelancer-Portfolio-Website sollte passenden Besuchern helfen, dein Angebot zu verstehen, die Eignung deiner Erfahrung für ihr Problem einzuschätzen, brauchbare Belege anzusehen und dich zu kontaktieren. Sie ist mehr als ein Online-Ordner fertiger Arbeit. Sie ist eine gezielte berufliche Seite, die Leistung mit Belegen und Belege mit einem sinnvollen nächsten Schritt verbindet.

Diese Unterscheidung zählt, weil Kunden anders vorgehen als Recruiter. Recruiter kennen vielleicht schon Stelle, Gehaltsspanne, Team und Auswahlprozess. Potenzielle Kunden kommen oft mit unvollständigem Briefing und unklarerer Frage: Kann diese Person helfen, versteht sie Arbeit wie meine und was passiert bei einer Kontaktaufnahme? Deine Website sollte das beantworten, ohne zur vierzigseitigen Agenturpräsentation oder zur Biografie über deinen kreativen Kindheitsbeginn zu werden.

Wozu eine Freelancer-Portfolio-Website tatsächlich dient

Ein Lebenslauf dokumentiert deine Karriere. Eine Freelancer-Website macht daraus ein Angebot für Kunden. Berufslaufbahn, Qualifikationen und ein herunterladbarer Lebenslauf können dazugehören, unterstützen aber die Entscheidung, statt die Struktur zu bestimmen. Die Seite sollte mit Relevanz beginnen: wem du hilfst, was du liefern kannst, welche Arbeit es belegt und wie ein Projekt startet.

Die Website muss einen komplexen Auftrag nicht allein abschließen. Ihre praktische Aufgabe ist, genug Klarheit und Vertrauen für das nächste Gespräch zu schaffen. Besucher sollten keine Stellenbezeichnungen entschlüsseln, Leistungen erraten oder drei Social-Media-Profile nach einer E-Mail-Adresse durchsuchen müssen.

Wähle, wie du die Website erstellst

Wähle einen Veröffentlichungsweg, der dir Zeit für Kunden lässt. Self macht aus deinen beruflichen Unterlagen eine professionell gestaltete Website. Du kannst auch selbst programmieren oder einen allgemeinen Website-Baukasten nutzen, wenn du den Aufbau selbst bestimmen möchtest.

Drei praktische Wege zu einer Freelancer-Portfolio-Website.

Selbst programmieren

Hauptvorteil

Vollständige Kontrolle über Design, Verhalten, Hosting und technische Details

Hauptaufwand

Entwicklung, Barrierefreiheit, Bereitstellung und Pflege bleiben deine Verantwortung

Am besten geeignet für

Entwickler, deren Website selbst relevante technische Fähigkeiten belegt

Allgemeinen Website-Builder nutzen

Hauptvorteil

Manuelle visuelle Kontrolle ohne Programmierung

Hauptaufwand

Du beginnst weiter mit leerer Struktur und triffst jede Inhalts- und Layout-Entscheidung

Am besten geeignet für

Freelancer, die gern selbst gestalten und eine umfassendere Unternehmenswebsite brauchen

Mit dem Lebenslauf in Self starten

Hauptvorteil

Erfahrung und Projekte werden zu einer professionell gestalteten Website

Hauptaufwand

Die Leistungen, Projekte und Ergebnisse auswählen, die Kunden sehen sollen

Am besten geeignet für

Berufstätige, die ihre Mühe in Positionierung und Belege statt in Website-Zusammenbau investieren möchten

Wähle den Erstellungsweg nicht, weil er beeindruckend klingt. Ein freiberuflicher Autor gewinnt wenig, wenn er zwei Wochen ein JavaScript-Framework für den Über-mich-Abschnitt lernt. Ein Frontend-Entwickler kann den Aufbau sinnvoll als Projekt behandeln. Die Methode sollte die Leistung unterstützen und nicht zu einem unverbundenen zweiten Beruf werden.

Self verbindet deine beruflichen Inhalte mit professionellem Design. Passe die Präsentation an und veröffentliche sie in Studio.

Schritt 1: Wähle einen primären Kundentyp und ein nützliches Ergebnis

Beginne mit der Person, die deine Seite überzeugen soll. 'Kleine Unternehmen' ist meist zu breit. Ein freiberuflicher Produktdesigner könnte junge B2B-Softwareteams ansprechen, die ein komplexes Feature einführen. Eine Übersetzerin könnte für europäische Forschungsorganisationen arbeiten, die technische Berichte auf Englisch und Spanisch veröffentlichen. Ein Fotograf könnte unabhängige Gastgewerbe-Marken mit einem einheitlichen Bildbestand für Buchungsplattformen und soziale Medien unterstützen.

Das schließt andere Arbeit nicht aus, sondern gibt der Seite einen Schwerpunkt. Ist der wichtigste Besucher klar, kannst du passende Projekte wählen, Leistungen auf dem richtigen Niveau erklären und Inhalte entfernen, die nur Beschäftigung belegen. Schreibe privat einen Planungssatz: 'Ich helfe [bestimmtem Kunden], [nützliches Ergebnis] durch [Leistung oder Kompetenz] zu erreichen.' Er kann später zur Überschrift werden. Zunächst soll er deine Bearbeitung leiten.

Schritt 2: Mach deine Berufslaufbahn zu Belegen für Kunden

Die meisten Freelancer beginnen nicht bei null. Ihre Belege stecken im falschen Format: Lebenslauf für Arbeitgeber, Unternehmensarbeit, Studienarbeiten, eigene Projekte, Ehrenamt oder nur nach Ergebnis beschriebene Aufträge. Sammle diese Inhalte, bevor du entscheidest, was auf die Website kommt.

  • Projekte, die den Problemen deiner künftigen Kunden ähneln.
  • Berufliche Erfolge, die relevantes Urteilsvermögen, Verantwortung, Größenordnung oder Fachwissen zeigen.
  • Öffentliche Ergebnisse wie Websites, Artikel, Kampagnen, Vorträge, Code, Berichte, Fotos oder Produkte.
  • Empfehlungen, Qualifikationen, Auszeichnungen, Mediennennungen und berufliche Mitgliedschaften, die Unsicherheit verringern.
  • Methoden, Werkzeuge, Sprachen, Branchen und Arbeitsweisen, die dem Zielkunden wichtig sind.
  • Gut bewältigte Einschränkungen wie Fristen, schwieriges Ausgangsmaterial, viele Beteiligte, Barrierefreiheit oder komplexe Übergaben.

Ein Lebenslauf kann die faktische Grundlage liefern. Der Ablauf vom Lebenslauf zur Website von Self kann diese Inhalte zu einer Seite ordnen. Die wertvolle Anpassung für Freelancer kommt danach. Ersetze interne Aufgabenbeschreibungen durch Problem, Beitrag und Ergebnis, die Kunden verstehen. Halte alle Aussagen korrekt und lade keine vertraulichen Arbeitgeberinhalte hoch oder veröffentliche sie, nur weil daraus eine schöne Projektkarte würde.

Schritt 3: Gib der Seite eine kundenfreundliche Struktur

Eine Freelancer-Portfolio-Website braucht zum Start nicht viele Seiten. Eine gut geordnete Seite kann Angebot und Belege zeigen und Kontakt einladen. Eigene Leistungs- oder Projektseiten werden sinnvoll, wenn Inhalte mehr Tiefe brauchen oder verschiedene Suchabsichten ansprechen. Navigation sollte Besucherentscheidungen spiegeln, nicht deine Ablageordner.

Eine praktische Struktur für eine Freelancer-Portfolio-Website.

Einleitung

Beantwortete Frage

Bin ich hier richtig?

Nützlicher Inhalt

Deine Rolle, Zielkunde, relevantes Ergebnis und wichtigste Aktion

Leistungen

Beantwortete Frage

Wofür kann ich dich konkret beauftragen?

Nützlicher Inhalt

Zwei bis vier definierte Angebote mit Umfang, Ergebnissen oder Auftragsart

Ausgewählte Arbeit

Beantwortete Frage

Hast du etwas Relevantes bearbeitet?

Nützlicher Inhalt

Wenige Projekte mit Kontext, Beitrag, Entscheidungen und Ergebnissen

Glaubwürdigkeit

Beantwortete Frage

Warum sollte ich dir vertrauen?

Nützlicher Inhalt

Erfahrung, Kundenstimmen, erkennbare Ergebnisse, Qualifikationen oder durchdachte Prozessbelege

Ablauf

Beantwortete Frage

Was passiert nach der Kontaktaufnahme?

Nützlicher Inhalt

Ein kurzer Weg von Anfrage und Umfangsklärung bis Lieferung und Übergabe

Über uns

Beantwortete Frage

Mit wem werde ich arbeiten?

Nützlicher Inhalt

Relevanter Hintergrund, Perspektive, Standort oder Zeitzone und Zusammenarbeitsstil

Kontakt

Beantwortete Frage

Was ist der nächste Schritt?

Nützlicher Inhalt

Eine klare Einladung, sicherer Kontaktweg und hilfreiche Erwartungen

Die Reihenfolge kann variieren. Visuelle Spezialisten zeigen vielleicht zuerst ihre Arbeit. Berater mit einem engen, hochwertigen Angebot erklären eher zuerst Leistung und Geschäftsproblem. Behalte einen Lesepfad: Versprechen, Belege, Vertrauen, Aktion.

Schritt 4: Schreibe eine Überschrift, in der passende Kunden sich wiedererkennen

Eine nützliche Freelancer-Überschrift ist konkret genug, damit passende Kunden sich wiedererkennen. 'Freiberuflicher Designer' nennt einen Beruf. 'Produktdesigner, der B2B-SaaS-Teams hilft, komplexes Onboarding zu vereinfachen' ergänzt Kunde, Kontext und Problem. Das verspricht weder garantierte Conversion-Steigerung noch die Umgestaltung einer Branche vor dem Frühstück.

Ergänze einen kurzen Absatz über Arbeit, relevante Erfahrung und die Art von Aufträgen, für die du offen bist. Liste nicht jedes Werkzeug im ersten Bildschirmbereich auf. Werkzeuge erklären selten, warum Kunden sich interessieren sollten. Eine Logowand kann erfahrene Spezialisten wie Sammler von Software-Testkonten wirken lassen.

Schritt 5: Beschreibe Leistungen mit klarem Umfang

Potenzielle Kunden müssen wissen, was sie anfragen können. Benenne Leistungen vertraut, erkläre das gelöste Problem, nenne die wichtigsten Ergebnisse und setze wesentliche Grenzen. 'Content-Strategie' ist vage. 'Vierwöchiges Content-Audit mit Roadmap für B2B-Produktteams' gibt Besuchern etwas, worüber sie sich ein Gespräch vorstellen können.

Bei stark wechselndem Aufwand musst du keine Festpreise veröffentlichen. Schweigen zum Umfang erzeugt aber unnötige Reibung. Nenne typisches Format, Dauer, Ausgangspunkt oder Faktoren der Schätzung. Erfinde keine Pakete, nur um drei Preiskarten zu füllen. Zwei klar verschiedene Leistungen sind besser als Bronze-, Silber- und Goldvarianten der Unklarheit.

  • Beschreibe die Kundensituation oder den Anlass, für den die Leistung nützlich ist.
  • Nenne das wichtigste Ergebnis oder die Veränderung für Kunden, nicht jede interne Aufgabe.
  • Kläre, ob es um Projekt, laufende Betreuung, Audit, Workshop, Beratung oder ein anderes Format geht.
  • Nenne Ausschlüsse gegen vorhersehbare Missverständnisse und behalte ausführliche Bedingungen für Angebot oder Vertrag vor.
  • Schließe mit einem passenden nächsten Schritt: Briefing besprechen, Verfügbarkeit prüfen oder begrenzte Aufwandsschätzung anfragen.

Schritt 6: Mach Portfolio-Arbeiten zu überzeugenden Fallstudien

Eine Projektgalerie zeigt Geschmack und Bandbreite. Eine Fallstudie hilft Kunden einzuschätzen, ob du ihre Situation bewältigst. Erkläre zu jedem ausgewählten Projekt Kontext, Problem, genaue Rolle, wichtige Entscheidungen, Arbeitsergebnis und Wirkung. Halte den Umfang angemessen: Oft reichen drei gezielte Absätze und wenige relevante Bilder statt einer Dokumentarserie.

Trenne deinen Beitrag vom Teamergebnis. Erkläre Verantwortung, Einflüsse anderer und entscheidende Einschränkungen. Darfst du Kunde, Kennzahl oder Material nicht nennen, halte dich an die Vereinbarung und hole Erlaubnis ein, statt Anonymisierung für ausreichend zu halten. Allgemeiner Kontext, freigegebene Beschreibung, rekonstruiertes Beispiel oder ein ehrlicher Vertraulichkeitshinweis können die richtige Grenze sein.

Ergebnisse brauchen nicht immer Prozentwerte. Ein geliefertes System, freigegebene Richtung, erfolgreicher Start, weniger Unklarheit, dokumentierte Übergabe, Folgeauftrag oder konkrete Erkenntnis können Belege sein. Erfinde nie Geschäftsergebnisse für hypothetische Arbeit. Kennzeichne eigene Projekte klar und bewerte sie anhand des tatsächlichen Problems, der Überlegungen, Umsetzung und Tests.

Nutze Bilder nur, wenn sie Lesern die Bewertung der Arbeit erleichtern. Self unterstützt Projektmedien auf Portfolio-Seiten. Auch ein schönes Bild braucht aber eine Bildunterschrift oder nahe Erklärung dessen, was zählt und was du beigetragen hast.

Schritt 7: Schaffe Glaubwürdigkeit, bevor du perfekte Kundenstimmen hast

Kundenstimmen helfen, wenn sie konkret, echt und mit Erlaubnis veröffentlicht sind. Vertrauen entsteht auch anders: durch klare Abläufe, korrekt zugeordnete Arbeit, Berufserfahrung, relevante Qualifikationen, öffentliche Texte, Empfehlungen oder durchdachte Erklärungen von Grenzen. All das kann Unsicherheit verringern.

Hast du keine Freelancer-Kundenstimmen, erfinde keine und bitte keinen Freund, eine nie erhaltene Leistung zu bewerten. Du kannst frühere Vorgesetzte, Kollegen, Lehrende, Mitwirkende oder Ehrenamtsorganisationen um Empfehlungen zu direkt beobachteten Eigenschaften bitten. Beschreibe die Beziehung korrekt. 'Maya zwei Jahre bei Unternehmensforschungsprojekten geführt' ist ehrlicher Kontext. Dieselbe Person als zufriedenen Freelancer-Kunden auszugeben ist es nicht.

Schritt 8: Erkläre den Ablauf und erleichtere Kontakt

Ein kurzer Ablaufabschnitt zeigt Kunden, dass die Arbeit nicht in einer Posteingangshöhle verschwindet. Erkläre den Weg nach Kontaktaufnahme: Eignungsprüfung, Briefing oder Erstgespräch, abgegrenztes Angebot, Vereinbarung und gegebenenfalls Anzahlung, Arbeitsphasen, Prüfung, Lieferung und Übergabe. Der genaue Ablauf hängt von der Leistung ab, sollte aber klare Grenzen und Entscheidungen zeigen.

Nutze eine wichtigste Handlungsaufforderung. 'Dein Projekt besprechen' kann zu einem kurzen Formular oder einer beruflichen E-Mail führen. Frage nur Informationen für den nächsten Schritt ab: Organisation, Problem, gewünschtes Ergebnis, ungefährer Zeitplan und Kontakt. Verlange kein fertiges Beschaffungsdokument vor der Begrüßung. Nenne eine realistische Antwortfrist, die du einhalten kannst, und veröffentliche nie private Telefonnummer oder Wohnadresse, nur um verfügbar zu wirken.

Schritt 9: Gestalte für Klarheit, Barrierefreiheit und echte Geräte

Das Design sollte deine angebotene Arbeit unterstützen. Kreative Freelancer brauchen vielleicht eine stärkere visuelle Haltung; Berater bei sensiblen betrieblichen Aufgaben eher Zurückhaltung. In beiden Fällen muss die Seite lesbar, bei üblichen Verbindungen schnell genug, per Tastatur bedienbar und auf Smartphones stimmig bleiben.

Wähle Alternativtexte nach dem Zweck jedes Bildes, statt jede Beschreibung mit Keywords zu füllen. Der W3C-Entscheidungsbaum für Bildalternativen unterscheidet informative, funktionale, redundante und dekorative Bilder. Portfolio-Bilder brauchen oft eine kurze Beschreibung und sichtbaren Fallstudienkontext. Dekorative Zeichen sollten Hilfstechnologien nicht mit Störinformationen belasten.

  • Nutze klare Überschriften, lesbare Kontraste, sinnvolle Schriftgrößen und sichtbare Fokuszustände.
  • Komprimiere Bilder ohne die Bewertung der Arbeit zu erschweren und gib Maße an, damit das Layout nicht springt.
  • Teste jeden Link, jedes Formular, Video und jede Projektinteraktion auf Desktop und Smartphone.
  • Vermeide Bewegung, die das Lesen blockiert oder die Einstellung für reduzierte Bewegung ignoriert.
  • Platziere wesentliche Projekterklärungen nicht in Bildern, wo sie sich nicht zuverlässig auswählen, übersetzen oder lesen lassen.

Schritt 10: Wähle eine berufliche Web-Adresse und ergänze Suchgrundlagen

Eine klare gehostete Adresse reicht zur Veröffentlichung. Eine eigene Domain ist leichter zu merken und bleibt für Angebote, E-Mail-Signaturen, Social-Media-Profile und spätere Plattformwechsel nützlich. Wähle einen Namen, den du laut nennen kannst, ohne eine taktische Bindestrichanordnung zu erklären. In Self kannst du eine Domain mit dem eingebauten Ablauf verbinden, ohne die Seite neu zu erstellen.

Gib der Seite einen kurzen, beschreibenden Titel und eine Zusammenfassung. Nutze eine klare Hauptüberschrift, halte wichtige Texte als echtes HTML sichtbar und beschreibe Linkziele mit passenden Beschriftungen. Googles SEO-Einstiegsleitfaden betont, Menschen und Suchmaschinen beim Verstehen von Inhalten zu helfen. Das ist nützlicher, als 'bester freiberuflicher Designer' zu wiederholen, bis die Seite nervös klingt.

Suchziele sollten den Leistungen folgen. Die Startseite kann deine gesamte Tätigkeit positionieren; eine wirklich andere Leistung verdient vielleicht eine eigene Seite mit Zielgruppe, Problem, Belegen und Kontakt. Erstelle nicht dutzende dünne Orts- oder Branchenseiten, deren einziger Unterschied das Substantiv in der Überschrift ist. Veröffentliche Seiten erst mit genug relevantem Inhalt, um nützlich zu sein.

Prüfe vor dem Start Namen, Daten, Links, Rechte, Aussagen, Leistungsgrenzen, Rechtschreibung, mobiles Layout, Metadaten und Kontaktweg. Bitte jemanden aus deiner Zielgruppe, nach kurzem Lesen vier Fragen zu beantworten: Was biete ich, für wen, welcher Beleg überzeugte am meisten und wie würdest du mich kontaktieren? Unklarheit darin ist wertvoller als Lob für die Farbpalette.

Veröffentliche, sobald die Website stimmig ist, nicht erst mit jedem künftigen Projekt. Ergänze den Link in E-Mail-Signatur, LinkedIn, Angeboten, Marktplatzprofilen, Berufsverzeichnissen, Vorträgen, Autorenbiografien und passenden Kontaktaufnahmen. Behalte eine zentrale Adresse, statt je nach Herkunft der Anfrage verschiedene halb gepflegte Portfolios zu verschicken.

Prüfe die Website, wenn Angebot, öffentliches Projekt, Verfügbarkeit oder Aktualität einer Aussage sich ändern. Für viele Freelancer reicht eine vierteljährliche Prüfung. Das Ziel ist kein ständiges Redesign, sondern dass deine öffentliche Arbeit nicht zum Museum der Leistungen wird, die du vor zwei Jahren eingestellt hast.

Was du auf einer Freelancer-Portfolio-Website weglassen solltest

  • Jedes je abgeschlossene Projekt, unabhängig von Relevanz oder Qualität.
  • Unerklärte Screenshots, Logowände und Werkzeuglisten, deren Bezug zum Kundenproblem Besucher erraten müssen.
  • Vertrauliche Dateien, Kundendaten, interne Dashboards, private Nachrichten oder Inhalte ohne Eigentum oder Veröffentlichungsrecht.
  • Erfundene Kundenstimmen, übertriebene Titel, fiktive Kennzahlen und hypothetische Projekte als bezahlte Aufträge.
  • Eine lange persönliche Geschichte, die Leistungen und Belege verzögert, für die Besucher gekommen sind.
  • Mehrere konkurrierende Aufforderungen zu Newslettern, sozialen Kanälen, Beratung, Downloads und Kursen, bevor die Hauptleistung klar ist.
  • Veraltete Verfügbarkeit, Preise, Leistungen oder Kontaktdaten, die eine sonst professionelle Seite unzuverlässig machen.

Eine überzeugende Freelancer-Website kann klein beginnen

Die erste Fassung braucht eine genaue Vorstellung, eine definierte Leistung, zwei oder drei relevante Beispiele, genug Glaubwürdigkeit gegen offensichtliche Zweifel und einen funktionierenden Kontaktweg. Alles Weitere muss seinen Platz verdienen. Ausführlichere Fallstudien, eigene Leistungsseiten, Texte, Kundenstimmen, Analysen oder eine Domain kannst du mit der Entwicklung deiner Tätigkeit ergänzen.

Der freelancerfreundliche Portfolio-Website-Builder von Self beginnt mit Lebenslauf, Portfolio-Text oder beruflichen Inhalten, die du bereits hast. Lass die Struktur erstellen, wähle eine Vorlage und bearbeite Positionierung, Leistungen, Belege und Kontakt für deine Zielkunden. Die nützliche Abkürzung vermeidet eine leere Seite. Die Entscheidung, was deine Tätigkeit verspricht, bleibt deine.

Eine Freelancer-Portfolio-Website gelingt, wenn sie eine komplexe Berufslaufbahn einfach wirken lässt, ohne sie zu verfälschen. Sage passenden Menschen, wobei du hilfst, zeige genug Belege für Vertrauen in den nächsten Schritt und mache diesen leicht. Veröffentliche zuerst diese Fassung. Das große Agenturimperium kann warten, bis es Mitarbeitende hat.