Tutorial

Online-Portfolio erstellen in 1 Nachmittag, 7 Schritte

So können Sie ein professionelles Online-Portfolio erstellen, klar strukturieren und in einem Nachmittag ohne technische Vorkenntnisse veröffentlichen.

Website kostenlos erstellen →

Alles, was Ihre Website braucht

Firmenname festlegen

Sie sollten wissen, unter welchem Namen Ihr Portfolio veröffentlicht wird.

3 bis 5 Projekte

Wählen Sie einige starke Arbeitsbeispiele mit guten Bildern aus.

Kurze Angebotstexte

Notieren Sie in Stichpunkten, was Sie anbieten und für wen.

Kontaktinfos bereit

Halten Sie E-Mail, Telefonnummer und Wunsch zur Anfragebearbeitung bereit.

90 bis 180 Minuten

Mit vorbereitetem Material reicht oft ein Nachmittag für den ersten Start.

Ein professionelles Online-Portfolio erstellen ist heute eine der schnellsten Möglichkeiten, Vertrauen aufzubauen und mehr Anfragen zu gewinnen. In dieser Anleitung richten Sie Ihr Portfolio in einem Nachmittag ein, auch ohne technische Vorkenntnisse, und Sie sehen Schritt für Schritt, welche Inhalte Sie brauchen, wie die Seiten aufgebaut werden und was Sie vor der Veröffentlichung prüfen sollten.

Wenn Sie mit Selspy arbeiten, können viele der aufwendigen Teile automatisch entstehen: Seitenstruktur, Texte, Designvorschläge und mobile Darstellung. Trotzdem ist es wichtig, dass Sie die richtigen Entscheidungen treffen, damit Ihr Portfolio nicht nur schön aussieht, sondern auch tatsächlich verkauft.

Schritt 1: Ziel, Angebot und Besucher in einem Satz festlegen

Bevor Sie Layouts auswählen oder Bilder hochladen, brauchen Sie einen klaren Satz, der beschreibt, was Sie anbieten, für wen und mit welchem Ergebnis. Genau dieser Satz steuert später Ihre Startseite, Ihre Projektbeschreibungen und Ihren Kontaktbereich.

Schreiben Sie zunächst drei kurze Antworten auf:

  • Was biete ich an, zum Beispiel Innenarchitektur, Fotografie, Beratung, Design oder Handwerk?
  • Für wen arbeite ich, zum Beispiel lokale Unternehmen, Privatkunden, Arztpraxen oder Onlineshops?
  • Welches Ergebnis liefere ich, zum Beispiel mehr Sichtbarkeit, schönere Räume, bessere Produktfotos oder eine klarere Markenwirkung?

Formen Sie daraus eine einfache Positionierung. Beispiel: „Ich gestalte moderne Verkaufsräume für kleine Einzelhändler, damit Produkte hochwertiger wirken und mehr verkauft werden.“ Diese Formulierung gehört später prominent in den oberen Bereich Ihrer Startseite. Wenn Sie Selspy nutzen, können Sie diesen Satz einfach im Chat beschreiben und daraus automatisch passende Seitenabschnitte erzeugen lassen.

Schritt 2: Inhalte sammeln und in einen sauberen Ordner legen

Der häufigste Grund für Verzögerungen ist nicht die Technik, sondern fehlendes Material. Sammeln Sie deshalb alles vorab an einem Ort, am besten in einem Hauptordner mit klaren Unterordnern. So vermeiden Sie spätere Sucherei und können Ihre Seite in einem Zug aufbauen.

Erstellen Sie diese Ordnerstruktur:

  1. Logo und Markenmaterial
  2. Profilfoto oder Teamfotos
  3. Projektbilder oder Arbeitsproben
  4. Kundenstimmen
  5. Kurzbeschreibung Ihres Angebots
  6. Kontaktdaten

Für ein starkes Portfolio reichen oft schon 3 bis 5 gute Beispiele. Qualität schlägt Menge. Wählen Sie nur Arbeiten aus, die zu den Kunden passen, die Sie künftig gewinnen möchten. Wenn Sie etwa höherpreisige Aufträge anstreben, sollten Ihre gezeigten Beispiele professionell, aufgeräumt und nachvollziehbar beschrieben sein.

Achten Sie bei Bildern auf eine Mindestqualität: scharf, gut ausgeleuchtet, kein Screenshot mit Rand, keine verwackelten Handyfotos. Benennen Sie Dateien sinnvoll, zum Beispiel „projekt-ladenumbau-vorher.jpg“ oder „produktserie-kosmetik-01.jpg“. Das spart Zeit und hilft bei einer übersichtlichen Pflege.

Schritt 3: Die richtige Portfolio-Struktur mit 5 Kernseiten festlegen

Ein professionelles Online-Portfolio muss nicht groß sein. Für die meisten Selbstständigen und kleinen Unternehmen reichen fünf Kernseiten völlig aus. Wichtig ist nicht die Anzahl der Seiten, sondern dass Besucher sofort verstehen, was Sie tun und wie sie Sie kontaktieren können.

Planen Sie diese Seiten ein:

  1. Startseite: Ihre Positionierung, wichtigste Referenzen und klare Kontaktmöglichkeit.
  2. Portfolio oder Projekte: Ihre besten Arbeiten mit Bildern und kurzen Erklärungen.
  3. Über mich oder Über uns: Wer hinter dem Angebot steht und warum man Ihnen vertrauen kann.
  4. Leistungen: Was genau Sie anbieten, in welchem Umfang und für wen.
  5. Kontakt: Anfrageformular, E-Mail, Telefon und gegebenenfalls Standort.

Wenn Sie zusätzliche Glaubwürdigkeit brauchen, ergänzen Sie eine sechste Seite mit Kundenstimmen oder Fallstudien. Für viele Branchen funktioniert auch eine Preisübersicht, wenn Ihre Leistungen standardisiert sind. Vermeiden Sie jedoch zu viele Menüpunkte. Ein schlankes Menü wird häufiger geklickt und wirkt professioneller.

Mit Selspy können Sie diese Struktur direkt vorschlagen lassen, indem Sie im Chat beschreiben, welche Leistungen Sie zeigen möchten. Das System erstellt daraus passende Seiten und Abschnitte, die Sie nur noch anpassen müssen.

Schritt 4: Texte schreiben, die klar verkaufen statt nur nett zu klingen

Viele Portfolios scheitern an zu allgemeinen Texten. Formulierungen wie „Willkommen auf meiner Website“ oder „Ich bin leidenschaftlich und kreativ“ sagen fast nichts aus. Besucher wollen vor allem wissen: Was bekomme ich hier, ist die Qualität überzeugend und wie nehme ich Kontakt auf?

Schreiben Sie deshalb jede Seite nach diesem einfachen Muster:

  1. Überschrift mit Ergebnis: Was bieten Sie an und für wen?
  2. Kurztext mit 2 bis 3 Sätzen: Wie helfen Sie konkret?
  3. Beweis: Projekte, Bilder, Zahlen oder Kundenstimmen.
  4. Handlungsaufforderung: Was soll der Besucher als Nächstes tun?

Beispiel für den oberen Bereich der Startseite: „Innenräume, die verkaufen. Ich plane und gestalte moderne Ladenflächen für kleine Marken, damit Ihr Geschäft hochwertiger wirkt und Kunden länger bleiben.“ Darunter können drei kurze Vertrauenspunkte stehen, etwa „Über 20 umgesetzte Projekte“, „Klare Prozesse“ und „Persönliche Betreuung“.

Für Ihre Projekttexte reicht eine einfache Struktur mit vier Punkten:

  • Ausgangslage: Was war das Problem oder Ziel?
  • Leistung: Was haben Sie konkret gemacht?
  • Ergebnis: Was hat sich verbessert?
  • Umfang: Wann, für wen, in welcher Größe?

Wenn Schreiben nicht Ihre Stärke ist, formulieren Sie Stichpunkte. In Selspy können Sie diese Stichpunkte eingeben und daraus automatisch professionelle, verständliche Texte erstellen oder überarbeiten lassen, ohne dass sie unpersönlich wirken.

Schritt 5: Projekte so präsentieren, dass Qualität sichtbar wird

Der wichtigste Teil beim Online-Portfolio erstellen ist fast immer die Präsentation Ihrer Arbeiten. Ein Besucher entscheidet oft innerhalb weniger Sekunden, ob Ihre Beispiele überzeugend sind. Deshalb sollten Projekte nicht einfach nur als Bildergalerie erscheinen, sondern als nachvollziehbare Ergebnisse.

Zeigen Sie pro Projekt idealerweise:

  1. Ein starkes Titelbild
  2. Einen klaren Projektnamen
  3. 1 bis 2 Sätze zum Ziel
  4. 3 bis 6 Bilder in sinnvoller Reihenfolge
  5. Eine kurze Beschreibung Ihres Beitrags
  6. Ein sichtbares Ergebnis oder einen Nutzen

Wenn möglich, ordnen Sie die Bilder in eine logische Geschichte: vorher, Konzept, Umsetzung, Endergebnis. Bei digitalen Arbeiten können Sie Bildschirmansichten, mobile Ansicht und Detailausschnitte kombinieren. Bei physischen Projekten funktionieren Gesamtansicht, Nahaufnahme und Anwendungssituation besonders gut.

Wichtig ist auch die Auswahl der Reihenfolge. Platzieren Sie Ihr stärkstes Projekt zuerst. Nicht chronologisch, sondern strategisch. Fragen Sie sich: Welches Beispiel zieht genau die Kunden an, die ich künftig haben möchte? Dieses Projekt gehört nach oben. Zwei bis drei sehr gute Projekte wirken meist stärker als zehn durchschnittliche.

Schritt 6: Design, Navigation und mobile Ansicht vereinfachen

Ein gutes Portfolio muss vor allem leicht erfassbar sein. Zu viele Farben, Spielereien oder unruhige Schriften lenken von Ihrer Arbeit ab. Wenn Ihre Projekte überzeugen sollen, braucht die Website einen ruhigen Rahmen.

Halten Sie sich an diese einfachen Gestaltungsregeln:

  • Nutzen Sie maximal zwei Schriftarten.
  • Verwenden Sie eine Hauptfarbe und eine Akzentfarbe.
  • Lassen Sie genug Weißraum zwischen Texten und Bildern.
  • Setzen Sie pro Bildschirmabschnitt nur ein Hauptziel.
  • Halten Sie das Menü kurz und klar.

Prüfen Sie außerdem die mobile Ansicht sehr sorgfältig. Bei vielen Portfolio-Seiten kommt mehr als die Hälfte der Besucher über das Smartphone. Kontrollieren Sie insbesondere diese Punkte: Ist die Überschrift sofort lesbar? Sind Bilder sauber zugeschnitten? Ist das Kontaktformular kurz genug? Ist die Telefonnummer mit einem Fingertipp erreichbar?

Mit Selspy können Sie sich automatisch ein professionelles Layout erzeugen lassen, das bereits auf mobile Geräte abgestimmt ist. Trotzdem sollten Sie jede Seite selbst kurz auf dem Smartphone öffnen und die Nutzerführung testen. Eine Minute Prüfung spart oft mehrere verlorene Anfragen.

Schritt 7: Kontaktweg einrichten, prüfen und veröffentlichen

Viele schöne Portfolios verlieren Aufträge, weil der nächste Schritt unklar ist. Deshalb braucht jede Seite einen gut sichtbaren Kontaktweg. Besucher sollen nie rätseln müssen, wie sie eine Anfrage stellen können.

Richten Sie mindestens diese Kontaktmöglichkeiten ein:

  1. Ein kurzes Formular mit Name, E-Mail und Nachricht
  2. Eine sichtbare E-Mail-Adresse
  3. Optional eine Telefonnummer, wenn Sie Anrufe wünschen
  4. Einen klaren Satz, was nach der Anfrage passiert

Ein guter Hinweis lautet zum Beispiel: „Beschreiben Sie kurz Ihr Projekt, ich melde mich in der Regel innerhalb von 24 Stunden.“ Das senkt die Hemmschwelle und setzt eine klare Erwartung. Wenn Sie viele unpassende Anfragen erhalten, ergänzen Sie zwei Auswahlfelder, etwa Budgetrahmen und Leistungsbereich.

Vor der Veröffentlichung machen Sie einen schnellen Endcheck:

  • Stimmen Rechtschreibung und Namen?
  • Funktionieren Formular und Kontaktangaben?
  • Sind alle Bilder scharf und korrekt zugeordnet?
  • Ist auf jeder wichtigen Seite eine Kontaktmöglichkeit sichtbar?
  • Wirkt der obere Bereich der Startseite sofort verständlich?

Wenn alles passt, veröffentlichen Sie die Seite. In Selspy läuft dieser Schritt besonders einfach, weil Aufbau, Darstellung und technische Bereitstellung bereits vorbereitet sind. Sie konzentrieren sich auf Ihre Inhalte, nicht auf komplizierte Einrichtung.

Die häufigsten Fehler und wie Sie sie vermeiden

Der erste Fehler ist ein unklarer Einstieg. Wenn Besucher nach fünf Sekunden nicht verstehen, was Sie anbieten, springen sie ab. Lösen Sie das mit einer präzisen Überschrift und einem Untertext mit Zielgruppe und Ergebnis.

Der zweite Fehler ist zu viel Text ohne Beweise. Behaupten Sie nicht nur Qualität, zeigen Sie sie. Gute Bilder, kurze Fallbeschreibungen und konkrete Ergebnisse schaffen mehr Vertrauen als lange Selbstdarstellungen.

Der dritte Fehler ist ein Portfolio ohne klare Anfrageführung. Wenn Ihre Website nur informiert, aber nicht lenkt, verschenken Sie Potenzial. Platzieren Sie deshalb auf Startseite, Leistungsseite und Projektseiten jeweils eine sichtbare Aufforderung zur Kontaktaufnahme.

Der vierte Fehler ist eine überladene Gestaltung. Zu viele Farben, Animationen oder Menüpunkte wirken schnell unprofessionell. Arbeiten Sie lieber reduziert und geben Sie Ihren Projekten Raum.

Der fünfte Fehler ist fehlende Aktualisierung. Entfernen Sie schwache oder veraltete Arbeiten und ergänzen Sie neue Beispiele regelmäßig. Ein kleines, aktuelles Portfolio wirkt oft stärker als ein großes Archiv.

Was Sie nach der Fertigstellung tun sollten

Nach dem Start beginnt die eigentliche Nutzung Ihres Portfolios. Verwenden Sie die Website nicht nur als digitale Visitenkarte, sondern aktiv im Alltag. Schicken Sie den Link bei Angeboten mit, fügen Sie ihn in Ihre E-Mail-Signatur ein und verweisen Sie bei Gesprächen gezielt auf passende Projekte.

Planen Sie außerdem einen festen Pflege-Rhythmus. Einmal im Monat reicht oft schon: ein neues Projekt ergänzen, einen Text schärfen, ein Bild austauschen, eine Kundenstimme hinzufügen. So bleibt Ihr Portfolio lebendig und spiegelt Ihre aktuelle Qualität wider.

Wenn Sie schneller vorankommen möchten, können Sie Selspy einfach im Chat sagen, welche Art Portfolio Sie aufbauen wollen, welche Leistungen Sie anbieten und welche Projekte Sie zeigen möchten. Dann werden Seitenstruktur, Textentwürfe und Designvorschläge automatisch vorbereitet, sodass Sie Ihr professionelles Online-Portfolio deutlich schneller veröffentlichen können.

Wie Selspy funktioniert

1

Beschreiben Sie Ihr Geschäft

Sagen Sie Selspy, was Sie anbieten.

2

Die KI erstellt Ihre Website

Design, Texte und Bilder in Minuten fertig.

3

Veröffentlichen und wachsen

Am selben Tag live auf Ihrer Domain.

Häufige Fragen

Wie lange dauert es, ein professionelles Online-Portfolio zu erstellen?

Wenn Ihre Inhalte bereitliegen, schaffen viele Selbstständige den ersten guten Entwurf in einem Nachmittag. Ohne vorbereitete Bilder und Texte sollten Sie eher einen halben bis ganzen Tag für das Sammeln und Strukturieren einplanen.

Brauche ich technische Vorkenntnisse, um ein Online-Portfolio aufzubauen?

Nein. Entscheidend sind klare Inhalte, gute Beispiele und eine einfache Struktur. Mit Selspy können Sie viele technische und gestalterische Schritte per Chat anstoßen und anschließend nur noch anpassen.

Wie viele Projekte sollte ich in meinem Portfolio zeigen?

Für den Start reichen meist 3 bis 5 starke Projekte. Zeigen Sie lieber wenige, gut erklärte Arbeiten als viele durchschnittliche Beispiele ohne Kontext.

Was kostet ein Online-Portfolio?

Die Kosten hängen vom Umfang und den gewünschten Funktionen ab. Für die meisten kleinen Unternehmen reicht eine schlanke Portfolio-Seite mit wenigen Kernseiten, wichtig ist vor allem, dass sie professionell wirkt und Anfragen ermöglicht.

Was mache ich, wenn ich noch keine vielen Referenzen habe?

Starten Sie mit Ihren besten Arbeiten, auch wenn es nur zwei oder drei sind. Ergänzen Sie klare Beschreibungen, den Ablauf Ihrer Leistung und gegebenenfalls Beispielprojekte, damit Besucher Ihre Qualität trotzdem einschätzen können.

Sollte ich Preise in mein Portfolio schreiben?

Das lohnt sich, wenn Ihre Leistungen standardisiert oder in Paketen angeboten werden. Bei individuellen Projekten ist es oft besser, stattdessen einen klaren Prozess und einen groben Einstiegspreis zu nennen.

Mehr entdecken: Selspy · Preise · Kostenlos starten

Erstellen Sie Ihre Website mit Selspy

Beschreiben Sie Ihr Unternehmen und erhalten Sie in Minuten eine professionelle Website mit KI. Ohne Code, ohne Agentur.

Website kostenlos erstellen →
Online-Portfolio erstellen in 1 Nachmittag, 7 Schritte