Ein QR. Alle Ihre Links. Alle Sprachen.

Tipps & Ratschläge

Online-Portfolio für Freelancer: Der Leitfaden für UI-Designer

Erfahren Sie, wie Sie ein Online-Portfolio erstellen, mit dem potenzielle Kunden Ihre Fähigkeiten als UI-Designer einschätzen, Ihre Leistungen verstehen und Sie kontaktieren können.

Ein Portfolio, das potenziellen Kunden die Entscheidung erleichtert

Ein Online-Portfolio für Freelancer ist nicht nur dazu da, schöne Benutzeroberflächen zu zeigen. Es sollte potenziellen Kunden schnell vermitteln, was Sie gestalten, wie Sie arbeiten und ob Ihr Profil zum jeweiligen Projekt passt.

Für UI-Designer ist das besonders wichtig: Interessenten vergleichen oft mehrere visuelle Portfolios, achten aber auch auf Fähigkeiten, Liefergegenstände und den Umgang mit einem Briefing. Ziel ist es, all diese Informationen in einem einfachen Ablauf zusammenzuführen, ohne dass Besucher zwischen verschiedenen Profilen und Plattformen suchen müssen.

Stellen Sie Ihre Expertise präzise vor

Vermeiden Sie vage Aussagen wie „Ich gestalte moderne Benutzeroberflächen“. Nennen Sie stattdessen die Arten von Produkten und Aufträgen, die zu Ihnen passen:

  • Weboberflächen für SaaS-Tools oder Dienstleistungs-Websites;
  • Design mobiler Apps;
  • Aufbau oder Weiterentwicklung eines Designsystems;
  • Prototyping eines Nutzerablaufs auf Basis eines Briefings;
  • Verbesserung der Benutzeroberfläche eines bestehenden Produkts.

Nennen Sie auch Ihre Fähigkeiten und Tools, wenn sie dabei helfen, den Auftrag einzugrenzen: etwa die Gestaltung von Komponenten, die Erstellung von Entwürfen in Figma, interaktives Prototyping oder die Zusammenarbeit mit einem Produktteam. Führen Sie nur Leistungen auf, die Sie tatsächlich anbieten.

Machen Sie aus Ihren Projekten Fallstudien

Eine Galerie mit Screenshots kann Aufmerksamkeit wecken, doch eine Fallstudie erklärt Ihre Vorgehensweise. Stellen Sie für jedes passende Projekt einige konkrete Punkte vor:

  1. Der Kontext: Welches Produkt oder welche Dienstleistung sollte gestaltet werden und für welche Zielgruppe?
  2. Der Bedarf: Welches Problem oder Ziel wurde Ihnen anvertraut?
  3. Ihre Rolle: Für welche Projektbereiche waren Sie zuständig?
  4. Die Vorgehensweise: Wie haben Sie Ideen erkundet, die Benutzeroberfläche strukturiert und den Prototyp erstellt?
  5. Die Liefergegenstände: zum Beispiel Entwürfe, ein Figma-Prototyp oder dokumentierte Komponenten.

Bei einer Verwaltungs-App für Teams können Sie beispielsweise erläutern, wie Sie die Übersichtsbildschirme organisiert und die wichtigsten Zustände der Benutzeroberfläche dargestellt haben. Zeigen Sie gut erkennbare Details statt einer Reihe von Bildern ohne Kontext.

Wenn ein Projekt vertraulich ist, holen Sie die Erlaubnis ein, bevor Sie Screenshots oder Informationen veröffentlichen. Sie können Ihren Beitrag auch beschreiben, ohne sensible Daten offenzulegen, oder ein persönliches Projekt auswählen, um Ihre Arbeitsweise zu veranschaulichen.

Machen Sie Ihre Leistungen und Liefergegenstände verständlich

Interessenten, die mehrere Anbieter vergleichen, möchten wissen, welche Aufgaben sie Ihnen anvertrauen können. Beschreiben Sie Ihre Leistungen konkret, zum Beispiel: „Erstellung eines klickbaren Prototyps zum Testen eines Nutzerablaufs“ oder „Vereinheitlichung der Komponenten einer bestehenden Benutzeroberfläche“.

Erklären Sie außerdem, welche Liefergegenstände je nach Projekt infrage kommen. Dazu können Bildschirmdesigns, ein Prototyp, Komponentenvarianten oder Empfehlungen zur Benutzeroberfläche gehören. Den genauen Umfang legen Sie anschließend gemeinsam mit dem Kunden fest. Erwecken Sie nicht den Eindruck, dass eine allgemeine Liste automatisch für jeden Auftrag gilt.

Erleichtern Sie den ersten Kontakt

Ein gut sichtbarer Call-to-Action kann Interessenten dazu einladen, Ihnen zu schreiben oder ein Erstgespräch zu vereinbaren. Wenn Sie ein externes Terminbuchungstool verwenden, fügen Sie einfach einen Link dazu hinzu: Die Terminbuchung muss nicht direkt über Ihr Portfolio abgewickelt werden.

Damit Sie Anfragen besser einschätzen können, nennen Sie die Informationen, die Interessenten schon bei der ersten Kontaktaufnahme mitteilen sollten:

  • das betreffende Produkt oder die Dienstleistung;
  • den ermittelten Bedarf an der Benutzeroberfläche;
  • den geplanten Zeitrahmen;
  • die am Projekt beteiligten Ansprechpartner;
  • Beispiele oder Unterlagen, die zur Vorbereitung des Gesprächs zur Verfügung stehen.

So können Sie ein erstes Gespräch über das kreative Briefing vorbereiten und prüfen, ob Ihre Expertise zum Auftrag passt.

Ihr Portfolio kann auf Plattformen verweisen, auf denen Ihre Projekte oder Ihr beruflicher Werdegang bereits vorgestellt werden. LinkedIn kann Ihre berufliche Präsentation ergänzen; Behance oder Dribbble eignen sich, um visuelle Arbeiten zu zeigen; über Malt können Interessenten Sie bei der Suche nach Freelancern finden. Ein Figma-Link kann Zugang zu einem Prototyp oder einer Datei bieten, sofern Sie diese teilen dürfen.

Wählen Sie die hilfreichsten Profile aus, statt möglichst viele Links zu sammeln. Prüfen Sie, ob die Seiten aktuell und zugänglich sind und zu den Projekten in Ihrem Portfolio passen.

Eine Mini-Website wie QLII kann als zentrale Anlaufstelle dienen, auf der Sie Ihre Vorstellung, Ihr Portfolio und Links zu externen Diensten bündeln. Sie ersetzt weder Ihre Design-Tools noch die Plattformen, auf denen Sie Ihre Projekte veröffentlichen. Sie hilft potenziellen Kunden vielmehr, die wichtigsten Informationen an einem Ort zu finden.

Checkliste vor der Veröffentlichung

  • Ihr Schwerpunkt und Ihre Leistungen sind bereits in den ersten Zeilen verständlich.
  • Die Projekte zeigen Ihre Rolle, Ihre Vorgehensweise und die Liefergegenstände.
  • Die visuellen Inhalte sind gut erkennbar und mit den erforderlichen Genehmigungen veröffentlicht.
  • Ihre beruflichen Links führen zu aktuellen Seiten.
  • Ihre Kontaktmöglichkeit ist gut sichtbar und funktioniert.
  • Interessenten können problemlos von der ersten Orientierung zum ersten Gespräch gelangen.

Ein gutes Online-Portfolio für Freelancer muss nicht alles zeigen. Vor allem sollte es den passenden Kunden dabei helfen, einen Bedarf zu erkennen, den Sie erfüllen können, und anschließend mit Ihnen ins Gespräch zu kommen.