Stellen Sie sich zwei Portfolio-Websites vor. Beide zeigen dieselben zwanzig Projekte derselben Fotografin. Die erste ist ein endloses Raster aus Vorschaubildern, sortiert nach Upload-Datum. Die zweite eröffnet mit dem schwierigsten Projekt des Jahres – einer Hochzeit, bei der es drei Stunden vor Beginn zu regnen anfing – und erzählt in drei Sätzen, wie daraus die stärksten Bilder der ganzen Saison wurden. Beide Websites haben dieselben Fotos. Nur eine davon bringt Anfragen.
Der Unterschied ist keine Frage des Talents, sondern der Struktur. Dieser Beitrag zeigt, wie Sie Ihre Arbeiten so anordnen, dass aus einer Bildersammlung eine Geschichte wird – und was dabei technisch häufig schiefgeht, bevor ein einziger Besucher die Geschichte überhaupt zu Ende liest.
Warum die meisten Portfolio-Websites wie ein Fotoalbum wirken
Das häufigste Muster: ein Raster aus Vorschaubildern, chronologisch oder alphabetisch sortiert, ohne erkennbare Auswahllogik. Für die Urheberin ist das nachvollziehbar – jedes Projekt hat Arbeit gekostet, warum also etwas weglassen? Für Besucher ist es das Gegenteil von hilfreich: Ohne Kontext müssen sie selbst herausfinden, welches Projekt relevant ist, welche Rolle Sie darin gespielt haben und ob Sie die richtige Person für ihr eigenes Vorhaben sind. Die meisten tun das nicht – sie schliessen den Tab.
Die Drei-Akt-Struktur für jedes Projekt
Suchen Sie das BESTE Schweizer Hosting für Ihre Website?
Wir haben die Antwort (und die Preise werden Sie überraschen!)
- Infomaniak: Leistung, Sicherheit & Expertise für anspruchsvolle Projekte[Website besuchen].
- Cyon: Einfach, günstig & nachhaltig – ideal für kleine Websites und Blogs [Website besuchen].
Genau hier hilft dieselbe narrative Grundstruktur, die wir bereits in unserem Beitrag zu Storytelling im Webdesign beschrieben haben – angewendet auf ein einzelnes Projekt statt auf die ganze Website. Jedes Portfolio-Stück verdient drei kurze Absätze statt eines Bildtitels:
| Akt | Frage, die Sie beantworten | Beispiel |
|---|---|---|
| 1. Ausgangslage | Was war die Aufgabe oder Herausforderung? | „Eine Aussenhochzeit für 80 Gäste, drei Stunden vor Beginn setzte Regen ein.» |
| 2. Entscheidung | Welche Entscheidung oder welcher Ansatz hat den Unterschied gemacht? | „Statt der geplanten Aussenkulisse haben wir die Zeremonie in die angrenzende Scheune verlegt und mit vorhandenem Licht gearbeitet.» |
| 3. Ergebnis | Was kam dabei heraus – idealerweise mit einer konkreten Reaktion? | „Das Brautpaar bezeichnete die Scheunen-Aufnahmen später als ihre liebsten Bilder der ganzen Hochzeit.» |
Drei bis fünf Sätze pro Projekt reichen. Das ist kein Roman – es ist der Unterschied zwischen einer Bildunterschrift und einem Argument dafür, warum genau Sie beauftragt werden sollten.
Was auf Portfolio-Websites technisch am häufigsten schiefgeht
Portfolio-Websites sind von Natur aus bildlastig – und genau das macht sie besonders anfällig für ein Problem, das die Geschichte nie zur Wirkung kommen lässt: Ladezeit. Ein Raster aus zwanzig unkomprimierten 6-Megapixel-Fotos kann eine Seite leicht auf zehn oder mehr Megabyte aufblähen. Das Ergebnis: Der Largest Contentful Paint (LCP) – jene Core-Web-Vitals-Kennzahl, die Google direkt fürs Ranking heranzieht – schiesst in die Höhe, und ein grosser Teil der Besucher ist bereits weg, bevor das erste Bild vollständig geladen ist.
Der zweite häufige Fehler: fehlender Alt-Text. Bilder ohne Alt-Text sind für Screenreader-Nutzer unsichtbar und für Google schwerer einzuordnen – ausgerechnet auf einer Website, deren gesamter Wert in den Bildern liegt. Ein guter Alt-Text beschreibt nicht nur, was zu sehen ist, sondern auch, worum es im Projekt ging, und liefert damit gleich zwei Fliegen mit einer Klappe: Barrierefreiheit und Sichtbarkeit in der Bildersuche.
Foto-Galerie vs. Story-driven Portfolio
Vergleich reine Foto-Galerie gegenüber Story-driven Portfolio: Die reine Foto-Galerie erreicht bei Verweildauer, Ladezeit-Bewusstsein, Sichtbarkeit in Google Bilder und klarem nächsten Schritt durchgehend niedrige Werte. Das Story-driven Portfolio erreicht bei allen vier Kriterien hohe Werte.
Behance und Dribbble: nützlich, aber kein Ersatz für die eigene Website
Behance und Dribbble werden in praktisch jedem Portfolio-Ratgeber als Beispiele genannt – zu Recht, aber mit einer wichtigen Einschränkung. Beide Plattformen sind stark für Sichtbarkeit innerhalb der Kreativ-Community und für schnelles Feedback von Kolleginnen und Kollegen. Was sie strukturell nicht leisten: Sie führen Besucher nicht zu Ihnen, sondern lassen sie in einem endlosen Feed mit tausenden anderen Profilen weiterscrollen. Eine eigene Website hat dieses Problem nicht – jeder Besucher, der darauf landet, ist bereits bei Ihnen und nirgendwo sonst. Die sinnvollste Kombination: Behance oder Dribbble für Reichweite und Networking nutzen, die eigene Website als das Ziel, auf das alle Wege letztlich führen.
Checkliste für Ihre Portfolio-Website
| Kriterium | Frage | Warum wichtig |
|---|---|---|
| Auswahl statt Vollständigkeit | Zeigen Sie 8–15 starke Projekte statt aller je erstellten Arbeiten? | Eine kuratierte Auswahl wirkt souveräner als eine vollständige Sammlung |
| Drei-Akt-Beschreibung | Hat jedes Projekt Ausgangslage, Entscheidung und Ergebnis in eigenen Sätzen? | Ohne Kontext bleibt jedes Bild eine Behauptung statt eines Beweises |
| Bildkompression | Sind alle Bilder als WebP/AVIF komprimiert und lazy-loaded? | Beeinflusst direkt LCP und Core Web Vitals |
| Aussagekräftiger Alt-Text | Beschreibt der Alt-Text Inhalt und Kontext statt nur „Bild 3″? | Wichtig für Barrierefreiheit und Sichtbarkeit in der Bildersuche |
| Klarer nächster Schritt | Führt jedes Projekt sichtbar zu einem Kontaktformular oder Terminlink? | Ohne klaren nächsten Schritt bleibt Begeisterung folgenlos |
Was das für Ihre WordPress-Website bedeutet
Eine story-driven Portfolio-Struktur lässt sich mit WordPress-Bordmitteln umsetzen, ohne auf einen schweren Page-Builder zurückzugreifen, der zusätzliches JavaScript nachlädt. Unser technischer Grundansatz für WordPress-Websites in der Schweiz behandelt Bildkompression, Lazy Loading und Sichtbarkeit in der lokalen Suche als Grundausstattung – genau das, was eine bildlastige Portfolio-Website braucht, um schnell zu laden und trotzdem gefunden zu werden.
Häufige Fragen
Wie viele Projekte sollte meine Portfolio-Website zeigen?
Acht bis fünfzehn gut ausgewählte Projekte überzeugen in der Regel mehr als dreissig unsortierte. Qualität und Auswahllogik schlagen Vollständigkeit.
Reicht Instagram nicht auch als Portfolio?
Instagram eignet sich gut für Reichweite und aktuelle Einblicke, aber Sie haben keine Kontrolle über Reihenfolge, Kontext oder Algorithmus-Sichtbarkeit. Für eine gezielte Bewerbung bei einem konkreten Kunden bleibt eine eigene Website das verlässlichere Werkzeug.
Weiterführend: Storytelling im Webdesign · Webdesign Agentur Zürich · Webdesign Basel
