Um eine Portfolio-Website mit KI zu erstellen, wählen Sie Ihre besten Projekte, Bilder und eine kurze Biografie aus und beschreiben dann Layout und Tonalität. Der Builder erstellt Projektseiten, einen Über-mich-Bereich und ein Kontaktformular, das Nachrichten speichert. Neue Arbeiten ergänzen Sie in einem privaten Admin-Bereich, und die Website veröffentlichen Sie auf Ihrer eigenen Domain.
- Acht bis zwölf starke Projekte mit jeweils einer kurzen Geschichte bringen mehr Aufträge als eine Galerie von allem, was Sie je gemacht haben.
- Hängen Sie Ihre eigenen Bilder an (bis zu 25 MB pro Datei), wenn Sie die Website beschreiben. WisyLink verwendet sie unverändert und erzeugt keine Fotos.
- Fordern Sie eine Seite pro Projekt mit sauberer URL an; Projekte, die Sie später im Admin-Bereich ergänzen, gehen ohne neuen Build live.
- Das Kontaktformular speichert jede Nachricht. E-Mail-Benachrichtigungen brauchen Ihr eigenes SMTP-Konto, das Sie einmalig unter Integrationen hinterlegen.
- Kostenlose Links bleiben 30 Tage bestehen. Ein kostenpflichtiger Tarif hält die Website live, solange Sie abonniert sind; Ihre eigene Domain funktioniert in jedem Tarif, auch im kostenlosen.
Was ein Portfolio braucht, um Kunden zu gewinnen
Eine Portfolio-Website hat eine einzige Aufgabe: Die richtige Person soll Sie kontaktieren. Das ist meist eine Art-Direktorin, ein Personalverantwortlicher oder eine Unternehmerin, die mehrere Portfolios hintereinander überfliegt. Diese Person entscheidet schnell, ob Sie die Art von Arbeit machen, die sie sucht, ob Ihre Arbeit gut aussieht und ob eine Kontaktaufnahme einfach ist. Alles auf der Website sollte diesen drei Urteilen dienen.
| Element | Zweck | Tipp |
|---|---|---|
| Positionierungssatz | Sagt, wem Sie helfen und wie | „Markenauftritte für inhabergeführte Restaurants“ schlägt „Kreative Designerin“ |
| Raster ausgewählter Arbeiten | Zeigt Bandbreite und Qualität auf einen Blick | Beginnen Sie mit dem Projekt, das der Arbeit am nächsten kommt, von der Sie mehr wollen |
| Projektseiten | Belegen, wie Sie denken, nicht nur, wie es aussieht | Kontext, Ihre Rolle, Prozess, Ergebnis |
| Über mich | Schafft Vertrauen in die Person hinter der Arbeit | Ein echtes Foto von Ihnen und drei, vier Sätze |
| Leistungen und Ablauf | Beantwortet „Wie sähe eine Zusammenarbeit aus?“ | Listen Sie auf, was Sie liefern und wie ein Projekt ungefähr abläuft |
| Kundenstimmen | Belege von Dritten | Nur echte Zitate, mit Erlaubnis der Kunden |
| Kontaktformular | Macht aus Interesse ein Gespräch | Fragen Sie nach Projektart und Zeitrahmen, um Anfragen einzuordnen |
| Vorschaukarte | Lässt Ihren Link in Nachrichten durchdacht aussehen | Prüfen Sie sie vor dem Start, indem Sie den Link in einen Messenger einfügen |
Ihre Arbeiten vorbereiten: Bilder, Fallstudien, Kurzbiografie
Die Vorbereitung entscheidet mehr über die Qualität des Ergebnisses als der Prompt. Nehmen Sie sich einen Abend Zeit dafür, bevor Sie den Chat öffnen.
Bilder
Wählen Sie zuerst die Projekte aus, exportieren Sie dann die Bilder in Webgröße als JPEG, PNG oder WebP und geben Sie den Dateien sprechende Namen wie hafencafe-speisekarte-cover.jpg statt IMG_0412.jpg. Jede Datei, die Sie im Chat anhängen, darf bis zu 25 MB groß sein, und der Chat akzeptiert unter anderem gängige Bildformate, PDF, Word-Dokumente und MP4. Fotografinnen und Fotografen wählen besser eine Serie pro Projekt als Einzelbilder und prüfen, ob Kundenverträge und Model-Releases eine öffentliche Nutzung erlauben.
Kann ich eigene Bilder und Videos hochladen?
Ja. Angehängte Dateien werden unverändert verwendet; der Builder ersetzt Ihre Arbeiten nie durch generierte Bilder. Kurze MP4-Clips unter 25 MB funktionieren als Dateien auf der Website, aber jeder Upload zählt zum Speicher und zur Bandbreite Ihres Tarifs. Für ein Showreel oder eine große Videosammlung hosten Sie die Videos auf einer Videoplattform und lassen sie auf den Projektseiten einbetten.
Fallstudien und Kurzbiografie
Schreiben Sie jede Fallstudie in fünf kurzen Teilen: Kunde und Kontext, die Aufgabe, was Sie getan haben, das Ergebnis und die Credits (Ihre Rolle bei Teamprojekten). Drei bis sechs Sätze pro Projekt genügen. Für den Über-mich-Bereich schreiben Sie in der ersten Person, wenn Sie allein arbeiten, und in der dritten Person, wenn Sie ein Studio präsentieren. Fassen Sie alles in einem Dokument zusammen und hängen Sie es im Chat an; das erspart Ihnen, alles in den Prompt zu tippen.
Portfolio bauen: Prompt-Vorlage
Wenn Sie noch nie eine Website auf diese Weise gebaut haben, erklärt die Schritt-für-Schritt-Anleitung, wie Sie eine Website mit KI erstellen, die Grundlagen. Für ein Portfolio sieht der Ablauf so aus:
- Legen Sie ein kostenloses Konto im Community-Tarif an und öffnen Sie einen neuen Chat.
- Hängen Sie Ihre Bilder und das Dokument mit den Fallstudien an.
- Fügen Sie den Prompt unten ein, ausgefüllt mit Ihren eigenen Angaben.
- Beantworten Sie Wisys Rückfrage, falls eine kommt. In jeder Runde stellt Wisy entweder eine kurze Frage oder startet den Build.
- Verfolgen Sie die Aufgabenliste, während der Build läuft, und öffnen Sie dann den Live-Link auf dem Handy und am Laptop.
- Fordern Sie konkrete Änderungen an, ein Thema pro Nachricht: „Projekttitel größer und den Kundennamen darunter“ funktioniert besser als „Mach es schöner“.
- Hinterlegen Sie Ihre SMTP-Daten unter Integrationen, damit neue Nachrichten in Ihrem Postfach landen.
- Verbinden Sie Ihre Domain, wenn Sie startbereit sind, und wechseln Sie in einen kostenpflichtigen Tarif, damit die Website live bleibt.
Erstelle eine Portfolio-Website für [Ihr Name], [Disziplin] aus [Stadt], tätig für [Art der Kunden].
Seiten: eine Startseite mit dem Satz „[Positionierungssatz]“ und einem Raster ausgewählter Arbeiten; eine Seite „Projekte“ mit allen Projekten und einem Filter nach [Liste der Kategorien]; eine Seite pro Projekt unter /projekte/[projektname] mit dem Text der Fallstudie, den angehängten Bildern und Links zum vorherigen und nächsten Projekt; eine Seite „Über mich“ mit Biografie und Foto; eine Kontaktseite.
Felder im Kontaktformular: Name, E-Mail, Projektart, Zeitrahmen, Nachricht. Speichere jede Nachricht und zeige sie in einem privaten Admin-Bereich an. Schick mir jede neue Nachricht per E-Mail.
Admin-Bereich: ein Login nur für mich, mit dem ich Projekte hinzufügen, bearbeiten, umsortieren und ausblenden und ihre Bilder hochladen kann.
Look and Feel: [drei Adjektive], [Farbwunsch], eine Typografie, die [zum Beispiel redaktionell und ruhig] wirkt. Die Bilder stehen im Vordergrund; halte Texte kurz.
Beschreiben Sie den Stil mit konkreten Worten statt mit „modern“ oder „clean“ – darunter versteht jeder etwas anderes. Weitere Formulierungsmuster finden Sie in den Prompt-Vorlagen für KI-Website-Builder. Im kostenlosen Tarif hält Wisy jeden Build bei einer kurzen ersten Version. Fehlt im ersten Ergebnis der Admin-Bereich, fordern Sie ihn in einer zweiten Nachricht an.
Eine Seite pro Projekt mit sauberen URLs
Eine einzige Scroll-Seite reicht für drei Projekte. Darüber hinaus bekommt jedes Projekt eine eigene Seite. Eine Projektseite unter einer Adresse wie /projekte/hafencafe-rebranding können Sie direkt an eine Interessentin schicken, die nach Arbeiten für die Gastronomie gefragt hat. Sie trägt in den Suchergebnissen einen eigenen Titel und eine eigene Beschreibung und kann für ihr eigenes Thema ranken, zum Beispiel „Verpackungsdesign für eine Craft-Brauerei“.
Bei WisyLink erhält jedes Projekt, das Sie als Datensatz anlegen, eine eigene crawlbare Seite, die aus Ihren gespeicherten Daten erzeugt wird. Ein neues Projekt erscheint etwa eine Minute nach dem Veröffentlichen auf der Projektübersicht, unter seiner eigenen URL und in der Sitemap der Website, ohne neuen Build. Sorgen Sie dafür, dass jede Projektseite mehr sagt als ihre Kachel: den Kontext, zwei oder drei Prozessbilder, das Ergebnis und die Credits. Eine Seite, die nur den Titel und ein Foto wiederholt, gibt weder Besuchern noch Suchmaschinen einen Grund zu bleiben.
Wählen Sie kurze, sprechende Projektadressen und behalten Sie sie bei. Benennen Sie ein Projekt um, nachdem Sie den Link schon geteilt haben, bitten Sie um eine Weiterleitung von der alten Adresse, damit frühere Links weiter funktionieren.
Ein Kontaktformular mit E-Mail-Benachrichtigung (SMTP)
Das Kontaktformular speichert jede Einsendung in den eigenen Daten der Website, und Sie lesen sie im Admin-Bereich. Dieser Teil funktioniert ab dem ersten Build. Für E-Mail-Benachrichtigungen braucht es einen weiteren Schritt: Die Website verschickt E-Mails über Ihr eigenes SMTP-Konto, also die Einstellungen für den Postausgang, die Ihnen Ihr E-Mail-Anbieter nennt. Server, Port, Benutzername, Passwort und Absenderadresse tragen Sie unter Integrationen ein; dort werden sie verschlüsselt und nie wieder angezeigt. Bis dahin werden Nachrichten trotzdem gespeichert, Sie bekommen nur keine E-Mail dazu. Fügen Sie ein Passwort niemals in den Chat selbst ein. Und weil das Formular personenbezogene Daten erhebt, gehört ein entsprechender Abschnitt in Ihre Datenschutzerklärung.
Drei Details machen das Formular nützlicher:
- Felder zur Einordnung. Projektart und Zeitrahmen zeigen Ihnen in Sekunden, welche Anfrage Sie zuerst beantworten. Eine Budgetspanne funktioniert in manchen Disziplinen und schreckt in anderen ab; lassen Sie sie im Zweifel weg.
- Schutz vor Spam. Bitten Sie den Builder, wiederholte Einsendungen von derselben E-Mail-Adresse zu begrenzen, damit kein Skript Ihr Postfach oder Ihre Datenbank füllt.
- Eine Absenderadresse auf Ihrer Domain. Sobald Ihre Domain verbunden ist, stellen Sie den Absender auf eine Adresse wie hallo@ihrname.de um, besonders wenn Sie auch eine automatische Bestätigung an die anfragende Person verschicken lassen.
Schicken Sie sich vor dem Start eine Testnachricht und prüfen Sie, ob sie im Admin-Bereich und in Ihrem Postfach ankommt, den Spam-Ordner eingeschlossen.
Schnell, teilbar, auffindbar: Vorschaukarten und SEO
Jede WisyLink-Website wird auf dem Server gerendert, sodass Suchmaschinen und Linkvorschauen schon bei der ersten Anfrage die vollständige Seite sehen. Jede Seite erhält einen eigenen Titel, eine Meta-Beschreibung und eine kanonische URL, dazu Open-Graph- und Twitter-Card-Tags, strukturierte Daten, ein Favicon, eine /sitemap.xml und eine /robots.txt. Der erste Build gestaltet außerdem ein Vorschaubild für die Website, damit Ihr Link in einer Nachricht als durchdachte Karte erscheint statt als leerer Kasten.
Eine Grenze sollten Sie kennen: Die Vorschaukarte ist eine einzige gestaltete Grafik für die ganze Website, gezeichnet als Vektorgrafik. Ihre eigenen Fotos zeigt sie nicht. Wünschen Sie einen anderen Look, beschreiben Sie die Änderung im Chat.
Der Rest ist Inhalt, und der ist Ihr Teil:
- Alt-Texte. Beschreiben Sie in einfachen Worten, was jedes Bild zeigt: „Handgeletterter Speisekarten-Umschlag für ein Café am Hafen“. Googles Best Practices für die Bildersuche nennen den Alt-Text das wichtigste Attribut für Bild-Metadaten, und er macht die Website auch mit einem Screenreader nutzbar.
- Text auf den Projektseiten. Suchmaschinen lesen Text, keine Pixel. Nennen Sie die Kundenart, das Ergebnis und, wenn Sie lokal arbeiten, den Ort: „Hochzeitsfotograf in Hamburg“.
- Bildgröße. In Webgröße exportierte Bilder halten die Seiten auf dem Handy schnell – dort öffnen Interessenten oft einen Link, den ihnen jemand weitergeleitet hat.
Neue Projekte im Admin-Bereich hinzufügen
Ein Portfolio, das sich nie ändert, wirkt irgendwann verlassen. Fordern Sie in der ersten oder zweiten Nachricht einen privaten Admin-Bereich an, mit einem Formular pro Projekt: Titel, Adresse, Zusammenfassung, Text der Fallstudie, Titelbild, Galeriebilder, Kategorie, Reihenfolge und ein Schalter für „veröffentlicht“.
Kann ich Projekte ohne neuen Build hinzufügen?
Ja. Projekte sind gespeicherte Daten, kein Code. Ein neues Projekt im Admin-Bereich startet also keinen Build und verbraucht nichts von Ihrem Build-Kontingent. Die neue Seite erreicht Besucher nach etwa einer Minute. Zurück in den Chat gehen Sie nur, wenn Sie das Design ändern oder eine Funktion ergänzen möchten, etwa eine Leiste mit Kundenlogos oder ein Banner „Derzeit verfügbar“.
Bilder, die Sie über den Admin-Bereich hochladen, werden als öffentliche Dateien gespeichert, schnell ausgeliefert und sind auf 25 MB pro Datei begrenzt. Öffentliche Uploads akzeptieren keine SVG-Dateien, exportieren Sie Logos also als PNG. Die Abschlussnotiz des Builds sagt Ihnen, wie Sie in den Admin-Bereich kommen: Oft wird das erste registrierte Konto zum Admin, oder die Notiz nennt Ihnen Zugangsdaten. Melden Sie sich an, testen Sie alles und ersetzen Sie ein Startpasswort durch Ihr eigenes.
Eigene Domain und Livegang
Ihre Website startet unter einer Adresse wie https://<id>.wisylink.com, ideal zum Testen. Im kostenlosen Community-Tarif bleiben Links 30 Tage bestehen und danach noch eine Woche zur Löschung markiert, bevor sie entfernt werden. Sie können ihrname.de in jedem Tarif verbinden, aber um das Portfolio über diese 30 Tage hinaus live zu halten, wechseln Sie in einen kostenpflichtigen Tarif; Starter kostet 7 US-Dollar im Monat (siehe Tarife). Bei In-App-Käufen rechnen App Store und Google Play in Ihrer Landeswährung ab.
Unter Domänen verbinden Sie eine Domain, die Sie bereits besitzen; haben Sie noch keine, registrieren Sie zuerst eine bei einem beliebigen Domain-Registrar. Die Verbindung über einen einzelnen DNS-Eintrag lässt Ihre E-Mail unberührt. Zeigen Ihre Nameserver dagegen auf WisyLink, werden alle bestehenden DNS-Einträge ersetzt, auch die für E-Mail; wählen Sie das nur, wenn Sie diese neu anlegen können. HTTPS wird automatisch eingerichtet, sobald die Domain verifiziert ist. Die vollständige Anleitung steht in So verbinden Sie eine eigene Domain mit Ihrer KI-Website.
Bevor Sie den Link breit teilen:
- Öffnen Sie jede Projektseite auf dem Handy und prüfen Sie den Bildausschnitt.
- Schicken Sie eine Testanfrage und prüfen Sie den Eintrag im Admin-Bereich und die E-Mail.
- Fügen Sie den Link in einen Messenger ein und prüfen Sie die Vorschaukarte.
- Lesen Sie jedes Wort noch einmal und prüfen Sie, ob Impressum und Datenschutzerklärung verlinkt sind; Tippfehler kosten in einem Portfolio mehr als irgendwo sonst.
- Ergänzen Sie den Link in Ihrer E-Mail-Signatur, Ihren Social-Media-Profilen und auf Ihren Rechnungen.
Ihr Portfolio aus einer einzigen Nachricht
Den schwierigsten Teil haben Sie schon: die Arbeiten. Sammeln Sie Ihre besten Projekte, schreiben Sie zu jedem fünf Zeilen, hängen Sie die Bilder an und fügen Sie die Prompt-Vorlage von oben mit Ihren Angaben ein. Prüfen Sie die erste Version auf dem Handy, fordern Sie die Änderungen an, auf die es ankommt, und verbinden Sie Ihre Domain, wenn es sich richtig anfühlt.
Sie können alles kostenlos ausprobieren: Mit Community starten, ohne Kreditkarte, und erst upgraden, wenn das Portfolio dauerhaft auf Ihrer eigenen Domain live bleiben soll.
F.A.Q.