Portfolio-Website ohne Code erstellen: Auswahl und Aufbau

Portfolio-Website ohne Code erstellen

Sie beschreiben in Zugo Ihr Fach, Ihre Auftraggeber und die Art der Projekte, die Sie künftig wollen. Daraus entsteht eine Website mit Startseite, Projektübersicht, Detailseiten je Arbeit, Seite über Sie und Kontaktformular. Der Build wird in einer Sandbox geprüft und läuft danach unter einer Adresse auf zugo.run oder Ihrer eigenen Domain.

Die Technik ist bei einem Portfolio selten das Problem. Entschieden wird über die Auswahl der Arbeiten und darüber, ob neben den Bildern steht, welche Aufgabe dahinterlag.

Was unterscheidet ein Portfolio von einer Bildergalerie?

Der Text. Eine Galerie zeigt Ergebnisse, ein Portfolio erklärt Entscheidungen. Wer Sie beauftragen will, kauft nicht das gezeigte Logo, sondern die Fähigkeit, sein eigenes Problem zu lösen, und das erkennt er nur, wenn er versteht, welches Problem Sie damals hatten.

Genau hier scheitern die meisten Auftritte. Zwölf schöne Bilder ohne Kontext beantworten die Frage „kann die Person das, was ich brauche" nicht. Drei Projekte mit Ausgangslage, Vorgehen und Ergebnis beantworten sie in zwei Minuten.

Das gilt quer durch die Berufe. Bei Gestaltern sind es Entwürfe, bei Entwicklerinnen Anwendungen, bei Textern Kampagnen, bei Architekten Bauten. Die Form unterscheidet sich, die Frage der Auftraggeber ist immer dieselbe.

Wie viele Arbeiten gehören hinein?

Sechs bis zehn, und zwar die, von denen Sie mehr haben wollen. Das ist die wichtigste Regel und die unbequemste, denn sie verlangt, gute Arbeiten wegzulassen, weil sie in die falsche Richtung führen.

Der Grund ist einfach: Jedes gezeigte Projekt ist eine Werbung für ein weiteres dieser Art. Wenn Sie keine Flyer mehr gestalten möchten, gehören die Flyer nicht auf die Seite, so gelungen sie waren. Ein Portfolio ist kein Archiv, sondern ein Antrag auf die nächsten Aufträge.

Dazu kommt der Effekt des schwächsten Stücks. Betrachter mitteln nicht, sie bewerten nach dem, was sie zuletzt gesehen haben. Eine Arbeit aus dem Studium zwischen zwei starken Projekten zieht den Eindruck des ganzen Auftritts nach unten.

Wie ist eine gute Projektseite aufgebaut?

Immer nach demselben Muster, damit Leser nicht bei jedem Projekt neu suchen müssen.

Die Zeile zur Rolle wird oft weggelassen und ist die ehrlichste im ganzen Portfolio. Wer als Teil eines Teams gearbeitet hat und das nicht schreibt, wirkt im ersten Gespräch unglaubwürdig, sobald jemand nachfragt.

Bei der Wirkung gilt: Nennen Sie nur Zahlen, die Sie belegen können und die Ihr Auftraggeber veröffentlichen darf. Erfundene Steigerungen fallen schneller auf, als man denkt, und kosten dann den ganzen Auftritt seine Glaubwürdigkeit.

Was tue ich, wenn ich Arbeiten nicht zeigen darf?

Dieser Fall ist häufiger als vermutet, besonders bei interner Arbeit, bei Agenturprojekten und bei allem unter Geheimhaltung. Es gibt drei saubere Wege.

Fragen Sie zuerst nach. Viele Auftraggeber erlauben die Veröffentlichung, wenn man konkret fragt und den Text vorher zeigt. Ein Nein ist schnell, ein Ja lohnt sich.

Zweitens: anonymisieren. „Ein Versicherer mit rund 400 Beschäftigten" statt des Namens, verfremdete Zahlen, ein Ausschnitt statt der ganzen Oberfläche. Das ist zulässig, solange die Geheimhaltungsvereinbarung nicht ausdrücklich auch Beschreibungen verbietet, und es erhält den fachlichen Kern.

Drittens: eine eigene Arbeit an derselben Aufgabe. Eine bewusst als Konzeptarbeit gekennzeichnete Studie zeigt Vorgehen und Handschrift und verletzt niemandes Rechte. Kennzeichnen Sie sie deutlich, sonst wirkt sie wie ein erfundener Auftrag.

Wie lautet ein Prompt für ein Portfolio?

Beschreiben Sie Fach, Zielgruppe und Wirkung. Alles Weitere ziehen Sie mit Änderungen nach.

Erstelle eine Portfolio-Website für eine freie UX-Designerin in Hamburg.
Zielgruppe: mittelständische Softwarefirmen, die eine bestehende Anwendung
überarbeiten wollen.
Seiten: Start, Arbeiten, Detailseite je Projekt, Über mich, Kontakt,
Impressum, Datenschutz.
Startseite: ein Satz, was ich für wen tue, darunter drei ausgewählte Projekte
mit Bild und Einzeiler, dann Logos früherer Auftraggeber, dann Kontaktbutton.
Projektseite mit fester Gliederung: Ausgangslage, Aufgabe, Vorgehen, Ergebnis,
meine Rolle. Bilder groß, Text daneben.
Über mich mit Foto, Werdegang in fünf Zeilen und Angaben zur Arbeitsweise.
Kontaktformular: Name, Firma, Vorhaben, Zeitraum, Budgetrahmen.
Ruhige Gestaltung, viel Weißraum, eine Akzentfarbe, mobil zuerst.

Das Feld Budgetrahmen im Formular ist Absicht. Es kostet ein paar Anfragen und spart die Gespräche, in denen sich nach vierzig Minuten herausstellt, dass die Vorstellungen um den Faktor fünf auseinanderliegen.

Farben, Schriften und Feinheiten der Abstände lassen Sie im ersten Durchgang weg. Sie sehen am Ergebnis besser, was fehlt, und ändern es gezielt. Der Ablauf steht in KI-Website nachträglich bearbeiten.

Wie entstehen daraus Anfragen und nicht nur Komplimente?

Indem die Seite sagt, was als Nächstes passieren soll. Ein Portfolio ohne klaren Kontaktweg sammelt Lob von Kollegen und keine Aufträge, weil der Interessent nicht weiß, ob Sie überhaupt frei sind.

Drei Angaben ändern das messbar mehr als jede Gestaltung. Erstens Verfügbarkeit: ein Satz wie „Ab Oktober nehme ich wieder Projekte an" spart beiden Seiten eine Mail. Zweitens der Rahmen: „Projekte ab etwa 5.000 Euro" oder „Tagessatz auf Anfrage, Projekte ab zwei Wochen Umfang". Drittens der Ablauf: Was passiert nach der Anfrage, wie lange dauert Ihre Antwort, was brauchen Sie vom Auftraggeber.

Ergänzend gehört eine kurze Fassung Ihres Werdegangs auf die Seite, weil viele Auftraggeber intern jemanden überzeugen müssen. Wer dafür lieber eine eigene, druckbare Seite hat, findet den Aufbau in Online-Lebenslauf als Website erstellen.

Was kostet der Aufbau in Credits?

Ein Portfolio mit acht Projektseiten ist eine mehrseitige Plattform. Rechnen Sie den Aufbau plus eine Reihe von Änderungen, denn gerade hier machen der zweite und dritte Durchgang den Unterschied zwischen ordentlich und eigenständig.

Die Tarife: Free enthält 5 Credits, Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800 Credits. Zweihundert Credits entsprechen etwa 16 mehrseitigen Plattformen oder 33 Builds oder 66 Änderungen. Wer sein Portfolio zweimal im Jahr um ein Projekt erweitert, kommt damit sehr lange aus. Abgerechnet wird in US-Dollar.

Wo stößt ein Builder bei einem Portfolio an die Grenze?

Er trifft Ihre Auswahl nicht. Welche sechs Arbeiten Sie zeigen und welche zwanzig nicht, ist die eigentliche Arbeit, und dabei hilft eher ein ehrlicher Kollege als ein Werkzeug.

Er ersetzt auch keine spezialisierte Auslieferung. Wer große Bilddateien an Kunden übergibt, Druckdaten verwaltet oder passwortgeschützte Kundenbereiche pro Auftrag braucht, fährt mit einem darauf ausgelegten Dienst besser und verlinkt von der Website dorthin. Für Fotografinnen mit sehr bildlastigem Auftritt lohnt zusätzlich Fotografen-Website erstellen.

Und sehr eigenwillige Gestaltung entsteht über mehrere gezielte Änderungen, nicht aus einem einzigen Prompt. Wenn Ihr Beruf die Gestaltung selbst ist, planen Sie diese Runden bewusst ein: Der erste Build liefert eine saubere Grundlage, die Handschrift kommt danach.

Womit fange ich an?

Legen Sie die Auswahl fest, bevor Sie den ersten Build starten. Schreiben Sie zu jedem Projekt fünf Zeilen zu Ausgangslage, Vorgehen und Ergebnis, und sammeln Sie die Bilder in einem Ordner. Diese Stunde spart mehrere Änderungsrunden.

Sehen Sie sich das Ergebnis auf dem Telefon an und lesen Sie eine Projektseite laut vor. Wo Sie stocken, steht zu viel Fachsprache. Danach folgen zwei bis drei Änderungen für Reihenfolge, Abstände und Ton.

Es stehen 25 fertige Vorlagen bereit, davon 5 für Spiele, falls Sie nicht vor einem leeren Feld sitzen wollen. Wer Werke nicht nur zeigen, sondern auch verkaufen will, findet den Aufbau in Künstler-Website mit KI erstellen. Anfangen können Sie auf zugo.dev, zuerst unter der Adresse auf zugo.run und mit eigener Domain, sobald die Auswahl steht.