Freelancer Portfolio erstellen 2026: Wie ich mit Framer mehr Aufträge bekomme (ohne Webdesigner zu sein)

Vor zwei Jahren hatte ich eine persönliche Website, die ich am liebsten niemandem gezeigt hätte. Fünf Screenshots in einem Figma-Export, eine kurze Über-mich-Seite, die ich in einer Stunde zusammengeschrieben hatte, und ein Kontaktformular, das nicht funktionierte. Trotzdem habe ich jeden potenziellen Kunden auf diese Seite verwiesen.

Das Ergebnis: kaum Anfragen. Und wenn doch jemand schrieb, dann oft mit dem Satz: "Kannst du mir mehr zeigen?"

Erst als ich mein Portfolio von Grund auf neu gebaut habe - diesmal mit Framer, diesmal mit echten Case Studies, diesmal mit einem klaren Fokus - hat sich etwas verändert. Drei Wochen nach dem Relaunch kamen die ersten Anfragen, ohne dass ich aktiv akquiriert hatte.

Was ich dabei gelernt habe, erzähle ich dir in diesem Artikel.

Warum die meisten Freelancer kein gutes Portfolio haben (und warum das Kunden kostet)

Der Freelancer-Kompass 2026 hat es schwarz auf weiß: 26% der deutschen Freelancer brauchen inzwischen länger als drei Monate, um ein neues Projekt zu gewinnen - das sind sechs Prozentpunkte mehr als im Vorjahr. Gleichzeitig nutzen 57% ihr persönliches Netzwerk als wichtigste Akquise-Quelle.

Das ist kein Zufall. Wenn das Netzwerk versiegt, ist das Portfolio oft das Einzige, was zwischen dir und einem leeren Kalender steht.

Und trotzdem ist bei vielen Freelancern das Portfolio der am meisten vernachlässigte Teil der Außendarstellung. Woran liegt das?

Drei Gründe, die ich kenne - weil ich alle drei selbst erlebt habe:

Erstens: "Ich habe noch nicht genug Projekte." Das klassische Henne-Ei-Problem. Man wartet auf mehr Erfahrung, bevor man ein Portfolio erstellt - und bekommt keine Erfahrung, weil man kein Portfolio hat.

Zweitens: "Eine Website kostet zu viel Zeit und Geld." Das stimmt 2026 einfach nicht mehr. Tools wie Framer machen es möglich, in einem Wochenende eine professionelle Portfolio-Seite zu bauen - auch ohne Webdesign-Kenntnisse.

Drittens: "Ich weiß nicht, was ich zeigen soll." Das ist der tiefste Grund. Und auch der wichtigste, den wir hier lösen werden.

Wenn du gerade erst damit anfängst, als Freelancer Fuß zu fassen, lohnt sich vorab ein Blick in meinen Artikel über Freelancer werden in Deutschland 2026 - von der Anmeldung bis zur ersten Außenwahrnehmung.

Was gehört unbedingt in ein Freelancer-Portfolio? (Und was du weglassen solltest)

Eine gute Portfolio-Website ist kein Galerie-Album. Sie ist ein Verkaufsdokument, das still für dich arbeitet, während du schläfst.

Case Studies statt Screenshots: Was potenzielle Kunden wirklich sehen wollen

Ein Screenshot von einer App zeigt, was du gemacht hast. Eine Case Study erklärt das Warum - und was dabei herausgekommen ist. Genau das wollen Kunden sehen.

Das Mini-Format, das für mich am besten funktioniert:

Das Problem: Was war die Ausgangssituation des Kunden? Welches konkrete Problem sollte gelöst werden?

Meine Lösung: Wie bin ich vorgegangen? Welche Entscheidungen habe ich getroffen und warum?

Das Ergebnis: Was hat sich verändert? Am besten mit Zahlen: "Conversion Rate von 2,1% auf 4,8% erhöht", "Checkout-Abbrüche um 34% reduziert", "Onboarding-Zeit von 12 auf 5 Minuten verkürzt."

Wenn du noch keine konkreten Zahlen hast: Schreib auf, was der Kunde gesagt hat. Ein Zitat wie "Das haben unsere Nutzer jetzt endlich verstanden" ist besser als gar nichts.

Und was du weglassen solltest: jedes einzelne Projekt, das du je gemacht hast. Qualität schlägt Quantität. Drei starke Case Studies sind besser als zwanzig schwache Screenshots.

Über mich, Kontakt und Social Proof: Die Basics, die viele vergessen

Die Über-mich-Seite ist nicht dein Lebenslauf. Sie ist die Antwort auf die Frage: Warum sollte ich gerade mit dir arbeiten?

Klar, direkt, auf den Punkt. Drei Sätze können ausreichen:

• Was du machst
• Für wen du es machst
• Was dich von anderen unterscheidet

Social Proof bedeutet: Zeig Belege. Kundenzitate, LinkedIn-Empfehlungen, Logos von Unternehmen, für die du gearbeitet hast. Selbst ein einziger echter Satz eines echten Kunden schlägt zehn blumige Selbstbeschreibungen.

Und der Kontaktbereich: Mach es so einfach wie möglich. Ein simples Formular oder eine direkte E-Mail-Adresse. Kein Kontaktformular mit acht Pflichtfeldern, das sich anfühlt wie ein Bürgeramt-Antrag.

Portfolio ohne Projekte erstellen: So startest du als Einsteiger

Kein einziges bezahltes Projekt - und trotzdem ein Portfolio? Ja, das geht.

Drei Ansätze, die ich selbst gesehen oder ausprobiert habe:

Spec Work: Bau eine fiktive Website oder App für ein echtes Unternehmen, das du bewunderst. "Was würde ich an der Booking.com-App verbessern?" ist ein valides Portfolio-Projekt, wenn du es sauber dokumentierst.

Pro-Bono-Projekte: Biete lokalen Vereinen, Startups oder NGOs deine Arbeit kostenlos an. Du bekommst ein echtes Projekt, sie bekommen eine bessere Website. Win-win.

Lernprojekte als Case Studies: Ein Kurs-Abschlussprojekt ist kein "echter" Auftrag - aber wenn du es so dokumentierst wie einen echten Auftrag, spielt das für die meisten potenziellen Kunden keine Rolle. Der Prozess zählt.

Tool-Vergleich: Framer vs. Webflow vs. Notion für Freelancer-Portfolios

Drei Tools, drei komplett unterschiedliche Ansätze. Welches das Richtige für dich ist, hängt von deinen Zielen ab.

Framer (ab 10 EUR/Monat): Meine Wahl als UX-Freelancer - warum

Ich habe mein Portfolio in Framer gebaut, und ich würde es jederzeit wieder so entscheiden.

Der Hauptgrund: Framer fühlt sich an wie Figma, das direkt im Browser lebt. Als UX-Designer bin ich mit dem Interface sofort warm geworden. Ich musste nichts Neues lernen - ich musste nur umdenken.

Das Free-Tier lässt dich eine Seite veröffentlichen, allerdings auf einer framer.website-Domain mit einem Framer-Badge. Für erste Tests reicht das. Für echte Kundenakquise greifst du zur Basic-Version für 10 EUR pro Monat (jährlich) - dann hast du deine eigene Domain, bis zu 30 Seiten und 100 GB Bandbreite.

Was mich besonders überzeugt: die Template-Bibliothek. Es gibt kostenlose Portfolio-Templates, die schon von Haus aus professionell aussehen. Du musst kein Pixel-Perfektionist sein, um eine ansehnliche Seite zu erstellen.

Ein weiterer Vorteil gegenüber Webflow: Client-Handoff. Wenn du irgendwann Kundenprojekte in Framer auslieferst, können deine Kunden die Seite direkt bearbeiten, ohne einen eigenen kostenpflichtigen Plan kaufen zu müssen.

Framer kostenlos ausprobieren - der Free Plan reicht, um erstmal ein Gefühl für das Tool zu bekommen, bevor du zahlst.

Webflow (ab 14 USD/Monat): Mehr Power, aber deutlich mehr Lernkurve

Webflow ist mächtiger als Framer. Punkt. Das CMS ist flexibler, die SEO-Einstellungen sind granularer, die Möglichkeiten für komplexe Interaktionen sind größer.

Aber Webflow hat einen Preis, der nichts mit Geld zu tun hat: Lernkurve.

Ich kenne Entwickler, die zwei Wochen gebraucht haben, um sich mit dem Webflow-System vertraut zu machen. Für ein Freelancer-Portfolio ist das überdimensioniert. Wenn du keine Webagentur aufbaust oder Kundenprojekte in Webflow auslieferst, ist es für die persönliche Portfolio-Seite schlicht zu viel des Guten.

Mein Fazit: Webflow ist die bessere Wahl, wenn du schon weißt, dass du damit später Kundenwebsites baust. Für das eigene Portfolio allein würde ich zu Framer greifen.

Notion als Portfolio: Für wen das tatsächlich eine valide Option ist

Ja, ich habe Notion-Portfolios gesehen, die funktionieren. Wirklich.

Für wen ist das sinnvoll? Für jemanden, der:

• Gerade erst mit Freelancing anfängt und kein Budget hat
• Hauptsächlich über Direktempfehlungen Kunden bekommt
• Einen ersten Proof of Concept erstellen möchte, bevor er Zeit in eine echte Seite investiert

Für skalierbare Kundenakquise über Google oder Kaltakquise ist Notion zu begrenzt. Keine eigene Domain, kaum SEO-Kontrolle, eingeschränktes Design. Als dauerhafte Lösung würde ich es nicht empfehlen.

Schritt für Schritt: Wie ich mein Framer-Portfolio in einem Wochenende gebaut habe (als Nicht-Entwickler)

Ich sage bewusst "als Nicht-Entwickler", weil ich keiner bin. Ich kann Figma, ich verstehe UX - aber Code schreibe ich mit KI-Unterstützung, nicht aus dem Kopf heraus.

Template auswählen und anpassen (kostenlos möglich)

Geh auf die Framer-Template-Bibliothek und filtere nach "Portfolio". Es gibt kostenlose und kostenpflichtige Templates. Ich habe mit einem kostenlosen angefangen und es dann Schritt für Schritt angepasst.

Was ich in den ersten Stunden geändert habe:

• Farbpalette auf meine Brand-Farben angepasst (15 Minuten)
• Navigationsstruktur vereinfacht auf: Projekte, Über mich, Kontakt (10 Minuten)
• Hero-Section: Name, Tagline, ein CTA-Button (30 Minuten)
• Alle Placeholder-Texte durch echte Inhalte ersetzt (2-3 Stunden)

Die eigentliche Arbeit liegt nicht im Design. Die liegt im Text.

Case Study schreiben, die Kunden überzeugt

Eine Case Study muss nicht lang sein. Meine erste hatte 300 Wörter und drei Bilder. Sie hat trotzdem Anfragen generiert, weil sie das Problem, meine Lösung und das Ergebnis klar kommuniziert hat.

Struktur, die funktioniert:

1. Titel: "[Projektname] - [Kernherausforderung in fünf Wörtern]"
2. Kontext: Ein Absatz über den Kunden und die Ausgangssituation
3. Aufgabe: Was war meine spezifische Rolle?
4. Vorgehen: Drei bis fünf Bullets zu meinem Prozess
5. Ergebnis: Zahlen, Zitate, Screenshots

Das kann man an einem Nachmittag schreiben. Fertig.

SEO-Grundlagen für dein Portfolio: Wie Kunden dich über Google finden

SEO klingt komplizierter, als es für ein Portfolio sein muss.

Die wichtigsten drei Punkte:

Page Title und Meta Description: In Framer kannst du für jede Seite einen individuellen Titel und eine Beschreibung hinterlegen. Nutze das. "Max Mustermann - UX Designer Frankfurt für SaaS-Startups" ist besser als nur "Portfolio".

URL-Struktur: Dein Case-Study-URL sollte den Projektnamen oder die Branche enthalten, nicht nur "/projekt-1".

Alt-Texte für Bilder: Beschreib, was auf deinen Screenshots zu sehen ist. Das hilft bei der Google-Bildsuche und der Barrierefreiheit gleichzeitig.

Wer weiß, was er wert ist, kommuniziert das auch im Portfolio besser - wer noch keinen klaren Stundensatz kalkuliert hat, sollte das parallel angehen.

Vibe Coding als Wildcard: Kann ich mein Portfolio auch mit KI bauen?

Kurze Antwort: Ja. Etwas längere Antwort: Ja, aber.

Tools wie Bolt.new oder Lovable können dir in 20 Minuten eine Portfolio-Seite generieren, die schon ordentlich aussieht. Ich habe das selbst ausprobiert - der Prototyp war in einer halben Stunde fertig, komplett mit Navigation, Hero-Section und einer einfachen Projektübersicht.

Das Problem: Diese Tools generieren Code, den du nicht vollständig kontrollierst. Wenn du sechs Monate später ein einzelnes Element ändern willst und der Original-Prompt nicht mehr da ist, wird es unübersichtlich. Für eine wirklich persönliche, langfristig gepflegte Portfolio-Seite ist ein Tool wie Framer die verlässlichere Wahl.

Vibe Coding ist aber eine valide Option für den ersten Schritt - zum Testen, für einen MVP, um überhaupt mal etwas online zu haben. Was man damit alles bauen kann, habe ich in meinem Artikel über Vibe Coding für Einsteiger ausführlicher beschrieben.

Mobile First 2026: Warum dein Portfolio auf dem Smartphone funktionieren muss

Laut aktuellen Daten kommen über 62% des globalen Web-Traffics von mobilen Geräten. Und das gilt auch für B2B-Anfragen: Ein Entscheider, der deinen Namen auf LinkedIn sieht, öffnet deine Website höchstwahrscheinlich zuerst auf dem Smartphone.

Was das bedeutet: Wenn dein Portfolio auf dem Desktop großartig aussieht, aber auf dem iPhone zu einem horizontal scrollenden Chaos wird, verlierst du potenzielle Kunden, bevor sie auch nur deinen Namen gelesen haben.

Die gute Nachricht: Framer-Templates sind standardmäßig responsive. Trotzdem solltest du dein Portfolio immer auf dem eigenen Smartphone testen, bevor du es einem Kunden schickst.

Konkret: Lade die URL auf deinem Handy. Kann man alle Texte lesen? Sind die Buttons tappbar? Lädt die Seite in unter drei Sekunden? Wenn nicht - zurück zum Editor.

Eine praktische Faustregel: Bau zuerst die mobile Ansicht, dann die Desktop-Version. Wer auf einem kleinen Bildschirm funktioniert, funktioniert fast immer auch auf einem großen.

Wie ich bei Network School erstmals andere Freelancer-Portfolios analysiert habe

Ehrlich gesagt hatte ich bis zu meinem Aufenthalt an der Network School keine Ahnung, wie ein wirklich gutes Freelancer-Portfolio aussieht.

Nicht weil ich es nicht wissen wollte - sondern weil ich es nie im Direktvergleich gesehen hatte. In einer klassischen Anstellung zeigst du dein Portfolio höchstens bei Bewerbungen. Du bekommst selten echtes Feedback dazu.

In der NS-Community war das anders. Innerhalb der ersten Woche habe ich Portfolios von Designern, Entwicklern, Content Creators und Beratern gesehen. Ich habe verstanden, was einen guten Über-mich-Text ausmacht. Ich habe gesehen, warum manche Case Studies sofort Anfragen generieren und andere trotz besserer Arbeit nichts produzieren.

Das war der direkte Anstoß, mein eigenes Portfolio zu überarbeiten. Die Erkenntnis, die ich dabei mitgenommen habe: Nicht das beste Werk gewinnt. Das am klarsten kommunizierte Werk gewinnt.

Wenn du das selbst erleben möchtest - hier kannst du dich bewerben und 25% sparen.

Zusammenfassung: Dein Freelancer-Portfolio-Aktionsplan

Du brauchst keine perfekten Projekte. Du brauchst kein Webdesign-Studium. Und du brauchst kein großes Budget.

Was du brauchst:

1. Drei bis fünf Case Studies mit klarer Struktur (Problem, Lösung, Ergebnis mit Zahlen)
2. Eine ehrliche Über-mich-Seite, die erklärt, für wen du arbeitest und was dich unterscheidet
3. Ein Tool, das dir nicht im Weg steht - für die meisten UX-Designer und Kreativfreelancer ist Framer die beste Wahl
4. Eine mobile-optimierte Seite, die in unter drei Sekunden lädt
5. Grundlegende SEO-Meta-Tags, damit Kunden dich über Google finden können

Das alles lässt sich an einem Wochenende umsetzen. Nicht perfekt - aber live. Und live schlägt immer noch das perfekte Portfolio, das nie fertig wird. Das verspreche ich dir.

---

Einige Links sind Affiliate-Links. Dir entstehen keine Mehrkosten.