Portfolio-Website erstellen, die Aufträge bringt

Um eine Portfolio-Website zu bauen, die dir Aufträge bringt, wähle deine vier bis acht besten Projekte für das Publikum, das du erreichen willst, stelle jedes als kurze Geschichte dar – das Problem, was du getan hast, das Ergebnis – und mach es von jeder Seite aus leicht, dich zu kontaktieren. Halte die Seite schnell, besonders wenn sie bildlastig ist, und setze sie auf eine Domain mit deinem Namen. Das Werkzeug zählt weniger als die Auswahl und das Schreiben.

Beginne mit der Frage, wer schaut

Ein Portfolio ist eine Verkaufsseite, bei der deine Arbeit das Produkt ist. Bevor du ein Layout wählst, entscheide, wer dich beauftragen soll und was diese Person sehen muss:

Wenn du zwei sehr unterschiedliche Publika bedienst – etwa Produktdesign-Stellen und freie Illustration –, überlege dir getrennte Bereiche oder sogar getrennte Seiten, damit keiner der beiden suchen muss.

Was hinein gehört

Die Arbeiten

Wähle wenige, bessere Projekte. Entferne alles, was du nicht noch einmal machen möchtest. Setze deine stärkste, relevanteste Arbeit an den Anfang; viele Besucher scrollen nie über die erste Reihe hinaus.

Für Designer und Entwickler werden die besten Projekte zu Fallstudien. Eine brauchbare Struktur:

1. Das Problem – ein oder zwei Sätze zur Situation und dazu, wen sie betraf.
2. Deine Rolle – was du getan hast und was andere getan haben. Sei präzise; Übertreibungen fallen in einem Vorstellungsgespräch sofort auf.
3. Der Prozess – einige zentrale Entscheidungen, mit Skizzen, Wireframes oder Code-Ausschnitten.
4. Das Ergebnis – was ausgeliefert wurde und welche Wirkung du ehrlich benennen kannst. Wenn du keine Zahlen nennen kannst, beschreibe die Veränderung qualitativ.

Für Fotografen und Illustratoren leisten die Bilder die meiste Arbeit. Gruppiere sie in klare Sets (Hochzeiten, Produkte, Redaktionelles), halte Bildunterschriften kurz und lass das Raster atmen.

Über mich und Kontakt

Der Über-mich-Bereich sollte sagen, wer du bist, was du machst, für wen du es machst und wo du sitzt oder ob du remote arbeitest. Ein echtes Foto hilft. Der Kontaktweg sollte von jeder Seite aus offensichtlich sein: ein kurzes Formular, eine E-Mail-Adresse oder ein Link, um einen Anruf zu buchen. Wenn du Termine vergibst, sag, wie.

Optionale Seiten

• Leistungen und Preise – nützlich für Freelancer, wenn sie Anfragen aussortieren wollen, die nicht passen.
• Lebenslauf – nützlich für Jobsuchende; üblich sind ein herunterladbares PDF plus eine Version auf der Seite.
• Texte oder Notizen – nur sinnvoll, wenn du sie aktuell hältst. Ein verlassener Blog von vor Jahren schadet mehr, als er nützt.
• Referenzen – nur echte, mit Erlaubnis.

Entscheidungen und Abwägungen

Statische Seite oder App? Die meisten Portfolios sind einfache, inhaltsgetriebene Seiten und brauchen keine Datenbank. Füge eine nur hinzu, wenn es einen Grund gibt: ein Kontaktformular, das Anfragen speichert, eine Galerie, die du oft über eine Adminseite aktualisierst, oder Kundenauswahl, bei der Menschen Fotos auswählen.

Wo die Bilder liegen. Große Bilder sind die Hauptursache für langsame Portfolios. Verkleinere und komprimiere sie vor dem Hochladen, nutze moderne Formate und lade Bilder verzögert beim Scrollen. Bei einer großen oder oft wechselnden Galerie speichere die Bilder im richtigen Dateispeicher statt sie in den Code der Seite einzubauen.

Wie du sie aktualisierst. Sei ehrlich dazu. Wenn du jeden Monat neue Arbeiten hinzufügst, brauchst du einen einfachen Weg dafür – eine simple Adminseite, ein CMS oder einen Builder, in dem du dich wohlfühlst. Wenn du zweimal im Jahr aktualisierst, reicht es, die Seite direkt zu bearbeiten.

Sichtbarkeit in der Suche. Wenn Menschen dich über deinen Namen plus dein Fachgebiet und deine Stadt finden sollen, braucht die Seite echten Text, saubere Überschriften, eindeutige Seitentitel und Beschreibungen sowie beschreibende Alternativtexte für Bilder. Siehe SEO für mit KI gebaute Websites.

Ein erster Prompt für einen KI-Builder

Ein guter Prompt nennt Publikum, Seiten, Arbeiten und Stil:

Baue eine Portfolio-Website für Lena Park, eine Produktdesignerin, die Festanstellungen auf Senior-Level bei SaaS-Unternehmen sucht. Seiten: Startseite mit einer kurzen Einleitung und einem Raster aus 5 Fallstudien; eine Vorlage für Fallstudienseiten mit Abschnitten für Problem, meine Rolle, Prozess (mit Bildergalerie) und Ergebnis; Über mich mit Foto, kurzer Biografie und Lebenslauf-Download; Kontakt mit einem einfachen Formular (Name, E-Mail, Nachricht), das in einer Datenbank gespeichert wird und eine Dankesnachricht zeigt. Stil: ruhig und minimalistisch, viel Weißraum, eine Akzentfarbe, große, gut lesbare Schrift. Funktioniert gut auf Handys. Verwende klar markierte Platzhalterprojekte, die ich einzeln ersetzen kann.

Ersetze die Platzhalter dann Projekt für Projekt, statt alle deine Inhalte in einer einzigen Nachricht einzufügen. Das ist leichter zu prüfen, und die KI trifft jede Seite besser.

Mehr Prompt-Muster findest du unter wie du Prompts für KI-App-Builder schreibst.

Bauschritte

1. Publikum und Projekte festlegen, bevor du ein Tool anfasst.
2. Die Texte für jede Fallstudie zuerst in einem Dokument schreiben: Problem, Rolle, Prozess, Ergebnis.
3. Bilder vorbereiten – zuschneiden, verkleinern, komprimieren. Dateien sinnvoll benennen.
4. Ein Ausgangslayout generieren oder auswählen. Ein Blick in die Portfolio-Vorlagen zeigt schnell, welcher Stil zu deiner Arbeit passt.
5. Startseite und eine Fallstudie zuerst bauen, richtig machen und dann das Muster wiederholen.
6. Über mich und Kontakt ergänzen. Teste das Kontaktformular von Anfang bis Ende.
7. Auf dem Handy prüfen. Portfolios brechen auf kleinen Bildschirmen oft: enge Raster, riesige Bilder, winzige Bildunterschriften.
8. SEO-Grundlagen und ein Teilen-Bild ergänzen, damit Links gut aussehen, wenn du sie verschickst.
9. Veröffentlichen und die Domain verbinden. Siehe wie du eine eigene Domain verbindest.
10. Zwei Personen aus deiner Zielgruppe bitten, die Seite dreißig Sekunden lang anzusehen und dir zu sagen, was du machst. Wenn sie es nicht können, korrigiere die Startseite.

Häufige Fehler

• Alles zeigen. Schwache Projekte verwässern die starken. Kuratiere.
• Bilder ohne Kontext. Bei Design- und Entwicklungsarbeit sagt ein Screenshot ohne Problem und ohne deine Rolle einem Personalverantwortlichen sehr wenig.
• Langsame, schwere Seiten. Unkomprimierte Bilder in voller Auflösung lassen die Seite auf mobilen Daten kaputt wirken.
• Clevere Navigation. Ungewöhnliche Menüs und Scroll-Effekte können Spaß machen, aber nicht, wenn Besucher deine Arbeit oder deine E-Mail-Adresse nicht finden.
• Versteckte Kontaktdaten. Setze einen Kontaktlink in Kopf- und Fußzeile jeder Seite.
• Kundenarbeiten zeigen, für die du keine Erlaubnis hast. Prüfe Verträge und Geheimhaltungsvereinbarungen; anonymisiere oder beschreibe das Projekt, wenn nötig.
• Nie aktualisieren. Veraltete Arbeiten und ein „neuestes Projekt“ von vor Jahren senden das falsche Signal.

Kosten

Die laufenden Kosten eines persönlichen Portfolios sind meist gering: eine Domain, die jährlich verlängert wird, und Hosting. Bildlastige Seiten kosten etwas mehr, wenn du viele große Dateien speicherst und ausliefern musst. Website-Baukästen verlangen oft ein monatliches Abo mit Hosting; selbst zu bauen kann günstiger sein, bedeutet aber, dass du es pflegst. Prüfe die aktuellen Preise bei jedem Anbieter, da sie sich ändern.

Wann ein fertiges Produkt die bessere Wahl ist

Portfolio-Plattformen und Website-Baukästen mit Portfolio-Themes passen gut, wenn du schnell ein gepflegtes Ergebnis willst, einen visuellen Editor bevorzugst und nichts Individuelles brauchst. Fotografen, die Abzüge verkaufen oder Kundengalerien liefern, sind mit einer spezialisierten Foto-Plattform oft besser bedient, die Auswahl und Druckverkauf bereits abdeckt. Baue selbst, wenn du ein unverwechselbares Design willst, eine Funktion brauchst, die Plattformen nicht bieten, Code oder interaktive Arbeiten direkt zeigen möchtest oder die Seite schlicht vollständig besitzen willst.

Mit Mythex bauen

Mythex kann ein Portfolio aus einer Beschreibung wie dem obigen Prompt bauen. Du siehst es in einer Live-Vorschau mit Handyrahmen, verfeinerst Layout und Texte im Chat und veröffentlichst unter deinname.mythex.app. Wenn du ein Kontaktformular willst, das Anfragen speichert, fügt Mythex dem Projekt eine Datenbank hinzu; für Bildergalerien kann es den Dateispeicher des Projekts nutzen, damit Bilder nicht in den Code gepackt werden. Im Pro-Tarif kannst du bei Mythex eine Domain kaufen oder eine bestehende verbinden und den Code exportieren oder mit GitHub synchronisieren, falls du später woanders hosten willst.

Die Dokumentation behandelt das im Portfolio-Anwendungsfall und erklärt den Dateispeicher. Du kannst auch mit dem KI-Builder für Portfolio-Websites starten oder mit einem bestimmten Stil wie dem Entwickler-Portfolio oder dem Fotografie-Portfolio als Vorlage.

Fragen