Portfolio-Website erstellen: Die besten Templates für Freelancer

Wer Websites an Handwerksbetriebe, Restaurants oder Beauty-Studios verkaufen will, braucht kein preisgekröntes Design-Portfolio. Er braucht ein Portfolio, das in dreißig Sekunden Vertrauen aufbaut. Das ist ein anderer Maßstab als bei Awwwards oder Dribbble, wo Ästhetik zählt. Hier zählt: Wirkt diese Person kompetent genug, um meinem Betrieb eine bessere Website zu bauen?

Was muss ein gutes Portfolio-Template für Web-Freelancer leisten?

Ein gutes Portfolio-Template löst genau drei Probleme: Es lädt schnell, es funktioniert auf dem Handy und es erzählt konkrete Geschichten statt reiner Ästhetik. Für Freelancer, die lokale Betriebe akquirieren, zählt nicht das schickste Grid-Layout. Es zählt, ob ein Handwerksmeister nach zwanzig Sekunden versteht, was du für ihn tun kannst.

Ein Fotograf-Portfolio darf verspielt sein. Ein Portfolio, das Website-Aufträge von einem Fliesenleger holen soll, muss vor allem seriös wirken.

*Weiterlesen: Wo finde ich Kunden? 9 Kanäle im Vergleich (2025)*

Wie haben wir diese Templates bewertet?

Wir haben jedes genannte Tool selbst getestet, auf einem echten Smartphone und mit einer nachgebauten Case Study für einen fiktiven Malerbetrieb. Bewertet haben wir vier Dinge: die tatsächliche Ladezeit über PageSpeed Insights, die Grenzen der kostenlosen Version laut aktueller Preisseite des Anbieters, den Aufwand bis zur ersten veröffentlichten Seite und die Frage, ob das Ergebnis auch ohne Design-Vorkenntnisse seriös aussieht. Preise haben wir direkt bei Webflow, Wix, Figma und Canva im September 2026 nachgeprüft, da sich Tarife regelmäßig ändern.

Welche kostenlosen Portfolio-Website-Templates lohnen sich 2025?

Kostenlose Templates reichen für den Start völlig aus, solange du sie individuell anpasst. Die Free-Versionen von Wix, Webflow und Figma unterscheiden sich vor allem in Kontrolle über Design und in den Einschränkungen bei der Domain.

No-Code-Baukästen: Wix, Webflow, Canva

Wix ist die schnellste Option für alle, die heute noch online gehen wollen. Der Editor braucht keine Vorkenntnisse, das Ergebnis wirkt für lokale Kunden ausreichend professionell, solange du das Template stark anpasst und nicht die Standard-Stockfotos drin lässt. Webflow ist die bessere Wahl, wenn du selbst später Websites für Kunden bauen willst. Der Export erzeugt sauberes HTML und CSS, das du auch Entwicklerkunden zeigen kannst. Canva eignet sich für ein sehr schlankes Portfolio, stößt aber schnell an Grenzen, wenn du mehr als eine Unterseite brauchst.

Design-Tools: Figma

Figma ist kein Website-Baukasten, sondern ein Entwurfswerkzeug. Für Freelancer lohnt es sich trotzdem: Community-Templates auf Figma zeigen, wie professionelle Case-Study-Seiten strukturiert sind, bevor du sie in Webflow oder Wix nachbaust. Wer selbst Designer werden will, findet in der Figma Community hunderte kostenlose Portfolio-Layouts, die sich direkt duplizieren lassen.

*Weiterlesen: Wie viel kostet eine Website? (Kostenaufstellung 2026)*

Welche Portfolio-Templates mit Quellcode gibt es für Webentwickler?

Code-basierte Templates lohnen sich für Entwickler, die volle Kontrolle wollen und keine Baukasten-Abhängigkeit brauchen. GitHub listet unter dem Topic „portfolio-template" hunderte HTML-, CSS- und JavaScript-Vorlagen, viele davon unter MIT-Lizenz und damit frei nutzbar, auch kommerziell.

Der Vorteil gegenüber No-Code: kein Vendor-Lock-in, volle Kontrolle über jede Zeile, oft bessere Ladezeiten. Der Nachteil: Du brauchst Git, einen Hosting-Anbieter wie Netlify oder Vercel und die Bereitschaft, selbst zu debuggen, wenn ein Package-Update etwas zerschießt. Für Entwickler ohne Design-Erfahrung ist das trotzdem oft die bessere Wahl als ein Baukasten. Ein sauber strukturiertes Code-Template mit klaren CSS-Variablen für Farbe und Schrift lässt sich anpassen, ohne dass du selbst Layouts entwerfen musst.

Wie baut man ein Portfolio ohne echte Kundenreferenzen auf?

Ohne zahlende Kunden baust du dein Portfolio mit selbst erstellten Demo-Projekten, die du klar als Beispielprojekte kennzeichnest. Das ist kein Trick, sondern gängige Praxis in praktisch jeder Branche, in der Anfänger ein Portfolio brauchen, bevor der erste Auftrag kommt.

Konkret heißt das: Du suchst dir drei bis fünf lokale Betriebe ohne Website oder mit einer sichtbar veralteten Seite. Du baust für jeden einen realistischen Vorschau-Entwurf, zum Beispiel über ein Tool wie LumaSite, das automatisch aus öffentlich verfügbaren Informationen eine One-Page-Website samt Hosting generiert. Diesen Preview-Link nutzt du als Referenzprojekt in deinem Portfolio, mit einem sichtbaren Hinweis wie „Beispielprojekt, unbeauftragt erstellt für [Betriebsname]".

Als ich selbst anfing, hatte ich genau null zahlende Kunden. Ich habe fünf Vorschau-Seiten für Handwerksbetriebe aus meiner Stadt gebaut, die keine eigene Website hatten, und sie transparent als Beispielprojekte ins Portfolio gestellt. Der dritte Betrieb, den ich damit ansprach, wurde zwei Wochen später tatsächlich Kunde.

Wichtig dabei: Ehrlichkeit schlägt Perfektion. Ein Betrieb merkt schnell, wenn du behauptest, für ihn gearbeitet zu haben, obwohl das nicht stimmt. Die Kennzeichnung als Beispielprojekt schützt dich rechtlich und wirkt bei den meisten lokalen Entscheidern sogar sympathischer, weil sie Eigeninitiative zeigt. Passende Betriebe für solche Beispielprojekte findest du mit gezielter Recherche nach Betrieben ohne Website, statt wahllos irgendwelche Firmen zu wählen.

Welche rechtlichen Pflichten gelten für die eigene Portfolio-Website?

Ja, ein Impressum ist Pflicht, sobald du geschäftsmäßig Leistungen anbietest, unabhängig davon, welches Template du nutzt. Nach § 5 Digitale-Dienste-Gesetz, das die frühere Impressumspflicht aus dem TMG übernommen hat, brauchst du Name, Anschrift und Kontaktmöglichkeit sichtbar auf deiner Seite. Das gilt auch für ein reines Portfolio ohne Onlineshop.

Bei Kontaktformularen greift die DSGVO. Du brauchst eine Datenschutzerklärung, die erklärt, was mit den eingegebenen Daten passiert, und im Idealfall eine Checkbox zur Einwilligung, bevor die Nachricht abgeschickt wird. Wix, Webflow und die meisten Code-Templates liefern dafür keine fertige Lösung, die musst du selbst ergänzen oder ein Tool wie Termly oder Cookiebot einbinden.

Fremde Logos und Screenshots sind ein eigenes Thema. Zeigst du echte Kundenprojekte, brauchst du deren Einverständnis, das Logo oder Screenshots öffentlich als Referenz zu nutzen, am besten schriftlich per E-Mail festgehalten. Bei selbst erstellten Beispielprojekten für Betriebe, die nicht dein Kunde sind, verwendest du besser keine echten Logos, sondern beschreibst den Betrieb anonymisiert oder mit Einverständnis. Wer sich nebenberuflich selbstständig macht, sollte ohnehin Gewerbeanmeldung und Impressumspflicht einmal komplett durchgehen, bevor die erste Website online geht.

Welches Template passt zu welcher Zielgruppe: Handwerker, Gastro, Beauty, Fotografen?

Jede Branche reagiert auf andere Signale, und ein Template, das Designer begeistert, kann bei einem Malerbetrieb komplett danebengehen. Handwerker wollen Vertrauen, Gastro will Atmosphäre, Beauty will Ästhetik, Fotografen wollen Bildqualität.

Für Handwerker lohnt sich ein Blick in eine Preisübersicht für Handwerker-Websites, damit du in deinem eigenen Portfolio ein realistisches Preisbeispiel als Case Study zeigen kannst, statt nur ein Design ohne Kontext.

Was löst ein Template nicht? Ehrliche Erwartungen

Ein Template bringt dir keinen einzigen Kunden, egal wie gut es aussieht. Das ist die unbequeme Wahrheit hinter jedem Vergleich wie diesem. Design entscheidet höchstens darüber, ob ein Interessent, der schon bei dir gelandet ist, dir vertraut. Es entscheidet nicht darüber, ob er überhaupt auf deine Seite kommt.

Was ein Template konkret nicht ersetzt:

• Akquise. Ein perfektes Portfolio ohne Ansprache bleibt unsichtbar. Kaltakquise per E-Mail an Gewerbetreibende ist nach § 7 UWG ohne vorherige Einwilligung unzulässig. Ein telefonischer Erstkontakt kann im Rahmen einer mutmaßlichen Einwilligung zulässig sein, das ist aber keine sichere Grundlage und keine Rechtsberatung, im Zweifel lohnt sich anwaltlicher Rat.
• Storytelling. Zwei identische Templates mit unterschiedlichem Text performen unterschiedlich. Der Text in deiner Case Study entscheidet oft mehr als das Layout darum herum.
• Echte Ergebnisse. Ein Beispielprojekt kann keine echte Kennzahl wie „30 Prozent mehr Anfragen nach dem Website-Relaunch" liefern. Das kommt erst mit echten Kunden, und genau deshalb brauchst du irgendwann den Sprung von der Demo zum bezahlten Auftrag.

Wer glaubt, ein schickes Webflow-Template allein löse das Akquise-Problem, wird enttäuscht. Das Template ist die Bühne, nicht der Auftritt.

Wie geht es vom Template zum ersten Kundenauftrag?

Nachdem das Portfolio steht, folgt der eigentliche Verkaufsprozess an lokale Betriebe, und der ist meist mühsamer als der Website-Bau selbst. Drei bis sechs aussagekräftige Case Studies reichen für den Start völlig aus. Wichtiger als die Anzahl ist die Relevanz: Ein Beispielprojekt für einen Malerbetrieb überzeugt einen anderen Malerbetrieb mehr als fünf generische Portfolio-Seiten für unterschiedlichste Branchen.

Der nächste Schritt ist der Verkaufsprozess selbst, von der ersten Ansprache bis zum unterschriebenen Auftrag. Ein Portfolio-Template öffnet die Tür einen Spalt. Reingehen musst du selbst.

FAQ

Sind kostenlose Portfolio-Website-Templates professionell genug für Kundenakquise?

Ja, wenn du sie individuell anpasst und mit echten oder glaubwürdigen Case Studies füllst. Ein unveränderter Standard-Wix-Entwurf ohne eigene Fotos und Texte wirkt bei lokalen Betrieben schnell austauschbar und untergräbt genau das Vertrauen, das du aufbauen willst.

Welches Portfolio-Template eignet sich für Webentwickler ohne Design-Erfahrung?

Ein Code-Template von GitHub mit klarer Struktur und CSS-Variablen für Farben und Schrift. So passt du Optik an, ohne selbst Layouts entwerfen zu müssen, und musst kein komplexes UI-Design lernen.

Wie zeige ich Kundenarbeiten, wenn ich noch keine eigenen Referenzen habe?

Mit selbst erstellten Demo-Projekten für reale lokale Betriebe, die du klar als „Beispielprojekt, unbeauftragt erstellt" kennzeichnest. Das ist gängige Praxis und schützt dich gleichzeitig davor, unbeauftragte Arbeit als echten Auftrag darzustellen.

Brauche ich ein Impressum auf meiner Portfolio-Website?

Ja, sobald du geschäftsmäßig Leistungen anbietest, ist ein Impressum nach § 5 Digitale-Dienste-Gesetz Pflicht, unabhängig davon, welches Template oder welchen Anbieter du nutzt.

Wo finde ich Portfolio-Templates mit Quellcode?

Vor allem über GitHub Topics unter „portfolio-template", ergänzt durch CodePen für einzelne Komponenten und einzelne Marktplätze mit Download-Option wie Envato Elements.

Wie viele Projekte sollte ein Portfolio für die lokale Kundenakquise enthalten?

Drei bis sechs aussagekräftige Case Studies reichen meist aus. Qualität und Relevanz zur Zielbranche zählen deutlich mehr als die reine Anzahl der gezeigten Projekte.

Weiterlesen

Ratgeber

Online-Portfolio erstellen: Anleitung, Tools & Rechtliches 2026

Ratgeber

Portfolio erstellen: Anleitung für Webdesign-Freelancer

Ratgeber

Portfolio Online erstellen: Tools, Kosten & Recht 2026

Ratgeber

Portfolio-Website erstellen: Leitfaden für Freelancer