Portfolio-Website erstellen: was hineingehört, Branche für Branche

Was eine Portfolio-Website braucht: welche Projekte du zeigst, wie du sie beschreibst, wo du kostenlos veröffentlichst und welche Fehler Besucher vertreiben.

Canonical: https://www.prezumi.com/de/blog/portfolio-website-erstellen

Eine Portfolio-Website ist eine kleine Seite mit meist drei bis fünf Unterseiten, die deine beste Arbeit den Leuten zeigt, die über deine Einstellung entscheiden. Sie zu bauen läuft auf vier Entscheidungen hinaus: welche drei bis sechs Projekte du zeigst, wie du jedes beschreibst, welche Seiten du drumherum brauchst und wo du das Ergebnis veröffentlichst. Dieser Leitfaden geht alle vier durch, mit konkreten Hinweisen für Entwicklung, Design, Text und freiberufliche Arbeit.

Du brauchst weder Designkenntnisse noch Budget, um am Ende etwas Gutes zu haben. Danach weißt du, was auf jede Seite gehört, wie du die kurzen Projektbeschreibungen schreibst, die den größten Teil der Überzeugungsarbeit leisten, und welcher Weg zur Veröffentlichung zu dir passt. Falls das deine erste Frage ist: Der Leitfaden zur kostenlosen Portfolio-Website vergleicht die Kosten im Detail.

Wer wirklich eine braucht

Wenn deine Arbeit zeigbar ist, hilft dir eine Portfolio-Website. Im Design, in der Illustration und in der Fotografie wird sie schlicht erwartet: Ausgewählt wird anhand der Arbeit selbst, und eine Bewerbung ohne Link darauf bleibt meistens liegen. In der Entwicklung ist sie inzwischen fast Standard, weil ein veröffentlichtes Projekt Fragen beantwortet, die ein Werdegang nicht beantworten kann. Textende sammeln damit Arbeitsproben ein, die sonst über zehn Medien verstreut wären. Am stärksten stützen sich Freiberufler und Beratende darauf, weil Interessenten vor einem ersten Gespräch selten nach etwas anderem fragen.

Ein Portfolio steht neben dem Lebenslauf und ersetzt ihn nicht. Die meisten Bewerbungsprozesse verlangen beides, und jedes erfüllt eine andere Aufgabe. Wenn du unsicher bist, was eine Ausschreibung erwartet, klärt das der Vergleich Portfolio oder Lebenslauf; für das andere Dokument gibt es den vollständigen Leitfaden zum Lebenslauf schreiben.

Schritt 1: Die Projekte auswählen

Wähle drei bis sechs Arbeiten und widersteh der Versuchung, mehr aufzunehmen. Wer dein Portfolio prüft, verbringt seine knappe Zeit mit dem, was ganz oben steht, deshalb verwässert jede schwache Arbeit eine starke. Die forschungsbasierte Portfolio-Empfehlung der Nielsen Norman Group kommt für UX-Designerinnen zum selben Schluss: Wenige gründlich dokumentierte Projekte bringen mehr Einladungen als eine Wand voller Vorschaubilder, weil die Dokumentation das ist, was tatsächlich gelesen wird.

Ein Projekt verdient seinen Platz, wenn es vier Prüfungen besteht:

  • Es ist aktuell. Arbeiten aus den letzten zwei bis drei Jahren. Eine ältere ist in Ordnung, wenn sie wirklich deine beste ist.
  • Es passt zu der Arbeit, die du willst. Zeig Markenprojekte, wenn du Markenprojekte bekommen möchtest. Ein Portfolio, das auf alles zielt, trifft nichts Bestimmtes.
  • Es hat ein Ergebnis, das du benennen kannst. Veröffentlicht, ausgeliefert, von Kunden genutzt, eine Kennzahl gesteigert. Konzeptarbeiten sind am Anfang erlaubt, müssen aber als solche gekennzeichnet sein.
  • Du darfst es zeigen. Prüf Vertraulichkeitsvereinbarungen, bevor du Kundenarbeit veröffentlichst.

Wenn eine Geheimhaltungsvereinbarung dein stärkstes Projekt blockiert, beschreib es trotzdem, nur ohne identifizierende Details: die Branche, das Problem, deine Rolle und das Ergebnis. „Checkout-Strecke für einen mittelgroßen Modehändler neu gebaut; die Zahlungsabbrüche sanken um 40 %“ zeigt die Fähigkeit, ohne den Kunden zu nennen.

Schritt 2: Jedes Projekt ordentlich beschreiben

Die Beschreibung entscheidet über das Portfolio. Ein nacktes Bild oder ein Repository-Link zwingt die Betrachterin zum Raten, und lange rät niemand. Jedes Projekt braucht vier kurze Teile: den Kontext (für wen es war und welches Problem es gelöst hat), deine Rolle (gerade bei Teamprojekten: beanspruch deinen Anteil und nicht mehr), eine Entscheidung oder Schwierigkeit, die eine Erklärung wert ist, und das Ergebnis. Vier bis acht Sätze reichen dafür.

Die Erwartungen unterscheiden sich je nach Fach, hier also die Form, die Prüfende jeweils suchen:

BereichWomit du führstWorauf zuerst geschaut wirdSinnvolle Anzahl
EntwicklungVeröffentlichte Projekte mit Live-Demo und verlinktem QuellcodeOb die Demo läuft, Lesbarkeit des Codes, die README3–4 Projekte
DesignFallstudien, die den Prozess vom Briefing bis zum Ergebnis zeigenWie du entschieden hast, Sorgfalt im Detail4–6 Fallstudien
TextVeröffentlichte Arbeitsproben, nach Format oder Thema gruppiertBandbreite, Klarheit, wo die Arbeit erschienen ist6–10 Arbeitsproben
FotografieEine eng kuratierte Serie mit klarem ThemaKonsistenz des Blicks, Disziplin bei der Auswahl15–25 Bilder
Freiberuflich / BeratungKundenprojekte mit messbaren ErgebnissenErgebnisse, Referenzen, welche Art Kunden du betreust3–5 Projekte

Der Leitfaden zu Portfolio-Website-Beispielen geht auf jede dieser Zeilen tiefer ein, mit einem kommentierten Aufbau, den du für dein Fach übernehmen kannst, und dem Füllmaterial, das sich die jeweiligen Prüfenden gestrichen wünschen.

Schritt 3: Die Seiten drumherum

Die Arbeit ist der Kern der Website, alles andere rahmt sie ein. Drei ergänzende Elemente genügen:

  • Eine Startseite, die auf den Punkt kommt. Dein Name, was du machst und für wen, in ein bis zwei Sätzen, mit ausgewählten Arbeiten ohne langes Scrollen. Besucher entscheiden in Sekunden, ob sie richtig sind; mach die Antwort offensichtlich.
  • Eine Über-mich-Seite mit kurzer Vita. Ein bis zwei Absätze: dein Hintergrund, worin du gut bist, wofür du gerade offen bist. Wie ein Mensch geschrieben, in der Ich-Form. Ein Foto ist optional und hilft mehr, als die meisten erwarten.
  • Ein Kontaktweg mit einem Klick. Ein schlichter E-Mail-Link schlägt jedes Kontaktformular; Formulare scheitern lautlos und kosten Überwindung. Ergänze LinkedIn und, in der Entwicklung, dein GitHub-Profil.
  • Optional dein Lebenslauf. Ein Link auf ein PDF oder eine Lebenslauf-Seite erspart der Personalabteilung eine Nachfrage. Halte Zeiträume und Positionen konsistent mit dem Portfolio, denn Abweichungen fallen auf.

Schritt 4: Veröffentlichen

Drei Wege decken fast alle Fälle ab, und die ehrlichen Unterschiede liegen in Kosten, Zeit und dem Anteil an Bauarbeit, der bei dir landet:

WegKostenZeit bis zur VeröffentlichungPasst zu
Baukästen (Wix, Squarespace, Webflow)Kostenlose Stufe mit Plattformwerbung und Marken-Subdomain; etwa 10–25 € im Monat, um beides loszuwerdenEin Wochenende LayoutarbeitLeute, die volle gestalterische Kontrolle wollen und gern tüfteln
GitHub Pages / statisches HostingKostenlos, siehe die GitHub-Pages-DokumentationEin Tag, wenn du HTML oder einen Static-Site-Generator beherrschstEntwicklerinnen und Entwickler, bei denen der Bau selbst der Kompetenznachweis ist
Portfolio-Generatoren (Prezumi)Kostenloser Tarif; Pro für 3 $ im Monat mit dauerhaftem LinkUnter 5 Minuten ab dem Upload des LebenslaufsAlle, die die Inhalte entscheiden wollen, ohne selbst zu gestalten

Prezumi arbeitet aus einem einzigen Profil: Du lädst einen Lebenslauf hoch oder trägst deine Angaben einmal ein, wählst aus der Galerie der Portfolio-Vorlagen, und die Seite wird erzeugt. Ein späterer Designwechsel bedeutet nicht, irgendetwas neu einzugeben. Das Lebenslauf-zu-Website-Tool erledigt die Umwandlung in einem Schritt, und für Freiberufler gibt es eine eigene Anleitung zu Angeboten und Links für die Kundschaft.

Grundlagen zu Gestaltung und Tempo

Welchen Weg du auch wählst, ein paar technische Details entscheiden darüber, ob die Seite hilft oder still schadet:

  • Sieh sie dir auf dem Handy an. Ein großer Teil der ersten Besuche kommt über einen Link, der mobil in einer E-Mail oder auf LinkedIn angetippt wurde. Wenn Bilder überlaufen oder Text nur mit Zoomen lesbar ist, repariere das, bevor du den Link irgendwohin schickst.
  • Komprimiere deine Bilder. Googles Core-Web-Vitals-Empfehlung nennt 2,5 Sekunden als Schwelle für einen guten Largest Contentful Paint, und bildlastige Portfolios sind genau die Seiten, die daran scheitern. Exportiere Bilder in der Größe, in der sie angezeigt werden, dann erledigt sich das Problem größtenteils.
  • Halte die Typografie langweilig. Ein oder zwei Schriften, dunkler Text auf hellem Grund oder umgekehrt, großzügige Abstände. Die Arbeit soll auf jeder Seite das Interessanteste sein.
  • Schreib Alternativtexte zu den Arbeiten. Das macht die Seite mit Screenreader nutzbar und beschreibt deine Bilder gleichzeitig für Suchmaschinen.

Fehler, die die Arbeit zunichtemachen

  • Alles zeigen, was du je gemacht hast. Ein Portfolio wird an seiner schwächsten sichtbaren Arbeit gemessen. Kürze auf die besten drei bis sechs und archiviere den Rest.
  • Projekte ohne Worte. Ein unkommentierter Screenshot sagt nichts über dein Denken aus, und dein Denken ist das, wofür man dich einstellt.
  • Tote Demos und Platzhaltertext. Ein kaputter Link in einem Entwicklerportfolio oder ein Blindtext-Absatz irgendwo wirkt wie Nachlässigkeit beim eigenen wichtigsten Projekt.
  • Kein sichtbarer Kontaktweg. Es gibt tatsächlich Portfolios ohne E-Mail-Adresse. Teste den ganzen Weg: Könnte eine fremde Person, der deine Arbeit gefällt, dich mit einem Klick erreichen?
  • Eine sichtbar veraltete Seite. Ein Bereich „Neueste Arbeiten“, der vor zwei Jahren endet, wirft eine Frage auf, die du nicht aufgeworfen haben willst. Wenn du nicht aktualisieren magst, lass die Jahreszahlen weg.
  • Effekte, die im Weg stehen. Automatisch startender Ton, schwere Intro-Animationen und Startbildschirme verzögern nur das Einzige, wofür die Besucher gekommen sind.

Die Inhalte einmal aufbauen

Prezumi hält deine Projekte, deinen Werdegang und deine Kenntnisse in einem einzigen Profil und macht daraus sowohl eine Portfolio-Website als auch einen ATS-freundlichen Lebenslauf. Importiere einen vorhandenen Lebenslauf, um das Abtippen zu sparen, wähle ein Design aus der Vorlagen-Galerie und veröffentliche im kostenlosen Tarif mit einem teilbaren Link. Wenn eine Stelle bessere Formulierungen braucht, schreibt der KI-Editor deine echten Einträge vor deinen Augen um, und weil Lebenslauf und Portfolio aus demselben Profil entstehen, hält eine Änderung an einem beide auf Stand.

FAQ

Wie viele Projekte gehören auf eine Portfolio-Website?

Drei bis sechs in den meisten Fächern, und das untere Ende dieser Spanne ist meistens stärker. Wer dein Portfolio zum ersten Mal öffnet, verbringt höchstens ein paar Minuten damit und öffnet ein oder zwei Arbeiten, fast immer die, die du nach vorn gestellt hast. Jedes zusätzliche Projekt erhöht vor allem das Risiko: Eine schwache Arbeit auf Position sieben kann den Eindruck zerstören, den eine starke auf Position eins gemacht hat, weil Portfolios an ihrer schwächsten sichtbaren Arbeit gemessen werden. Die sinnvollen Zahlen schwanken je nach Fach ein wenig. In der Entwicklung funktionieren drei oder vier veröffentlichte Projekte gut, jeweils mit ordentlicher Beschreibung. Designerinnen zeigen typischerweise vier bis sechs Fallstudien. Textende dürfen bis zu zehn Arbeitsproben zeigen, weil jede in Sekunden einzuschätzen ist. In der Fotografie gilt wieder etwas anderes, nämlich eine eng kuratierte Serie aus fünfzehn bis fünfundzwanzig Bildern. Die Regel bleibt in jedem Fall dieselbe: Wenn du unsicher bist, ob eine Arbeit stark genug ist, ist sie es nicht, und sie zu streichen macht das Portfolio besser.

Muss ich programmieren können, um eine Portfolio-Website zu bauen?

Nein. Selbst zu programmieren ist einer von mehreren Wegen und vor allem für Entwicklerinnen und Entwickler der richtige, weil eine handgebaute Seite auf GitHub Pages gleichzeitig als Kompetenznachweis dient. Für alle anderen gibt es zwei Wege ohne Code. Baukästen wie Wix, Squarespace und Webflow geben dir einen visuellen Editor und Vorlagen; rechne mit einem Wochenende für die Layouts und damit, dass die kostenlosen Stufen bis zur Bezahlung Plattformwerbung und eine Marken-Subdomain enthalten. Portfolio-Generatoren wie Prezumi nehmen dir auch die Layoutarbeit ab: Du trägst Projekte und Werdegang einmal ein oder lädst einen Lebenslauf hoch, und die Seite wird aus einer Vorlage erzeugt, die du jederzeit tauschen kannst. Dieser Weg bringt in Minuten eine vorzeigbare Seite online und lässt dir die Zeit für den Teil, der wirklich überzeugt, nämlich die richtigen Projekte auszuwählen und gut zu beschreiben.

Was kostet eine Portfolio-Website?

Sie kann tatsächlich nichts kosten, mit bekannten Abstrichen. GitHub Pages hostet statische Seiten kostenlos und ohne Werbung, sofern du eine bauen kannst. Die kostenlosen Stufen der Baukästen sind unbefristet gratis, zeigen aber Plattformwerbung und geben dir eine Marken-Subdomain wie deinname.wixsite.com; beides loszuwerden kostet typischerweise 10 bis 25 € im Monat. Prezumis kostenloser Tarif enthält ein erzeugtes Portfolio samt Lebenslauf mit einem befristeten teilbaren Link, ein dauerhafter Link kostet mit Pro 3 $ im Monat. Die eine Ausgabe, die kein Weg vermeidet, ist eine eigene Domain: deinname.de liegt bei rund 5 bis 15 € im Jahr bei jedem Registrar und lohnt sich, sobald du die Seite aktiv teilst. Ein vernünftiger Ablauf ist, kostenlos zu starten, zu prüfen, ob das Portfolio in deinen Bewerbungen wirklich genutzt wird, und die Domain dann zu kaufen.

Was gehört ins Portfolio, wenn ich noch keine Kundenprojekte habe?

Eigeninitiierte Arbeiten, so ernsthaft präsentiert wie Kundenprojekte. Überleg dir, welche Art von Job du willst, und bau zwei oder drei Arbeiten, die genau danach aussehen: In der Entwicklung ein kleines funktionierendes Produkt mit sauberer README und Live-Demo, im Design der Umbau einer echten Produktstrecke samt dokumentierter Entscheidungen, im Text gut redigierte Beiträge auf einem eigenen Blog oder auf Plattformen, die Einreichungen annehmen. Studien- und Kursprojekte zählen, wenn die Beschreibung sich auf das Problem und deine Entscheidungen konzentriert statt auf die Aufgabenstellung. Kennzeichne spekulative Arbeiten ehrlich, etwa als „unbeauftragter Redesign-Entwurf“ oder „persönliches Projekt“, denn niemanden stört, dass die Arbeit nicht beauftragt war; in die Irre geführt zu werden, stört sehr wohl. Überzeugend sind die fertige Qualität und die Begründung dahinter, und beides hast du vollständig selbst in der Hand, bevor dich irgendwer einstellt.

Soll mein Lebenslauf auf der Portfolio-Website liegen?

Ja, das ist einer der leichteren Gewinne. Personalverantwortliche, die auf deinem Portfolio landen, brauchen als Nächstes oft den Lebenslauf, und ihn einen Klick entfernt zu haben, als PDF-Download oder als eigene Seite, erspart ihnen eine E-Mail und hält den Prozess in Bewegung. Zwei Details sind wichtig. Erstens Konsistenz: Positionsbezeichnungen und Zeiträume im Lebenslauf müssen zu dem passen, was das Portfolio sagt, denn Abweichungen wecken Zweifel, die auf alles andere übergreifen. Zweitens Aktualität: Ein veralteter Lebenslauf an einem aktuellen Portfolio ist schlimmer als gar keiner. Genau dieses Auseinanderdriften lösen Werkzeuge wie Prezumi, indem sie beide Dokumente aus einem Profil erzeugen, sodass eine Änderung an einer Stelle beide aktualisiert. Wenn du sie getrennt pflegst, setz dir eine wiederkehrende Erinnerung in den Kalender, denn sie werden auseinanderlaufen.

Entdecke die Kernseiten

Preise und Tarife von Prezumi ansehen Kostenlose Karriere-Tools von Prezumi ausprobieren KI-Portfolio-Vorlagen durchstöbern ATS-kompatible Lebenslauf-Vorlagen ansehen Blog FAQ Über uns Prezumi-Support und Partnerschaften kontaktieren Prezumi-Rückerstattungsrichtlinie lesen Prezumi-Nutzungsbedingungen lesen Prezumi-Datenschutzerklärung lesen Prezumi-Cookie-Richtlinie lesen Prezumi auf LinkedIn folgen Prezumi auf X folgen Prezumi auf Facebook folgen Prezumi auf Instagram folgen English Español Français العربية Italiano Português Türkçe

AI Resume Builder and Portfolio Maker

Explore templates and pricing

Prezumi logo
Preise und Tarife von Prezumi ansehen Kostenlose Karriere-Tools von Prezumi ausprobieren KI-Portfolio-Vorlagen durchstöbern ATS-kompatible Lebenslauf-Vorlagen ansehen Blog FAQ Über uns Prezumi-Support und Partnerschaften kontaktieren Prezumi-Rückerstattungsrichtlinie lesen Prezumi-Nutzungsbedingungen lesen Prezumi-Datenschutzerklärung lesen Prezumi-Cookie-Richtlinie lesen Prezumi auf LinkedIn folgen Prezumi auf X folgen Prezumi auf Facebook folgen Prezumi auf Instagram folgen English Español Français العربية Italiano Português Türkçe
Prezumi
Sign in Get started
Free resume & portfolio maker · Free PDF download

Build your profile once.
Launch tailored resumes and portfolios from it.

Build a resume and portfolio free in under 5 minutes: upload your CV, choose a design, then refine every detail — unlimited edits, plus free AI credits for the AI editor. Download your resume PDF free — no hidden paywall.

Let AI build it-start free
Roadmap: Enhance by AI, Analytics, Voice agent and more
Your privacy matters We use essential cookies/storage to run Prezumi. With your permission, we also use optional analytics to improve performance and user experience. Manage preferences.
Essential only Accept all