Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele

Veröffentlicht: 2022-03-11

In den Aufbau eines herausragenden UX-Designer-Portfolios wird viel Zeit und Mühe investiert. Wenn die richtige Art von Inhalten mit großartiger UX ausgewählt wird, ist dies eine lohnende Investition.

Was macht ein erfolgreiches UX-Portfolio aus? Wie in einem früheren Artikel „UX-Portfolio-Tipps und Best Practices“ beschrieben, ist es entscheidend, eine überzeugende Geschichte zu erzählen. Personalvermittler und andere, die Ihre Arbeit bewerten könnten, sind beschäftigt – Sie haben nur ein paar Minuten Zeit, um sie zu engagieren, bevor sie entscheiden, ob Sie es geschafft haben oder nicht.

Eine lange Liste relevanter Fähigkeiten, der von Ihnen verwendeten Tools und wie viele Jahre Erfahrung Sie haben, ist weder für Ihre Besucher noch für Ihre Präsentation von wirklichem Nutzen. Es ist wichtiger, Ihren benutzerzentrierten Designprozess zu skizzieren – wie das Problem gelöst wurde.

Machen Sie Ihre Fähigkeiten, den von Ihnen verwendeten Prozess und die Art von Projekten, auf die Sie sich spezialisieren, deutlich, aber achten Sie darauf, nicht zu viele Informationen zu präsentieren. UX-Portfolios sollten keine Retrospektive ALLER vergangenen Arbeiten sein. Wählen Sie Projekte aus, die spezifisch, aktuell und herausragend sind, und präsentieren Sie sie als Designprozess.

Einstellungs-/UX-Manager möchten Folgendes sehen: Benutzerforschung, Forschungsberichte, Skizzen, Wireframes, Benutzerabläufe, Wireflows, Benutzergeschichten, Customer Journey Maps, Prototypen, Benutzertests und das Endprodukt. Wenn möglich, ist es auch gut, Analysetools einzubeziehen, um zu sehen, wie erfolgreich das Produkt war.

Hier sind ein paar andere Punkte, die Sie sich merken sollten:

  1. Hüten Sie sich vor Fachjargon und plakativen Bildern – einfache Projektbeschreibungen und Visualisierungen sind effektiver.
  2. Wireframes sind nicht schön, also betonen Sie Ihre strukturellen Fähigkeiten. Teilen Sie den Prozess!
  3. Schreiben Sie klare Projektzusammenfassungen. Machen Sie sie leicht lesbar – nicht zu viel Text!
  4. Wenn es keine Vertraulichkeitsprobleme gibt, verlinken Sie auf Live-Beispiele Ihrer Arbeit.
    • Wenn es Vertraulichkeitsprobleme gibt, löschen Sie Firmenlogos und/oder verwischen Sie Bildbereiche. Es gibt keine größere Abkehr, als auf eine passwortgeschützte Seite zu stoßen. Das ist schlechte UX.
  5. Fügen Sie einige Erfahrungsberichte von Interessenvertretern hinzu.
  6. Schließen Sie jede Projektfallstudie mit dem ab, was Sie gelernt haben.

Wenn Sie ein UX-Designer sind, sollte Ihr UX-Portfolio außergewöhnliche UX aufweisen.

Das Portfolio eines UX-Designers ist mehr als nur eine Demonstration seiner Fähigkeiten, es ist eine Gelegenheit, eine angenehme Benutzererfahrung zu schaffen, sodass Designer gute Arbeit priorisieren, eine ansprechende Geschichte erzählen und ihre UX-Meisterschaft unter Beweis stellen müssen!

Zehn inspirierende UX-Designer-Portfolios

Karolis Kosas

Karolis ist in Vilnius, Litauen, aufgewachsen und lebt derzeit in der San Francisco Bay Area, wo er Produktdesigner bei Stripe ist. Neben vielen anderen interessanten, selbst initiierten Projekten ist er Mitbegründer von Anchovy, einer kostenlosen, extrem einfachen iPhone-App, die Ihre Worte in wunderschöne Farbverläufe verwandelt, die als echte Papierpostkarten überall auf der Welt verschickt oder geteilt werden können mit Freunden im Facebook Messenger.

Ein weiteres großartiges UX-Designer-Portfolio, das auf soliden UX-Designprinzipien basiert
Die CUJO-App überwacht und steuert die Aktivität in einem WLAN-Netzwerk.

Was ist großartig an diesem UX-Designer-Portfolio?

Dies ist ein gut aussehendes, gut gestaltetes UX-Designer-Portfolio. Karolis hat eindeutig viel Zeit damit verbracht, über seine UX nachzudenken. Abgesehen von dem spärlichen, sauberen Layout und den großartigen UI-Designs werden viele Details zu seinem Designprozess bereitgestellt. Zum Beispiel beschreibt er beim CUJO-Projekt, wie er während seiner Recherche mit der Benutzerbasis interagiert, die größten Benutzerprobleme identifiziert und herausgearbeitet hat, wo sie mehr Wert hinzufügen können. Bei all seinen Projekten steht die UX-Forschung als primärer Faktor für Designentscheidungen im Mittelpunkt, und er schließt seine Projekte ab, indem er beschreibt, wie erfolgreich sie waren.

Seine UX-Designer-Portfolio-Website finden Sie unter: http://karoliskosas.com

Großartige UX-Designer-Portfolios umfassen nicht nur den UX-Designprozess, sondern auch endgültige UI-Designs.

Alex Lakas

Alex stammt ursprünglich aus Washington, DC und ist ein Illustrator, der zum UX-Designer wurde. Er hat nicht nur ein Unternehmen mitgegründet, das sich auf B2B-Produkte konzentriert, sondern auch mit dem Team für lokale Suche an Google Maps und an E-Commerce- und Social-Gaming-Projekten gearbeitet. Er stellt die Benutzer weiterhin an die erste Stelle, während er gleichzeitige und zukünftige Bemühungen berücksichtigt, um Pixelperfektion und ein angenehmes Benutzererlebnis zu gewährleisten.

Eines seiner vielen UX-Projekte - Google beliebte Zeiten

Was ist großartig an diesem UX-Designer-Portfolio?

Am Beispiel eines seiner Projekte – Google Live Popular Times – erklärt Alex deutlich, worum es bei dem Projekt ging, was er getan hat und wie er dorthin gekommen ist. Er stellt das Problem und die durchgeführte UX-Forschung vor, um tief zu graben und die Designproblemstellung zu definieren. Er erwähnt auch Designeinschränkungen bei einem bestehenden Produkt und wie er Erkenntnisse aus der Benutzerforschung nutzte, um eine einfache Lösung zu finden.

Nehmen wir ein paar Pluspunkte zurück, denn unter all den großartigen UX-Prozess-Fallstudien hat er ein Projekt-Miniaturbild, das mit einer Dribble-Aufnahme verknüpft ist und keinerlei Details über das Projekt bietet. Für UX-Designer ist es am besten, in ihren UX-Portfolios eine Konsistenz des Designs zu demonstrieren, da dies Professionalität und Respekt für den Besucher vermittelt.

Seine UX-Designer-Portfolio-Website finden Sie unter: https://www.alexlakas.com

Ein großartiges UX-Designer-Portfolio beinhaltet eine Prozessaufschlüsselung.

Simon Pan

Simon stammt aus einer kleinen Stadt in Australien, lebt als Produktdesigner derzeit in San Francisco und hat an Projekten für einige große Marken wie Uber, Amazon, Google, Medium und Barclays (Fahrradverleih) gearbeitet.

Simon Pan UX-Designer-Portfolio

Was ist großartig an diesem UX-Designer-Portfolio?

Simons Fallstudien sind sehr detailliert und führen die Besucher auf durchdachte Weise durch seinen Designprozess. Besonders gründlich ist sein Beispiel der London By Bike-App für das Barclays-Fahrradverleihsystem. Er hat wirklich nach potenziellen Benutzern gesucht und detaillierte Personas entwickelt, die er während des gesamten Projekts verwendet, um Designentscheidungen und Prioritäten zu leiten und Empathie zwischen dem Kunden und seinem Team zu schaffen. Er ging selbst spazieren, um „eine Meile in den Schuhen des Benutzers zu gehen“; in diesem Fall „eine Meile fahren“. - :)

Seine UX-Designer-Portfolio-Website finden Sie unter: http://simonpan.com

Ein UX-Designer-Portfolio, das sich auf einen detaillierten UX-Designprozess konzentriert.

Freiberufliche UX-Designer in Vollzeit in den USA gesucht

Niya Watkins

Niya ist eine freiberufliche UX-Designerin mit Sitz in Washington, DC. Sie hat zuvor in internationalen Angelegenheiten gearbeitet und sagt, dass sie während ihrer Zeit im öffentlichen Dienst gelernt hat, was für ein Hindernis ineffiziente, schlecht gestaltete Websites für die Produktivität sind. Sie fand sich oft dabei, kreative Lösungen zu finden, um Zeit, Energie und Geld zu sparen, und wurde anschließend „aus Versehen“ in das benutzerzentrierte Design, ergo: UX, gedrängt.

Detaillierte Bildschirmabläufe sind Teil einiger der besten UX-Designer-Portfolios
Prototyping von Funktionen für soziale Netzwerke in der mobilen Spotify-App.

Was ist großartig an ihrem UX-Designer-Portfolio?

Zu Beginn gibt uns Niya den Hintergrund jedes Projekts, ihre Rolle und ihren Forschungsprozess. Dann geht sie auf ihren Prozess ein für: Personas, Kartensortierung, Informationsarchitektur, Sitemap, Interaktionsdesign, Wireframes, Prototypen, Benutzertests und all die anderen typischen Schritte, die ein großartiger UX-Designer unternimmt, um zu den besten Designs zu gelangen. Sie enthält sogar einen Link zum InVision-Prototyp, den alle ausprobieren können. Sehr umfassend.

Wie bei Rahul ein paar Bewertungen nach unten, nehmen wir ein paar Pluspunkte wegen Problemen mit der Website-Navigation zurück (dies könnte eine Einschränkung der Squarespace-Vorlage sein – nichtsdestotrotz ist es ein schlechtes Design). Außerdem enthält der Abschnitt „neueste Projekte“ vier Projekte auf ihrer Homepage, und wenn sie Besucher einlädt, „alle zu sehen“, sehen wir dieselben vier Projekte, mehr nicht. Das war nicht das, was erwartet wurde, und es ist schlechte UX.

Ihre UX-Portfolio-Site befindet sich unter: https://www.niyawatkins.com

Spotify-Markendesigns – die besten UX-Designportfolios zeigen Arbeiten, die auf soliden UX-Designprinzipien basieren.

Pendar Yousefi

Pendar ist nicht im Amerika der 60er Jahre aufgewachsen und nie zum Mond geflogen, hat aber immer Dinge getan, weil sie hart waren. Heute leitet er das Designteam von Google Translate mit der Mission, den 10 % der Weltbevölkerung zu helfen, die ihre Produkte jeden Monat verwenden.

UX-Designer-Portfolio

Was ist großartig an diesem UX-Designer-Portfolio?

Wirklich saftige UX-Fallstudien. Pendar geht bei jedem seiner Projekte sehr detailliert auf seinen UX-Designprozess ein und stellt das Problem und die jeweiligen Herausforderungen vor. Ein Blick auf seine UX-Design-Fallstudien und die Hypothesen, die das Team rund um das Produktproblem aufgestellt hat, sorgen für eine faszinierende und lehrreiche Lektüre. Oft nahm das Produktteam eine Reihe von Gründen an, warum ein Problem existierte, nur um nach einer Benutzerrecherche herauszufinden, dass diese Annahmen völlig falsch waren.

Die Fallstudien zum UX-Designprozess sind sehr detailliert – fast zu umfangreich –, aber trotz ihres Umfangs einfach zu lesen, da es genau die richtige Balance zwischen anschaulichen Bildern und Text gibt, während er uns durch den Prozess führt. Wenn Benutzertests zeigen, dass das Design in die falsche Richtung geht, ist es faszinierend zu sehen, wie das Team eine scharfe Wendung genommen und den Kurs korrigiert hat.

Seine UX-Portfolio-Website finden Sie unter: https://mahimoto.com/projects

UX-Design-Walkthroughs von UX-Projekten sind eine der vielen Best Practices für das UX-Designer-Portfolio.

Raul Jain

Rahul ist ein frischgebackener UX-/Produktdesigner, der im Sommer 2018 ein Praktikum bei Google absolvierte. Er schreibt ausführlich und selbstreflexiv über seine Erfahrungen und das Gelernte. Vor seinem UX-Praktikum arbeitete er 3 Jahre als UI- und UX-Designer sowohl in Unternehmens- als auch in Start-up-Umgebungen. Sein UX-Portfolio umfasst Fallstudien von Arbeiten für Amazon Go Plus, GE Appliances und das US-Gesundheitsministerium.

Ein UX-Portfolio sollte einen detaillierten UX-Prozess wie Wireframes zeigen.

Was ist großartig an diesem UX-Designer-Portfolio?

Rahuls Fallstudien sind sehr detailliert und führen Menschen auf leicht verständliche Weise durch seinen Designprozess. Einige Designer machen den Fehler, ihren Fallstudien viel zu viel Text hinzuzufügen – die meisten Prüfer/Rekrutierer sind beschäftigt und haben einfach nicht die Zeit, so viele Details durchzugehen. Verwenden Sie Grafiken und Diagramme, sie bringen den Prozess auf den Punkt und beschleunigen die Lesbarkeit.

Aufgrund einiger Probleme mit der Website-Navigation und wegen der Verwendung einer allgemeinen Zielbeschreibung nehmen wir ein paar Pluspunkte zurück. Sein Ziel als Designer: „ Mein Ziel als Designer ist es, ansprechende, funktionale und zugängliche Benutzererlebnisse zu schaffen, die Menschen begeistern und komplexe Geschäftsprobleme lösen “, unterscheidet ihn nicht von fünfzigtausend anderen UX-Designern da draußen. UX-Designer müssen sich abheben, indem sie etwas teilen, das sie einzigartig machen.

Die Navigation der Website ist nicht großartig. „Arbeit“ und die Homepage sind genau gleich. Wenn Sie auf „Über“ klicken, wird dieselbe Seite immer wieder in einem neuen Browser-Tab geladen.

Viele UX-Designer verwenden Portfolio-Vorlagen von Squarespace, Wix usw., was in Ordnung ist – dennoch ist es wichtig, sich daran zu erinnern, dass Ihr UX-Portfolio sein eigenes UX hat und Sie nach der Benutzerfreundlichkeit – dem UX-Design Ihres Portfolios – beurteilt werden .

Seine UX-Designer-Portfolio-Website finden Sie unter: https://rahuljain.co

Die besten UX-Design-Portfolios beinhalten viel über den UX-Design-Prozess.

Samuel Medvedowski

Samuel ist ein französischer UX- und Interaktionsdesigner mit Sitz in Paris und arbeitet derzeit bei Metalab. Er hat sowohl für große als auch für kleine Unternehmen entworfen und findet gerne innovative Wege, um nützliche, nutzbare und ansprechende Produkte sowie angenehme Benutzererlebnisse zu schaffen.

Die Darstellung des UX-Designprozesses ist das Markenzeichen der besten UX-Designportfolios.

Was ist großartig an diesem UX-Designer-Portfolio?

Wie andere erfolgreiche UX-Designer-Portfolios vermittelt Samuel den Besuchern den Hintergrund eines bestimmten Projekts, seine Rolle und die Herausforderungen, denen er sich stellen musste. Wenn er ein Projekt durchgeht, erzählt er uns, wie tiefgreifende Benutzerrecherchen ihm zeigten, wo die Schmerzpunkte der Benutzer lagen, und ihm dabei halfen, klare Ziele und einen klaren Umfang zu definieren. Sein UX-Designprozess wird in den exemplarischen Projektdurchläufen deutlich demonstriert.

Wie bei einigen anderen Portfolios, die in dieser Bewertung enthalten sind, nehmen wir aufgrund von Problemen mit der Website-Navigation ein paar Pluspunkte zurück. Wenn wir uns auf der Homepage befinden, lädt der Navigationslink „Fallstudien“ die Seite einfach neu. Es fehlt auch etwas, das das i-Tüpfelchen gewesen wäre: Es gibt keine Takeaways darüber, was er am Ende jedes Projekts gelernt hat.

Seine UX-Portfolio-Website finden Sie unter: http://www.samuel-medvedowsky.com

Ein UX-Portfolio, das die Designarbeit für TV-Benutzeroberflächen präsentiert.

Kristian Tumangan

Kristian ist gebürtiger Kalifornier mit mehrjähriger Inhouse- und Agenturerfahrung. Als selbstmotivierter Designer genießt er es besonders, das Benutzerverhalten zu verstehen und diese Informationen nutzen zu können, um ansprechende Erlebnisse zu gestalten.

Die Darstellung des UX-Designprozesses ist das Markenzeichen der besten UX-Designportfolios.

Was ist großartig an diesem UX-Designer-Portfolio?

Kristians UX-Designprozess wird in den exemplarischen Projektdurchläufen deutlich demonstriert. Schritt für Schritt werden die typischen UX-Designmethoden und die nachfolgenden UX-Artefakte gezeigt – Discovery, Personas, Storyboarding, Skizzen, Wireframes, Prototypen, Sitemaps, Benutzertests und so weiter. Und er schließt mit den wichtigsten Erkenntnissen ab, die er aus dem Projekt mitgenommen hat. Er spricht das Problem, die Lösung, seine Rolle, die Tools an, die er während des gesamten Prozesses verwendet hat, und stellt einen Link zu seinem Live-Marvel-Prototyp bereit.

Auch hier nehmen wir, wie bei anderen UX-Designer-Portfolios, die in diesem Test enthalten sind, ein paar Pluspunkte wegen Problemen mit der Site-Navigation und albernem Zeug auf seiner „Über“-Seite zurück: „seltener Golfer, Gamer, Internet-Surfer, Napper, sporadischer Reisender , und anständiger Koch.“ UX-Designer müssen auf die UX ihrer Website achten.

Seine UX-Designer-Portfolio-Website finden Sie unter: http://www.ktumangan.com

Ein weiteres großartiges UX-Designer-Portfolio mit mobilen Bildschirmen.

Adithya Holehonnur

Adi ist ein Software-Ingenieur, der zum UX-Designer wurde und in Kudremukh aufgewachsen ist, einer kleinen Stadt im Herzen der westlichen Ghats in Indien, wo er den größten Teil seiner Kindheit damit verbrachte, im Dschungel herumzuwandern oder Cricket zu spielen. Derzeit arbeitet er als UX-Designleiter für Honeywell, Bangalore.

Ein UX-Designer-Portfolio, das UX-Designprinzipien demonstriert.

Was ist großartig an diesem UX-Designer-Portfolio?

Dieses UX-Designer-Portfolio ist vollgestopft mit animierten GIFs der endgültigen App-Designs und zeichnet sich nicht nur durch die detaillierten Fallstudien aus, sondern auch durch den Abschnitt „Reflexionen“ am Ende jedes Projekts – als UX-Designer lernen wir weiterhin aus jedem Projekt engagieren. Adithya präsentiert auch die Ergebnisse, die am Ende seiner Fallstudien erzielt wurden, damit die Besucher selbst sehen können, welches Designziel erreicht wurde – die erfolgreichen Früchte seines Produktdesignprozesses.

Seine UX-Designer-Portfolio-Website finden Sie unter: https://www.adithyaholehonnur.com

Die besten UX-Design-Portfolios demonstrieren den UX-Designprozess.

Dora Fang

Dora wurde an zwei der weltweit führenden Designschulen zur Industriedesignerin ausgebildet. Fasziniert von schönen Umgebungen, Kreaturen und Objekten interessiert sie sich auch für die Philosophie des Designs und die Untersuchung der sozialen Implikationen der Produktherstellung. Sie genießt die Komplexität und das schnelle Tempo des UX-Designs und erkundet gerne die Möglichkeiten der Kommerzialisierung neuer Produktideen, weil sie glaubt, dass Rentabilität und Geschäftserfolg sicherstellen können, dass Künstler und Designer nicht nur überleben, sondern auch gedeihen.

Darstellung des UX-Designprozesses in einem umfassenden UX-Designer-Portfolio.

Was ist großartig an diesem UX-Designer-Portfolio?

Dora hat kürzlich den UX-Kurs von Springboard absolviert. Ihre UX-Designer-Portfolio-Fallstudie für ihr Abschlussprojekt „Five-to-Eight“ ist beispielhaft. Es geht Schritt für Schritt ins Detail über ihren nutzerzentrierten Designprozess und wie sie zu ihren endgültigen Designs kam.

Ihre UX-Portfolio-Fallstudie finden Sie hier: https://www.daorongfang.com/5-to-8

Demonstration ihres UX-Designprozesses in ihrem UX-Kurs capstone project UX Designer Portfolio.

• • •

Weiterführende Literatur im Toptal Design Blog:

  • UX-Portfolio-Tipps und Best Practices
  • Benutzerfreundlichkeit und die Kunst des Portfolio-Designs: Ein Toptal Design Talk
  • Designarbeit präsentieren: Der richtige Weg
  • Die besten UX-Tools (mit Infografik)
  • Die erprobten und wahren Gesetze von UX (mit Infografik)