Grafikdesign-Portfolio-Website: Seiten, Cases, Checkliste

Grafikdesign-Portfolio-Website erstellen: wie viele Projekte du zeigst, welche Seiten du brauchst, eine Case-Study-Vorlage zum Kopieren und eine Launch-Checkliste.

Häufige Fragen

Wie viele Projekte sollte eine Grafikdesign-Portfolio-Website enthalten?

Plane 6 bis 10 Projekte ein, wobei die zwei oder drei stärksten die Seite anführen. Eine offizielle Zahl gibt es nicht. Entscheidend ist, dass jedes Projekt seinen Platz verdient und die Auswahl zeigt, für welche Art von Arbeit du gebucht werden möchtest. Ist ein Stück schwächer als der Rest, streich es. Eine kompakte Auswahl zeugt von besserem Urteilsvermögen als eine lange.

Brauche ich für ein Grafikdesign-Portfolio eine eigene Domain?

Zwingend ist das nicht, aber eine Domain aus deinem Namen (deinname.de oder deinname.design) wirkt im Lebenslauf und in der E-Mail-Signatur professioneller und bleibt dir erhalten, wenn du die Plattform wechselst. Prüfe vor dem Kauf Verfügbarkeit und Verlängerungspreise bei deinem Registrar, denn die Preise unterscheiden sich.

Sollte ich nur fertige Designs zeigen oder auch den Entstehungsprozess?

Zeig beides, im richtigen Verhältnis. Beginne jedes Projekt mit dem fertigen Ergebnis und gib dann einen kurzen Einblick in Skizzen, Entwürfe oder verworfene Alternativen. Der Prozess zeigt, wie du denkst – das ist vor allem für Festanstellungen und Agenturen wichtig. Für eine Übersichtsseite zum schnellen Durchschauen gehört der Prozess auf die Projektseite, nicht auf die Startseite.

Darf ich Studienprojekte, private oder Konzeptprojekte aufnehmen?

Ja, wenn du am Anfang deiner Laufbahn stehst. Kennzeichne sie ehrlich als Studienprojekt, privates Projekt oder Konzept, damit sie niemand für Kundenarbeit hält. Selbst gestellte Briefings sind in Ordnung, solange du Problem und Rahmenbedingungen klar benennst. Ersetze sie durch echte Kundenprojekte, sobald du welche hast.

Welche Dateiformate und Bildgrößen sollte ich für Portfolio-Bilder verwenden?

Exportiere webtaugliche Bilder, meist JPEG oder WebP für fotorealistische Mockups und PNG oder SVG für flache Grafiken und Logos. Skaliere sie auf die Breite, in der sie angezeigt werden, und komprimiere sie, damit die Seiten schnell laden. Eine hochauflösende PDF-Version deines Portfolios hältst du separat für Bewerbungen per E-Mail bereit.

Ist eine Portfolio-Website besser als ein PDF-Portfolio?

Sie erfüllen unterschiedliche Aufgaben. Eine Website lässt sich einfach per Link teilen, wird über die Suche gefunden und kann jederzeit aktualisiert werden. Ein PDF ist sinnvoll, wenn eine Bewerbung ausdrücklich einen Anhang verlangt. Die meisten Designer haben beides: die Website als Hauptportfolio und ein PDF aus denselben Projekten.

Kurz gesagt: Eine Grafikdesign-Portfolio-Website braucht 6 bis 10 deiner besten Projekte, jeweils als kurze Case Study aufbereitet (Problem, deine Rolle, Prozess, Ergebnis), dazu vier Seiten: Startseite, Arbeiten, Über mich und Kontakt. Beginne mit deinen drei stärksten Projekten, zeig nur die Art von Arbeit, von der du mehr willst, und sorge dafür, dass deine Kontaktdaten nicht zu übersehen sind. Vorlage und Checkliste unten decken den Rest ab.

Was eine Grafikdesign-Portfolio-Seite wirklich braucht

Ein Portfolio hat nur eine Aufgabe: Es soll einer fremden Person helfen, in ein, zwei Minuten zu entscheiden, ob sie dir schreibt. Alles auf der Seite sollte dieser Entscheidung dienen. Besucher sind meist eine von drei Personen:

Ein Kunde, der wissen will, ob du seine Art von Problem lösen kannst (Branding, Verpackung, Social Media, Print).
Eine Personalverantwortliche oder ein Recruiter, die Belege für Geschmack, Bandbreite und Teamarbeit suchen.
Ein Kollege oder eine Agentur, die schnell deine Spezialisierung erkennen müssen.

Entscheide, wer deine wichtigste Zielgruppe ist, bevor du Projekte auswählst. Ein Portfolio für freiberufliche Branding-Kunden sieht anders aus als eines für eine Junior-Stelle in einem Unternehmen.

Wie viele Projekte du zeigen solltest

Plane 6 bis 10 ein. Weniger als 6 wirken dünn, es sei denn, jedes ist eine ausführliche Case Study. Mehr als 10 bedeutet meist, dass einige Stücke die besten verwässern.

So entscheidest du einfach, was bleibt:

Liste jedes Projekt auf, auf das du stolz bist.
Markiere die, die zu der Arbeit passen, von der du mehr willst. Streich den Rest, auch wenn er bezahlt war.
Ordne den Rest nach Qualität. Die besten drei kommen zuerst.
Prüfe die Bandbreite innerhalb deiner Nische: zum Beispiel ein Logosystem, ein Verpackungsprojekt, ein Editorial- oder Kampagnenprojekt.
Wenn zwei Projekte dieselbe Fähigkeit belegen, behalte das bessere.

Die Seiten, die du brauchst

Mit vier Seiten kommst du weit. Ergänze weitere nur, wenn du echte Inhalte dafür hast.

Seite	Zweck	Was darauf gehört
Startseite	Besucher in Sekunden orientieren	Ein Satz dazu, was du machst, 3 bis 6 ausgewählte Projekte, ein klarer Kontakt-Link
Arbeiten (oder Projekte)	Die vollständige Galerie	Vorschaubilder mit Projektname und Disziplin, verlinkt auf die jeweilige Case Study
Case-Study-Seiten	Zeigen, wie du denkst	Eine Seite pro Projekt, aufgebaut nach der Vorlage unten
Über mich	Dich als Person greifbar machen	Kurzbio, Foto, Skills oder Tools, Leistungen oder Verfügbarkeit
Kontakt	Hürden abbauen	E-Mail, bei Bedarf ein Formular, Links zu deinen beruflichen Profilen

Optionale Extras: eine Leistungsseite, wenn du freiberuflich arbeitest, eine Lebenslauf-Seite für die Jobsuche und eine kurze Prozess-Seite, wenn du bei jedem Projekt dieselben Schritte durchläufst.

Vorlage für den Aufbau einer Case Study

Kopiere diese Gliederung für jedes Projekt. Halte jeden Abschnitt kurz. Die meisten Besucher überfliegen die Seite, also sollen Überschriften und Bilder die Geschichte tragen.

Die Vorlage

Projekttitel und Zusammenfassung in einem Satz. Kunden- oder Projektname, Disziplin und Jahr. Beispiel: „Harbor Coffee Roasters, Verpackung und Markenidentität, 2025.“
Das Briefing. Zwei bis drei Sätze dazu, was der Kunde brauchte und warum. Nenne die Rahmenbedingung (Budget, Deadline, Zielgruppe), falls es eine gab.
Deine Rolle. Was du gemacht hast und, bei einem Team, was andere gemacht haben. Sei genau: „Leitende Designerin, mit einem Texter und einer Druckerei“ ist glaubwürdiger als „Alles gestaltet“.
Prozess. Drei bis fünf Bilder oder kurze Bildunterschriften: Skizzen, Moodboards, erste Richtungen und die Begründung für deine Entscheidung.
Das finale Ergebnis. Die größten, saubersten Bilder der Seite. Zeig das Design im Kontext, mit Mockups oder echten Fotos gedruckter Arbeiten.
Das Resultat. Was sich verändert hat, nur mit Aussagen, die du wahrheitsgemäß treffen kannst: Der Kunde hat es veröffentlicht, es hat eine ältere Identität abgelöst, es steht jetzt im Regal, es wurde in einer bestimmten Auflage gedruckt. Hast du keine Zahlen, lass sie weg. Erfinde keine Kennzahlen.
Link zum nächsten Projekt. So bleiben Besucher in deinen Arbeiten.

Formulierungsbeispiele zum Anpassen

Briefing: „Der Kunde, eine kleine Bäckerei aus dem Viertel, wollte ein Logo und eine Verpackung, die handgemacht wirken, sich aber günstig einfarbig reproduzieren lassen.“
Rolle: „Ich habe Recherche, Logodesign und das Verpackungssystem übernommen. Die Produkttexte stammen vom Kunden.“
Bildunterschrift zum Prozess: „Drei frühe Richtungen. Die Schreibschrift-Wortmarke haben wir verworfen, weil sie in kleinen Größen schlecht lesbar war.“
Resultat: „Die neue Verpackung kam im Frühjahr auf den Markt und wird heute für alle Produktlinien verwendet.“

Gestalte die Seite so, dass die Arbeiten im Mittelpunkt stehen

Beschränke die Navigation auf vier oder fünf Punkte. Startseite, Arbeiten, Über mich, Kontakt genügt.
Nutze neutrale Hintergründe und viel Weißraum. Deine Projekte liefern die Farbe. Ein unruhiges Template konkurriert mit ihnen.
Wähle eine oder zwei Schriften. Als Designer ist deine eigene Seite eine Typografie-Probe. Halte sie konsistent und gut lesbar.
Mach Bilder groß. Vorschaubilder sollten scharf sein, und auf Projektseiten sollten die wichtigsten Bilder die volle Breite füllen.
Setze Namen und Disziplin an den Anfang der Startseite. „Maya Chen, Branding- und Verpackungsdesignerin“ schlägt jeden cleveren Claim, den niemand versteht.
Teste es auf dem Handy. Viele öffnen deinen Link mobil. Prüfe Galerie, Menü und Kontakt-Link.
Komprimiere Bilder. Große Dateien bremsen die Seite aus, was Besuchern und der Sichtbarkeit in der Suche schadet.

Schritt für Schritt: von null bis zur Veröffentlichung

Lege Fokus und Zielgruppe fest. Ein Satz: „Ich gestalte [was] für [wen].“
Wähle 6 bis 10 Projekte mit dem Filter von oben aus.
Schreibe jede Case Study nach der Vorlage, beginnend mit deinem besten Projekt.
Exportiere webtaugliche Bilder in der Größe, in der sie angezeigt werden, und benenne die Dateien eindeutig.
Wähle einen Builder und ein Layout, das Bilder in den Vordergrund stellt und wenig ablenkt. Als Ausgangspunkt zeigen die Seite Website-Builder für Grafikdesigner und die KI-Designer-Portfolio-Vorlage, wie ein fertiges Layout aussieht.
Baue die vier Kernseiten und füge deine Case Studies hinzu.
Verbinde eine Domain, die deinen Namen trägt.
Korrigiere alles und bitte dann eine Freundin oder einen früheren Kollegen, deine E-Mail-Adresse auf der Seite zu finden. Fällt es schwer, überarbeite die Kontaktseite.
Veröffentliche und teile den Link in deiner E-Mail-Signatur, im Lebenslauf und auf deinen beruflichen Profilen.

Wenn du Tools vergleichst: Mit dem kostenlosen Plan von We.Inc kannst du bis zu drei Websites aus fertigen Vorlagen veröffentlichen; der KI-Builder, der aus einem Prompt eine Website entwirft, beginnt im Starter-Plan für $20 im Monat. Du kannst dich hier registrieren. Wenn du eine andere Portfolio-Plattform verlässt, findest du hier eine Liste von Portfoliobox-Alternativen.

Launch-Checkliste

Kopiere sie und hake die Punkte ab, bevor du den Link teilst.

Inhalt

[ ] 6 bis 10 Projekte, die drei stärksten zuerst
[ ] Jedes Projekt enthält Briefing, deine Rolle, Prozess, finales Ergebnis und Resultat
[ ] Studien-, private und Konzeptprojekte sind ehrlich gekennzeichnet
[ ] Keine Kundenarbeiten, die du nicht zeigen darfst
[ ] Die Über-mich-Seite hat ein Foto, eine Kurzbio und sagt, wofür du verfügbar bist
[ ] Die E-Mail-Adresse ist auf der Kontaktseite und im Footer sichtbar

Design

[ ] Die Navigation hat höchstens fünf Punkte
[ ] Eine oder zwei Schriften, konsequent eingesetzt
[ ] Text ist vor dem Hintergrund gut lesbar
[ ] Bilder sind groß, scharf und in der Galerie einheitlich dimensioniert
[ ] Jedes Bild hat einen aussagekräftigen Alt-Text

Technik

[ ] Sieht auf Handy, Tablet und Desktop richtig aus
[ ] Bilder komprimiert, Seiten laden schnell
[ ] Alle Links funktionieren, auch die „Nächstes Projekt“-Links
[ ] Seitentitel und Beschreibungen sind für die Startseite und jedes Projekt gesetzt
[ ] Eigene Domain verbunden, die Seite lädt über HTTPS
[ ] Social-Preview-Bild gesetzt, damit geteilte Links gut aussehen

Nach dem Launch

[ ] Link in E-Mail-Signatur, Lebenslauf und berufliche Profile eingetragen
[ ] Erinnerung gesetzt, das Portfolio alle paar Monate zu prüfen und neue Arbeiten einzupflegen

Häufige Fehler, die du vermeiden solltest

Alles zeigen, was du je gemacht hast. Auswahl gehört zu dem Können, das du unter Beweis stellst.
Bilder ohne Kontext. Ein schönes Mockup ohne Briefing sagt dem Besucher nichts über dein Denken.
Den Kontakt-Link verstecken. Wenn es mehr als einen Klick braucht, verlierst du Anfragen.
Ergebnisse behaupten, die du nicht belegen kannst. Beschreibe genau, was passiert ist. Ein ehrliches, bescheidenes Resultat ist glaubwürdiger als eine vage große Behauptung.
Es nie aktualisieren. Ersetze ältere Arbeiten durch stärkere, neuere.

Wie es weitergeht

Sobald die Seite online ist, kann dasselbe Portfolio ein freiberufliches Geschäft tragen. Diese Ratgeber behandeln die nächsten Schritte: how to get web design clients und how to grow a web design business gelten beide auch für Designer, die neben Grafik auch Websites anbieten.