Beispiele für UX-Design-Portfolios

Die meisten Seiten beginnen mit einem kurzen Projektindex auf der Startseite und einer eigenen Seite pro Fallstudie. Üblicherweise werden drei bis fünf Projekte vorgestellt. Der Index enthält eine Miniaturansicht, den Projektnamen und eine kurze Problembeschreibung. Die Fallstudienseiten sind ausführlich und kombinieren Screenshots, Diagramme und schriftliche Erläuterungen. Anhand der Live-Beispiele auf dieser Seite können Sie das Muster in verschiedenen Fachgebieten erkennen.

Fallstudien mit Problembeschreibung und Ergebnisdefinition, ein kurzer Abschnitt „Über mich“, der Ihre zukünftigen Arbeitswünsche beschreibt, und von jeder Seite aus erreichbare Kontaktdaten. Portfolios für Produktdesign enthalten üblicherweise zusätzliche Informationen zu den Rahmenbedingungen: Was benötigte das Unternehmen, welche Ergebnisse wurden erzielt und welche wurden verworfen? Prozessartefakte wie Personas und Customer Journey Maps sind optional und selten ausschlaggebend für eine Einstellung.

Drei bis fünf gut präsentierte Fallstudien sind aussagekräftiger als zehn zusammengefasste. Ein Gutachter, der sechs Bewerbungen sichtet, wird pro Portfolio ein bis zwei Fallstudien öffnen. Daher ist die Tiefe des ersten Projekts wichtiger als die Gesamtzahl. Streichen Sie alles, worüber Sie in einem Vorstellungsgespräch nicht befragt werden möchten.

Kommen Sie schnell zur Sache. Ein gutes UX-Portfolio benennt das Problem auf der ersten Seite einer Fallstudie, zeigt die Schwierigkeiten auf und benennt die vorgenommenen Änderungen. Schwache Portfolios beginnen mit einer aufwendigen Animation und präsentieren die Argumentation erst vier Scroll-Schritte weiter unten. Die überzeugendsten Beispiele auf dieser Seite folgen diesem Muster, unabhängig von der verwendeten Vorlage.

Ein UI-Portfolio wird nach handwerklichem Können bewertet: Typografie, Layout, Farben, Komponentensysteme und die Gesamtstruktur der Bildschirme. Es kann visuell stärker gewichtet werden als textlich. Ein UX-Portfolio hingegen wird nach Argumentation bewertet und benötigt eine schriftliche Fallstudie. Viele Designer erstellen eine Website, die beides vereint: Sie präsentieren die visuellen Arbeiten und verlinken zu ausführlichen Fallstudien.

Der Fokus verschiebt sich vom Nutzerproblem zum Geschäftsproblem. Beispiele aus Produktdesign-Portfolios stellen häufig die veränderte Kennzahl, die eingegangenen Kompromisse und den reduzierten Umfang in den Vordergrund, um das Produkt auf den Markt zu bringen. UX-Portfolios legen hingegen mehr Wert auf die Forschungsmethode. Die Seitenstruktur ist in der Regel identisch: ein kurzes Inhaltsverzeichnis, gefolgt von ausführlichen Fallstudien.

Die meisten Forschungsstellen erfordern ein Forschungsportfolio, dessen Erstellung in der Regel aufwendiger ist als die eines Designers. Forschungsportfolios enthalten Methodenbeschreibung, Stichprobenziehung, Synthese und die Entscheidung, die Arbeit zu verändern, und das mit deutlich weniger Bildschirmdarstellungen. Ein Passwortschutz ist hier hilfreich, da Rohmaterial aus Studien oft nicht veröffentlicht werden darf.

Ja. Pixpa In jedem Paket ist ein Passwortschutz für ganze Websites oder einzelne Seiten enthalten. So kann beispielsweise eine Fallstudie durch ein Passwort geschützt werden, das Sie einem Personalvermittler mitteilen, während der Rest des Portfolios öffentlich bleibt. Designer anonymisieren außerdem den Kunden, verpixeln reale Daten und beschreiben das Problem, ohne den Namen des Kontos zu nennen.

Ja. Pixpa Jedes Paket beinhaltet einen Drag-in-Block für HTML, JS und CSS sowie die Möglichkeit, Code auf Seitenebene einzufügen. So lassen sich beispielsweise Figma-Einbettungscode, Framer-Prototypen, Loom-Anleitungen oder CodePen-Projekte direkt in eine Fallstudienseite integrieren. Auch benutzerdefiniertes CSS ist in jedem Paket enthalten, sodass die Vorlage als Ausgangspunkt und nicht als festes Layout dient.