Wie erstelle ich ein Portfolio mit Vibe Coding, ohne Code?

Für wen sich ein Portfolio mit Vibe Coding lohnt

Ein Portfolio ist deine Visitenkarte im Netz. Social-Media-Profile sind praktisch, aber dort bestimmst du weder die Reihenfolge noch die Darstellung. Mit einer eigenen Seite schon.

• Illustration und Grafik: Galerie nach Kategorien, große Ansicht pro Werk, Kundenliste.
• Fotografie: Serien als eigene Projekte, ruhiges Layout, das deinen Bildern Raum lässt.
• Webdesign, UX und Branding: Fallstudien mit Ausgangslage, Vorgehen und Ergebnis.
• Freelancer aller Art: Texter, Übersetzerinnen, Handwerker mit Referenzen, Leistungen und Kontaktformular.

Gerade wenn du selbstständig arbeitest, entscheidet oft der erste Eindruck darüber, ob jemand anfragt. Eine eigene, aufgeräumte Seite wirkt professioneller als ein Profil unter vielen, und du kannst sie genau auf die Aufträge zuschneiden, die du dir wünschst.

Schritt für Schritt zu deinem Portfolio

1. Material sammeln: Such deine besten Arbeiten aus, lieber wenige starke als viele mittelmäßige.
2. Beschreiben: Wähle „Website“ und erzähl im Chat, wer du bist, was du machst und wie das Portfolio aufgebaut sein soll.
3. Gemeinsam planen: Im Modus „Planen“ kannst du mit dem Agenten über Struktur und Stil sprechen, bevor etwas gebaut wird.
4. Bauen lassen: Im Modus „Erstellen“ entsteht das Portfolio in der Live-Vorschau neben dem Chat.
5. Bilder einsetzen: Lade deine Arbeiten hoch. Die Website speichert sie in einem eigenen Bereich, und im Admin-Panel kannst du später neue hinzufügen.
6. Feinschliff und Start: Zeig in der Vorschau auf Elemente, die du ändern willst. Unter der privaten Vorschau-Adresse, etwa deinname.previewmyvibe.com, kannst du das Portfolio Menschen zeigen, denen du Zugriff gibst. Für den echten Start lädst du den Code herunter und stellst ihn auf ein Hosting deiner Wahl.

Eine gute Anfrage und warum sie funktioniert

Bei einem Portfolio geht es um Stil. Beschreib ihn deshalb so konkret wie möglich: Farben, Schriften, ob eher verspielt oder minimalistisch. Nenne außerdem die Kategorien deiner Arbeiten, die Seiten, die du brauchst, und was auf der Über-mich-Seite stehen soll.

Hilfreich ist auch, Screenshots von Portfolios anzuhängen, die dir gefallen, oder ein paar deiner eigenen Arbeiten. So versteht der Agent, welche Stimmung passt. Die Beispielanfrage unten zeigt, wie das aussehen kann.

Für Fallstudien hilft eine feste Gliederung, die du vorgibst, zum Beispiel: Auftraggeber, Aufgabe, Idee, Ergebnis. Dann ist jede Projektseite gleich aufgebaut, und Besucher finden sich schnell zurecht. Die Texte kannst du selbst schreiben oder dir vom Agenten einen ersten Entwurf machen lassen, den du anschließend anpasst.

Welcher Stil passt zu deinem Portfolio?

Dein Portfolio soll zu deiner Arbeit passen, nicht zu einer Vorlage. Ein paar Richtungen, die du dem Agenten nennen kannst:

• Minimalistisch: viel Weißraum, schlichte Schrift, große Bilder. Ideal für Fotografie und Architektur.
• Verspielt: kräftige Farben, handgezeichnete Elemente, ungewöhnliche Anordnung. Passt zu Illustration und Kinderbuch.
• Editorial: Aufbau wie ein Magazin, mit starken Überschriften und Text neben den Bildern. Gut für Fallstudien im Design.
• Dunkel und elegant: schwarzer Hintergrund, der Farben leuchten lässt. Beliebt in Fotografie und Motion Design.

Du bist dir nicht sicher? Bitte den Agenten im Modus „Planen“ um zwei oder drei Vorschläge mit Begründung. Oder lass dir eine Variante bauen, schau sie dir an und probier dann eine zweite. Dank der Versionen kehrst du jederzeit zu der Variante zurück, die dir besser gefallen hat.

Was dein Portfolio mitbringt

• Galerie mit Filtern: Besucher wählen eine Kategorie und sehen nur die passenden Arbeiten.
• Projektseiten: pro Arbeit oder Serie eine eigene Seite mit Bildern und Beschreibung.
• Bilder-Upload: Deine Dateien liegen in einem eigenen Speicherbereich mit festen Adressen.
• Admin-Panel: Neue Projekte, Texte und Bilder pflegst du selbst, ohne den Chat zu öffnen.
• Kontaktformular: Anfragen werden gespeichert, und du findest sie im Admin-Panel.
• Handy-tauglich: Die Galerie funktioniert auf dem Smartphone genauso gut wie am großen Bildschirm.

Tipps für ein Portfolio, das Aufträge bringt

• Deine Arbeit steht im Mittelpunkt: Bitte um ein zurückhaltendes Layout, damit die Bilder wirken.
• Kontext geben: Ein, zwei Sätze pro Projekt zu Auftrag und Idee machen einen großen Unterschied.
• Klare Kontaktmöglichkeit: Auf jeder Seite sollte sichtbar sein, wie man dich erreicht.
• Echte Bilder statt Platzhalter: KI-Bilder sind gut für Hintergründe oder Symbole, aber deine Werke zeigst du natürlich im Original.
• Schritt für Schritt ändern: Eine Änderung pro Nachricht, dann prüfen. Über die Versionen kommst du jederzeit zurück.

Wie es weitergeht

Für den öffentlichen Start lädst du den kompletten Quellcode als ZIP herunter, bereit für Docker oder ein normales Hosting, und stellst ihn auf das Hosting deiner Wahl. Hosting mit einem Klick direkt aus CodeMyVibe kommt bald.

Ist dein Portfolio online, verlinke es in deinen Social-Media-Profilen, in deiner E-Mail-Signatur und auf deinen Visitenkarten. Ein QR-Code, den der Agent für dich einfügt, führt von gedrucktem Material direkt auf deine Seite.

Neue Arbeiten fügst du im Admin-Panel hinzu. Wenn du irgendwann mehr willst, etwa einen geschützten Bereich für Kundinnen mit Login, wünschst du dir das einfach im Chat. Dein Projekt kannst du außerdem mit GitHub, GitLab oder Bitbucket synchronisieren.

Halte dein Portfolio lebendig: Nimm dir zum Beispiel einmal im Monat zehn Minuten, um eine neue Arbeit hinzuzufügen und eine ältere herauszunehmen. So zeigt deine Seite immer, wo du gerade stehst.

Häufige Fragen