Portfolio-Website erstellen: Leitfaden für Freelancer

Warum ist deine Portfolio-Website ein Verkaufswerkzeug und keine Design-Trophäe?

Ein Akquise-Portfolio verkauft, ein Bewerbungsportfolio beeindruckt. Das klingt nach Spitzfindigkeit, ist aber der Unterschied zwischen fünf Anfragen pro Monat und einer Sammlung von Likes auf Awwwards. Wer sich auf UX/UI-Jobs bei Agenturen bewirbt, zeigt Prozessdenken, Design-Systeme und Experimentierfreude. Ein Portfolio, das Friseursalons, Handwerksbetriebe oder Architekturbüros als Kunden gewinnen soll, muss etwas anderes beweisen: dass du ihr konkretes Problem lösen kannst und dass die Zusammenarbeit mit dir unkompliziert ist.

Lokale Betriebe googeln nicht „beste UI-Patterns 2025". Sie suchen jemanden, der eine Website baut, die neue Kunden bringt, verständlich kommuniziert und pünktlich liefert. Dein Portfolio muss also weniger nach Design-Studio aussehen und mehr nach einer verlässlichen Dienstleistung mit sichtbaren Ergebnissen. Wer gerade erst nebenberuflich in den Webdesign-Verkauf einsteigt, findet in unserem Leitfaden für nebenberufliche Webdesigner eine Startstruktur, bevor überhaupt die erste Case Study entsteht.

*Weiterlesen: Website mit KI erstellen: Tools, Grenzen, Workflow*

Welche Plattform passt: Baukasten, CMS oder Custom-Code?

Für die meisten Freelancer reicht ein Baukasten völlig aus. Die Entscheidung hängt von drei Dingen ab: wie viel Zeit du investieren willst, wie viel technisches Vorwissen du mitbringst und wie sehr dein Portfolio selbst als Design-Beweis dienen soll.

Wann reicht ein Baukasten?

Ein Baukasten reicht, wenn dein Ziel Anfragen sind und nicht ein Entwickler-Job. Handwerksbetriebe interessiert nicht, ob deine Portfolio-Seite in React gebaut ist. Sie interessiert, ob die Case Study zeigt, dass du ihr Problem verstehst. Webflow, Format.com oder ein sauber angepasstes WordPress-Theme reichen aus, solange du das Template wirklich anpasst und nicht unverändert aus der Vorlagenbibliothek übernimmst. Ein unangepasstes Template erkennt jeder, der schon drei Portfolio-Seiten gesehen hat, und bei Handwerkern fällt das zwar seltener auf, wirkt aber trotzdem generisch.

Wann lohnt sich Custom-Code?

Custom-Code lohnt sich, wenn du Webentwicklung als Teil deines Angebots verkaufst. Wenn du Kunden sagst „ich baue performante, individuell programmierte Websites", dann sollte deine eigene Seite das auch beweisen. Für reine Gestaltungs- und Marketing-Pakete an lokale Betriebe ist der Mehraufwand meist nicht gerechtfertigt. Die 20 bis 40 Stunden investierst du besser in zwei zusätzliche Case Studies.

Brauchst du eine eigene Domain und wie wichtig ist Hosting?

Ja, eine eigene Domain ist Pflicht, keine Option. Eine Adresse wie `deinname.wixsite.com/portfolio` signalisiert einem Friseursalon oder Dachdeckerbetrieb sofort: nebenbei, unfertig, nicht ernst gemeint. Eine registrierte Domain kostet bei Anbietern wie IONOS oder Namecheap zwischen 10 und 20 Euro im Jahr, das SSL-Zertifikat ist bei fast jedem Hoster mittlerweile inklusive.

Drei technische Basics entscheiden, ob ein nicht-technischer Entscheider dir vertraut:

• SSL-Zertifikat aktiv, erkennbar am Schloss-Symbol im Browser. Fehlt das, wirkt die Seite unsicher, selbst wenn der Inhalt stimmt.
• Ladezeit unter 2,5 Sekunden auf dem Smartphone. Der Largest Contentful Paint (LCP), der die Ladegeschwindigkeit misst, gilt bei Google als „gut", wenn er unter 2,5 Sekunden liegt, testbar über PageSpeed Insights.
• Mobile-First-Darstellung. Die meisten Inhaber kleiner Betriebe öffnen deinen Link auf dem Handy zwischen zwei Kundenterminen, nicht am Desktop im Büro.

Wer dir eine Website mit 6 Sekunden Ladezeit verkaufen will, hat selbst keine gute Ausgangsposition, um über schnelle, moderne Websites zu sprechen. Responsive Design ist hier kein Nice-to-have, sondern der erste Vertrauensbeweis.

Wie baust du Case Studies, die lokale Betriebe wirklich überzeugen?

Eine überzeugende Case Study folgt der Struktur Problem, Prozess, Ergebnis, aber branchenspezifisch zugeschnitten statt generisch formuliert. Eine Case Study für einen Friseursalon braucht andere Argumente als eine für ein Architekturbüro. Für den Salon zählt: mehr Terminbuchungen, bessere Sichtbarkeit bei „Friseur [Stadtname]". Für das Büro zählt: professionelle Außenwirkung bei Ausschreibungen.

Baue jede Case Study in drei klaren Blöcken auf:

1. Problem: Was hatte der Betrieb vorher? Keine Website, eine veraltete Facebook-Seite, eine Seite ohne Mobile-Darstellung. Konkret benennen, nicht andeuten.
2. Prozess: Welche Entscheidungen hast du getroffen und warum? Ein Satz zur Zielgruppe, ein Satz zur Struktur, ein Satz zum Design.
3. Ergebnis: Was hat sich gemessen verändert? Mehr Anfragen, bessere Platzierung bei Local SEO, kürzere Ladezeit.

Wie zeigst du Vorher-Nachher richtig?

Zeig den Kontrast so konkret wie möglich, am besten mit zwei Screenshots nebeneinander. Ein Screenshot der alten Facebook-Seite oder der fehlenden Website neben dem neuen Design sagt in drei Sekunden mehr als ein Absatz Text. Wichtig: Beschrifte beide Bilder mit Datum oder Status, sonst wirkt der Vergleich konstruiert.

Welche Ergebnisse zählen mehr als Screenshots?

Zahlen schlagen Bilder. „Anfragen über das Kontaktformular von 2 auf 11 pro Monat gestiegen" überzeugt mehr als ein hübsches Mockup ohne Kontext. Wenn echte Zahlen fehlen, weil das Projekt neu ist, nenn stattdessen harte Fakten zum Umfang: Seitenanzahl, Ladezeit, Umsetzungsdauer. Ein Satz wie „von Erstgespräch bis Live-Schaltung in 9 Tagen" ist für einen Handwerksbetrieb oft überzeugender als jede Design-Beschreibung, weil Handwerker in Lieferzeiten denken.

Welche Design-Prinzipien machen ein Portfolio überzeugend?

Lesbarkeit schlägt Originalität, wenn deine Zielgruppe nicht-technische Entscheider sind. Ein Handwerksbetrieb-Inhaber liest dein Portfolio zwischen zwei Terminen auf dem Handy, nicht mit der Geduld eines Design-Jurors. Drei Prinzipien zahlen direkt auf Vertrauen ein:

• Weißraum: Lass Platz um Bilder und Texte. Vollgepackte Seiten wirken unprofessionell, egal wie gut die einzelnen Elemente sind.
• Typografie: Zwei Schriftarten reichen, eine für Überschriften, eine für Fließtext. Schriftgröße mindestens 16 Pixel für Lesbarkeit auf Mobilgeräten.
• Navigation: Maximal fünf Menüpunkte. Start, Projekte, Über mich, Preise, Kontakt. Mehr verwirrt, weniger wirkt unfertig.

Zur Inspiration lohnt ein Blick auf Awwwards oder die Beispielseite von Format.com. Vorsicht aber: Diese Portfolios richten sich an Design-Agenturen und Juroren, nicht an Handwerksbetriebe. Kopier das Layout, nicht den Ton. Ein Handwerker versteht „innovative visuelle Experimente" nicht als Verkaufsargument, sondern als Warnsignal für hohe Rechnungen.

Die About-Seite sollte ein Foto von dir, zwei bis drei Sätze zu deiner Spezialisierung und einen Hinweis auf deine Region enthalten, falls du lokal arbeitest. Die Kontaktseite braucht ein einfaches Formular mit maximal vier Feldern: Name, Betrieb, E-Mail, kurze Nachricht. Jedes zusätzliche Pflichtfeld senkt die Abschlussrate messbar, das ist bei Kontaktformularen seit Jahren ein bekanntes Muster aus der Conversion-Optimierung.

Wie löst du das Kaltstart-Problem ohne einen einzigen echten Auftrag?

Ohne echte Kundenprojekte baust du dein Portfolio mit KI-generierten Demo-Websites für reale lokale Betriebe, klar als Konzeptbeispiel gekennzeichnet. Das ist der größte Unterschied zum klassischen Bewerbungsportfolio: Niemand verlangt von dir, dass jedes Projekt ein bezahlter Auftrag war, solange du ehrlich sagst, was es ist.

Tools wie LumaSite generieren in Minuten eine fertige Website für einen konkreten, existierenden Betrieb, inklusive Preview-Link. Statt dir einen fiktiven „Müller GmbH"-Kunden auszudenken, suchst du dir einen echten Handwerksbetrieb ohne eigene Website, erstellst für ihn ein Konzept und zeigst es als „Redesign-Vorschlag". Wie du passende Betriebe ohne eigene Website überhaupt findest, zeigt der Leitfaden zum Finden von Betrieben ohne Website.

Mockup oder echter Betrieb als Vorlage?

Ein echter Betrieb überzeugt deutlich mehr als ein frei erfundenes Mockup. Ein ausgedachter „Frisörsalon Beispiel GmbH" wirkt seelenlos, weil Texte, Fotos und Leistungen nicht zu einem echten Ort gehören. Nimmst du dagegen einen realen Salon aus deiner Stadt, kannst du mit echten Öffnungszeiten, echter Adresse und plausiblen Leistungen arbeiten. Der Besucher deines Portfolios erkennt den Unterschied sofort, auch wenn er nicht genau benennen kann, warum.

Wie kennzeichnest du eine Demo ethisch korrekt?

Markiere jede Demo klar und sichtbar als Konzeptbeispiel, nicht als abgeschlossenen Auftrag. Ein Satz wie „Konzept-Redesign, nicht im Auftrag des Betriebs entstanden" direkt unter dem Projekttitel reicht aus. Das schützt dich rechtlich und vor Vertrauensverlust, falls der Betrieb oder ein Kunde des Betriebs deine Seite entdeckt. Wichtig dabei: Ob du den Betrieb anschließend aktiv kontaktieren darfst, ist eine andere Frage als das Portfolio selbst. E-Mail-Werbung ohne vorherige ausdrückliche und nachweisbare Einwilligung des Empfängers wird nach § 7 UWG als belästigende Werbung angesehen und ist deshalb grundsätzlich unzulässig, unabhängig davon, ob Verbraucher oder Unternehmer angesprochen werden, während bei einem Anruf die mutmaßliche Einwilligung des Adressaten ausreichend sein kann, wobei auf die Umstände vor dem Anruf sowie auf Art und Inhalt der Werbung abzustellen ist. Das ist im Einzelfall zu prüfen und keine Rechtsberatung, hol dir im Zweifel fachlichen Rat, bevor du aktiv auf Betriebe zugehst.

*Weiterlesen: Webdesign Kunden finden: Kundenakquise für Webdesigner und Agenturen mit echten Zahlen*

Wie kommunizierst du Preise direkt im Portfolio?

Zeig Paketpreise mit klarem Leistungsumfang, statt Preise zu verstecken oder nur „auf Anfrage" anzubieten. Lokale Betriebe sind preissensibler als Startups oder Agenturkunden, und versteckte Preise wirken auf Handwerker eher wie ein Warnsignal als wie Exklusivität. Eine einfache Dreier-Staffelung funktioniert gut:

Konkrete Preisrahmen für den deutschen Markt findest du im Leitfaden zu Website-Kosten für Handwerker, damit du realistisch kalkulierst statt zu raten. Unter jedem Paket gehört ein eindeutiger Call-to-Action, zum Beispiel „Kostenloses Erstgespräch buchen" oder „Angebot anfragen", nicht nur ein stummes Kontaktformular am Seitenende. Wie du diese Preiskommunikation mit aktiver Kundengewinnung verbindest, erklärt der vertiefende Leitfaden zum Verkauf von Websites an lokale Betriebe.

Welche Fehler ruinieren ein Akquise-Portfolio?

Die häufigsten Fehler sind zu viele Projekte, zu abstrakte Sprache und ein fehlender Call-to-Action. Zwölf Projekte wirken nicht fleißiger als fünf, sie verwässern nur die Aufmerksamkeit. Vier bis sechs kuratierte, branchenspezifische Beispiele sind fast immer die bessere Wahl als eine lange Liste.

Ehrlich gesagt: Ein Portfolio ersetzt keine aktive Akquise, es unterstützt sie nur. Ein technisch perfektes Portfolio ohne eingehenden Traffic bringt null Anfragen. Die Seite muss irgendwo gefunden werden, über Google, über einen Link in einer E-Mail, über eine Empfehlung. Wer glaubt, eine fertige Portfolio-Website allein löse das Akquiseproblem, verwechselt Werkzeug mit Strategie.

Weitere Stolperfallen, die man schnell übersieht:

• Design-Fachjargon wie „nutzerzentrierter Ansatz" oder „ganzheitliches Erlebnis" sagt einem Friseursalon nichts. Schreib stattdessen, was konkret passiert ist.
• Ein Kontaktformular ohne Reaktionszeit-Angabe lässt Interessenten im Ungewissen. Ein Satz wie „Antwort innerhalb von 24 Stunden" senkt die Hemmschwelle.
• Alte Case Studies ohne Aktualisierungsdatum wirken nach drei Jahren tot, selbst wenn das Design noch passt. Ein kleines Datum am Projekt schadet nicht.
• Stock-Fotos statt echter Projektbilder fallen bei lokalem Publikum stärker auf als gedacht. Handwerker kennen echte Baustellenfotos von Stock-Material.

FAQ

Was muss ein Designer-Portfolio unbedingt enthalten?

Vier bis sechs kuratierte Projekte in Case-Study-Struktur, eine About-Seite mit Foto und Spezialisierung sowie ein klarer Kontakt- oder Angebots-Call-to-Action. Ohne diesen CTA bleibt das Portfolio eine Visitenkarte ohne nächsten Schritt.

Wie viele Projekte sollte ein Portfolio zeigen?

Qualität schlägt Quantität, vier bis sechs relevante Beispiele reichen fast immer aus. Entscheidend ist, dass jedes Projekt zur Zielgruppe passt, nicht die Gesamtzahl.

Brauche ich eine eigene Domain für mein Portfolio?

Ja. Eine eigene Domain ist die Grundvoraussetzung für Vertrauen bei lokalen Betrieben und kostet bei den meisten Hostern 10 bis 20 Euro pro Jahr. Eine Subdomain eines Baukastens wirkt dagegen unfertig.

Wie baue ich ein Portfolio ohne echte Kundenprojekte?

Nutz KI-generierte Demo-Websites für reale lokale Betriebe als Konzeptbeispiele und kennzeichne sie eindeutig als nicht im Auftrag entstanden. Ersetz diese Demos nach und nach durch echte Kundenprojekte, sobald die ersten Aufträge abgeschlossen sind.

Welches Tool ist am besten für ein Portfolio: Webflow, WordPress oder Baukasten?

Das hängt von technischem Skill und Budget ab, es gibt keine pauschal beste Wahl. Einsteiger ohne Code-Erfahrung fahren mit einem Baukasten wie Webflow oder Format.com schneller, Entwickler mit WordPress-Kenntnissen profitieren von mehr Kontrolle über Plugins und Hosting.

Wie zeige ich Preise auf meinem Portfolio ohne Kunden abzuschrecken?

Zeig Paketpreise mit klarem Leistungsumfang statt versteckter „Preis auf Anfrage"-Hinweise. Transparenz schafft bei preissensiblen Handwerksbetrieben mehr Vertrauen als jede Verhandlungstaktik, weil sie vorab wissen, ob dein Angebot überhaupt in ihr Budget passt.

Weiterlesen

Ratgeber

Design Portfolio erstellen: Guide für Freelancer

Ratgeber

Portfolio erstellen: Anleitung für Webdesign-Freelancer

Ratgeber

Portfolio Template: Beste Vorlagen für Freelancer 2026

Ratgeber

Creative Portfolio: Aufbau, Beispiele, Tipps für Freelancer