Anmelden
Erstellen Sie Ihre Website
Top 10 UX-Designer-Portfolios, die man 2024 lernen kann
Entdecken Sie diese großartigen UX-Portfolio-Beispiele mit den neuesten Trends 2024. Holen Sie sich Inspiration, um Ihre eigene Portfolio-Website besser zu gestalten.
Wenn Sie möchten, dass mehr Menschen über Ihre Arbeit erfahren, ist es sehr wichtig, einige Marketingstrategien angemessen anzuwenden. Das Erstellen eines Portfolios selbst ist eine gute Wahl.
Für UX-Designer können Sie Ihre Arbeiten auf der Portfolio-Website platzieren, damit mehr Menschen sie sehen können. Diese Arbeiten können Ihre Professionalität im Bereich Design zeigen und Ihre Geschmacksrichtung und Ästhetik widerspiegeln. Wenn Ihre Arbeit von vielen Menschen geliebt wird, können Sie auch allmählich Ihre Reputation in der Branche verbessern. Je mehr Menschen Sie sehen, desto mehr Arbeitsmöglichkeiten und Ressourcen können Sie erhalten.
Kurz gesagt, haben persönliche Portfolios viele Vorteile. Ich weiß nicht, ob Sie bereits Ihr Portfolio haben oder ob Sie vorhaben, in naher Zukunft Ihr Portfolio-Website zu bauen. In diesem Artikel teilen wir mit Ihnen die Top 10 UX-Designer-Portfolios im Jahr 2024. Diese persönlichen Portfolio-Websites haben ihre Highlights, insbesondere für Anfänger. Wenn Sie Ihr Portfolio noch nicht gebaut haben, könnten diese Websites Ihnen einige Inspirationen geben.
Klicken Sie hier, um Ihre Website zu erstellen
Top 10 UX Designer Portfolio, um 2024 zu lernen
01.Simon Pan
Zuerst möchte ich das Portfolio von Simon Pan vorstellen. Simon Pan ist ein erfahrener UX-Designer, der für seine Arbeit bei Unternehmen wie Uber und Google bekannt ist.
Der Gesamtstil seiner Portfolio-Website ist minimalistisch und sauber, mit schwarz und weiß als Hauptfarben. Die Seitennavigation ist intuitiv und klar, was den Zuschauern hilft, Informationen schnell zu finden.
Die Seite besteht aus insgesamt vier Fällen, die ein breites Themenfeld abdecken, einschließlich Uber Magic, Amazon Prime Music, London By Bike und Independent Living NSW. Jeder Projekt ist mit einem sehr auffälligen Logo, einem fettgedruckten Titel und einer Untertitel, der das Projekt weiter erläutert, versehen, damit die Zuschauer die allgemeine Einführung des Projekts und seine Auswirkungen und Vorteile kennen, was das Interesse der Zuschauer erhöht und ihnen hilft, den Designer besser kennenzulernen.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie Uber Magic als Beispiel. Wenn Sie auf diesen Fall klicken, können Sie sehen, dass Simon auch bei der Darstellung dieses Falls schwarz und weiß gewählt hat, was mit dem Gesamttong seiner Website übereinstimmt und einen konsistenten minimalistischen Stil aufrechterhält.
Seine Fallanalyse umfasst mehrere Abschnitte, einschließlich des Projekthintergrunds, der Herausforderungen, mit denen die Anwendung konfrontiert war, seine Rolle und Verantwortung im Projekt, wie das Team das Problem entdeckt und gelöst hat, und seine Gefühle und Gedanken nach Abschluss des Projekts.
Besonders in dem Abschnitt zur Problemlösung erklärt er dies ausführlich. Dies zeigt nicht nur seine professionelle Ebene im Bereich Design und seine Fähigkeit, Probleme zu lösen, sondern erhöht auch die Lesbarkeit des Falls und gewinnt das Vertrauen potenzieller Kunden in Designer. Schließlich wissen nur diejenigen, die Probleme tatsächlich lösen, wie jeder Schritt durchgeführt wird. Die meisten seiner anderen Fälle folgen ebenfalls dieser Struktur, mit einer einfachen und intuitiven Anordnung, voller Logik und Hierarchie.
Es ist erwähnenswert, dass er in jedem Fall viele Bilder und Texte verwendet, wobei er sich auf die Art der Untersuchung und Forschung konzentriert, die er im Projekt durchgeführt hat, um das Problem zu finden, und wie er die vorhandenen Probleme durch Modifikation der Gestaltung und Optimierung der Benutzererfahrung gelöst hat.
Er hebt die Auswirkungen und wichtigen Kennzahlen seiner Gestaltung in seiner Fallanalyse hervor, was sehr wichtig ist, insbesondere wenn Sie Ihr Leben mit Design verdienen möchten. Diese Daten können Ihre geschäftliche Wertigkeit sehr intuitiv widerspiegeln und Ihnen mehr Arbeitsplätze bringen.
02.Sophie Westfall
Sophie Westfall ist eine talentierte Grafikdesignerin, bekannt für ihre lebendigen, innovativen Designs, die moderne Ästhetik mit zeitloser Anziehungskraft verbinden.
Sophie verwendet das Prinzip der Minimalismus. Wir können sehen, dass auch die Navigationsleiste einfach und intuitiv ist. Die gelbe Hintergrundfarbe und die schwarze fettgedruckte Schriftart bilden einen scharfen Kontrast. Die hochgesättigte gelbe Farbe selbst sieht auffällig aus und kann die Aufmerksamkeit der Zuschauer direkt auf sich ziehen. Die fettgedruckte schwarze Schriftart ermöglicht es den Zuschauern, sich auf den Inhalt selbst zu konzentrieren.
Gleichzeitig hat es auch einige Animationen, wie z. B. einen Hover-Effekt, der die Benutzererfahrung verbessert.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie Paula’s Choice als Beispiel. Wir können sehen, dass die Designerin immer noch einen minimalistischen Designansatz wählt, mit nur einigen einfachen Texten, die hauptsächlich die Ziele, den Zeitplan und die Verantwortlichkeiten des Projekts erklären.
Das Wichtigste sollte eine große Anzahl von hochwertigen, exquisiten Bildern und subtilen Animationseffekten sein. Diese kreativen Bilder passen zur Marke und sind überzeugender als jedweder Text. Durch diese Bilder können wir auch den Geschmack, den Stil und die Designrichtung der Designerin spüren.
Kontaktdaten und soziale Medien Integration helfen den Zuschauern, direkt mit dem Designer zu kommunizieren und dessen Bekanntheit zu erweitern.
03.Kyson Dana
Kyson Dana ist Illustrator und Designer, bekannt für seinen einzigartigen, erzählerischen Ansatz bei der Markenbildung und visueller Kommunikation.
Der Stil von Kysons Portfolio ist einfach, mit schwarz als Hintergrundfarbe und weißem Text, was einen scharfen Kontrast und eine bessere Lesbarkeit bietet.
Sein Portfolio enthält eine einfache Selbstvorstellung und ein Selfie, und der gesamte Stil ist sehr sauber und direkt mit intuitiver und benutzerfreundlicher Navigation und einer gut klassifizierten Anordnung.
Er zeigte dem Publikum zehn Fälle. Jeder Fall verwendet Hero-Animation. Die Bilder oder Videos füllen den gesamten Bildschirm und machen das Portfolio visuell ansprechender.
Der wichtigste Lernpunkt für Inspiration
Nehmen wir Boosted als Beispiel. Wir können sehen, dass er Hintergrundanimationen verwendet hat, um eine Gruppe von Menschen zu zeigen, die Roller fahren, sodass das Publikum sofort verstehen kann, welche Produkte sie bedienen. Die Verwendung von Video kann die Merkmale dieser Marke und dieses Produkts besser zeigen, was auch die Kreativität und Gedanken des Designers widerspiegelt.
In der Fallanalyse führt er die Hintergründe der Projektübernahme, die Zeit, die er für die Vorbereitung aufgewandt hat, wie das Team Benutzerforschung durchgeführt hat, und die Bemühungen und Ergebnisse, die sie in jedem Stadium erzielt haben. All dies zeigt seine Denkweise und die Fähigkeit, mit Herausforderungen und Problemen im Designprozess umzugehen.
Eine der größten Merkmale seiner Analyse ist, dass er viele Designbilder und Videos zeigt, wie fertige Produkte oder Rahmenprodukte. Diese exquisiten und hochwertigen visuellen Elemente können dem Publikum helfen, seine Designmerkmale und Stil intuitiver zu verstehen.
Außerdem erwähnt die Fallanalyse auch die Auswirkungen des Projekts, die für Unternehmen, Einzelpersonen sowie für die Gesellschaft im Bereich der Verkehrsmittel von großem Nutzen sind. Dies kann das Vertrauen und die Anerkennung des Designers durch den Kunden aufbauen.
04.Bethany Heck
Bethany Heck ist eine Designleiterin und Schriftsetzerin, deren Arbeit, wie die Eephus League, ihre Leidenschaft für Schriftgestaltung und klassische Designelemente zeigt.
Bethanys Portfolio wird in einem Wortwolkenformat präsentiert, mit vielen Markennamen. Diese Markennamen sind in einer scheinbar zufälligen Weise in geordneter Weise angeordnet. Es integriert verschiedene Schriftarten, um das gesamte Design lebendiger zu machen, was auch seine Merkmale als Schriftsetzer illustriert.
Er wählt Weiß als Hintergrundfarbe und die Schriftfarbe verwendet ein Farbschema von Blau zu Grün, was ein sehr harmonisches und sauberes Gefühl erzeugt.
Eine minimalistische Navigation hat nur eine Option für About/CV, und nach dem Klicken wird die Seite eine einfache Textvorstellung über den Designer, was es dem Publikum ermöglicht, sich auf seine Arbeit zu konzentrieren.
Gleichzeitig gibt die Verwendung von weißem Raum dem gesamten Design auch Raum zum Atmen. Selbst eine große Anzahl von Texten fühlt sich nicht überfüllt an. Wenn der Mauszeiger über eine Marke gleitet, ändert sich die Schriftfarbe in Schwarz, was die Benutzererfahrung verbessert.
Der wichtigste Lernpunkt für Inspiration
Lassen Sie uns Microsoft Power BI als Beispiel betrachten.
Die Startseite dieses Fallstudien hat eine auffällige gelbe Hintergrundfarbe, kombiniert mit schwarzem Text, was einen scharfen Kontrast erzeugt und die Lesbarkeit verbessert.
Der Designer beginnt mit einer Übersicht über das Projekt und seine Rolle, um dem Publikum ein klares Verständnis des Falls zu vermitteln. Danach widmet er viel Raum der detaillierten Darstellung seines Designprozesses, indem er zahlreiche Bilder und Anmerkungen verwendet, um seinen Ansatz gründlich zu erklären – dies ist ein Merkmal seiner Fallanalyse.
Er präsentiert dem Publikum ein visuelles Rahmenwerk, hebt Schlüsselmerkmale innerhalb des Bildes hervor und bietet umfangreiche textuelle Erklärungen und Beschreibungen. Die Bilder sind sorgfältig organisiert, klar und logisch angeordnet, um sicherzustellen, dass das Publikum nicht überwältigt wird.
Noch wichtiger ist, dass der begleitende Text direkt und professionell ist und seine außergewöhnlichen Fähigkeiten als Designer zeigt. Durch dies gewinnen wir auch Einblick in seine Designphilosophie, wie beispielsweise das Zusammenspiel zwischen Makro- und Mikroelementen.
Ein Portfolio wie dieses ist überzeugender als jedes andere Material, da es dem Publikum überzeugend seine Professionalität und Vertrauenswürdigkeit zeigt.
05.Karina Sirqueira
Karina Sirqueira ist eine interdisziplinäre Designerin, die für ihre mutigen, farbenfrohen Designs bekannt ist, die die Grenzen konventioneller Ästhetik überschreiten.
Ihr persönliches Portfolio-Webseiten ist ein lebendiger Beweis ihrer Kreativität. Die Seite besteht aus mehreren Farbblöcken. Die Farben sind sehr mutig. Mit einer Vielzahl von Animationseffekten werden die Farbblöcke in verschiedenen Mustern angeordnet. Wenn der Mauszeiger über einen Farbblock gleitet, löst dies eine subtile Animation aus, und die Farbe ändert sich entsprechend, was eine lebendige und ansprechende Benutzererfahrung schafft.
Außerdem gibt es auf der gesamten Seite keine weiteren Dekorationen, außer ein paar Farbblöcken, was den Designprinzipien der Minimalismus folgt.
Der wichtigste Lernpunkt für Inspiration
Klicken Sie auf einen Fall zufällig - nehmen wir beispielsweise Mailchimp. Wir können sehen, dass der Markenname die gesamte Homepage einnimmt. Der fette schwarze Schriftzug und die gelbe Hintergrundfarbe bilden einen scharfen Kontrast. Der Vorteil dieses Designs ist, dass es Benutzer schnell anziehen und ihre Aufmerksamkeit auf den auf der Web-Seite angezeigten Inhalt richten kann.
Scrollen Sie mit der Maus, und Sie werden feststellen, dass ihre Portfolio anders ist als andere traditionelle Portfolios. Karina verwendet ein horizontales Scrollformat. Bei Fallanalysen, bei denen Text und Bilder absichtlich getrennt sind - eine Seite zeigt Text, während eine andere Bilder präsentiert, bleibt sie den minimalistischen Prinzipien treu.
Im Vergleich zu anderen Designern ist ihre Fallanalyse einfacher und klarer. Dies ist auch das größte Merkmal ihres Portfolios, aber selbst eine einfache Darstellung von Arbeiten ist ausreichend, um ein starkes Gefühl von Professionalität und Stil zu vermitteln.
06.Elizabeth Lin
Elizabeth Lin ist ein UX/UI-Designer mit einem Talent für die Erstellung intuitiver digitaler Erfahrungen, die die Bedürfnisse und Zugänglichkeit der Nutzer in den Vordergrund stellen.
Ihr Portfolio ist ein perfektes Beispiel für Storytelling. Die Navigationsleiste ist einfach und intuitiv. Die Kombination aus rosa Hintergrund und schwarzem Schriftzug erzeugt einen scharfen Kontrast, der niedlich aussieht und die Lesbarkeit verbessert.
Sie zeigt uns sechs Fälle, und jeder Fallkarte hat Hover-Effekte. Wenn Sie den Cursor auf die Karte des Falls bewegen, gibt es eine Emojis-Animationseffekt, der die Benutzerinteraktion erhöht und die Benutzer näher bringt.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie das Klassenzimmer-Bewertungsspiel als Beispiel.
Wie bereits am Anfang erwähnt, ist die größte Highlight ihrer Fallanalyse Storytelling. Sie teilt den Hintergrund des gesamten Designs, den ursprünglichen Zweck des Designs und den konkreten Ablauf des Prozesses in viele Teile und erläutert sie detailliert nacheinander.
Ihr Textsprache ist sehr zugänglich und leicht verständlich. Sie nutzt auch gerne Emojis und fügt auf beiden Seiten der Seite einige Notizen hinzu, um ihre Gefühle auszudrücken. Diese Designs haben eine nähere Verbindung mit dem Publikum hergestellt, als ob Sie mit Ihren Freunden plaudern.
Sie hat auch in jedem Teil der Beschreibung viele Bilder und Videos integriert, um dem Publikum zu helfen, besser zu verstehen, was sie sagt.
07.Robin Nogiuer
Robin Nogiuer ist eine französische Designerin und Illustratorin, die gut darin ist, spielerische und minimalistische visuelle Darstellungen zu gestalten.
Robins Portfolio-Website ist ein lebendiges und ansprechendes Showcase, das eine Mischung aus stark gesättigten Farben und kühlen Animationseffekten bietet. Vertikale Scrollanimations- und Text Fade-in-Effekte wurden in ihrer Portfolio-Website verwendet. Dieses Design sieht lebendig, interaktiv und auffällig aus.
Gleichzeitig ist die Navigation einfach und benutzerfreundlich, was es dem Publikum leicht macht, das zu finden, was es sucht.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie SnickSnack als Beispiel.
Die Gesamtstruktur der Bilder und Texte der Fallanalyse ist gut strukturiert, mit einem Gefühl von Hierarchie und klarer Logik, was es dem Publikum leichter macht, zu folgen.
Gleichzeitig helfen Animations-Effekte, die Benutzererfahrung zu verbessern und die Lesbarkeit des Inhalts zu erhöhen.
Ein hervorragendes Merkmal von Robins Portfolio ist ihr zugänglicher Schreibstil. Sie verwendet eine Storytelling-Narrative, um ihr gesamtes Projekt zu erzählen, als ob sie mit einem engen Freund spricht, was sie dem Publikum näher bringt. Sie erzählt dem Publikum den Hintergrund des Projekts, teilt ihre Designideen und Methoden und betont, wie ihre Design-Highlights die Benutzererfahrung verbessern und was sie aus dem gesamten Projekt gelernt hat.
Was interessant ist, ist, dass ihre Werke so freundlich sind wie ihre Persönlichkeit. Während des Gestaltungsprozesses betont sie immer, wie man das Design besser mit den Nutzern kommunizieren und verbinden kann, und wie man intime und interessante Gespräche mit den Nutzern führen kann. Dies spiegelt vollständig ihre Designkonzepte wider, was es potenziellen Kunden ermöglicht, ein tieferes Verständnis ihrer persönlichen Stil und Stärken zu gewinnen und Zusammenarbeit zu fördern.
08.Saloni Joshi
Saloni Joshi ist ein UI/UX-Designer mit einem starken Fokus auf die Erstellung inklusiver und nutzerfreundlicher digitaler Produkte, die eine Vielzahl von Zielgruppen bedienen.
Solonis Portfolio folgt dem Prinzip der Minimalismus. Die Homepage hat eine einfache Selbstvorstellung und Integration sozialer Medien. Ihre Selbstvorstellung mit einer persönlichen Ton macht die Leute näher. Das Portfolio enthält mehrere Hauptteile, einschließlich Titel-Erklärungen und Karten-Anzeigen. Weißer Hintergrund und fette schwarze Titel verbessern die Lesbarkeit und Zugänglichkeit.
Der wichtigste Lernpunkt für Inspiration
Wir können den Fall von Sam’s Club als Beispiel nehmen.
Es ist nicht schwer zu sehen, dass das Design weiterhin dem Prinzip des Minimalismus folgt. Sie wählt Weiß, Schwarz und Grün als Farbkombination für die Website.
In dieser Fallstudie stellt sie die aktuelle Situation von Sam’s Club und die Probleme vor, mit denen es konfrontiert ist. Bei der Bewältigung bestehender Probleme analysierte der Designer die Merkmale anderer Schlüsselspieler und lernte von ihnen. Sie verwendet Text und Bilder, um jeden Designprozess detailliert darzustellen, sowie die Ergebnisse und wichtigen Kennzahlen, die erzielt wurden.
Sie hebt auch wichtige Textinformationen hervor, was dem Publikum ermöglicht, ein tieferes Verständnis für den Designer und ihre Arbeit zu entwickeln. Diese Designs erhöhen auch die Lesbarkeit des Inhalts und die Benutzererfahrung.
09.Archit Saxena
Archit Saxena ist ein Grafikdesigner, der sich auf saubere, moderne Designs spezialisiert hat, die Klarheit und effektive Kommunikation betonen
Archits Seite beginnt mit subtil animierten Designbeispielen. Die Navigation ist einfach und benutzerfreundlich, einschließlich ihrer großartigen Arbeiten, Fähigkeiten usw.
Auf der Startseite können wir sehen, dass sie drei Projekte in ihrem Portfolio gelistet hat, mit einer breiten Themenpalette, nicht nur im medizinischen Bereich, sondern auch im Bereich von KI-Design-Tools. Sie fasst jedes Projekt mit einem fett gedruckten schwarzen Titel zusammen, um dem Publikum vorab die Inhalte ihrer Arbeit zu vermitteln.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie beispielsweise klinische Transformationswerkzeuge.
Am Anfang erklärt sie direkt die guten Ergebnisse, die ihr Design erzielt hat, was die Aufmerksamkeit des Publikums erregt.
Dann verwendet sie Text und Bilder, um eine detaillierte Einführung in den gesamten Designprozess zu geben, einschließlich ihrer Rolle und Verantwortung, der Herausforderungen, die sie erlebte, welchen Methoden sie zur Durchführung von Forschung verwendet hat, wie sie Design-Software genutzt hat, um Prototypen zu erstellen, wie sie mit dem Team gearbeitet hat usw., sowie einige wichtige Kennzahlen.
Außerdem präsentiert Saloni mehrere Vorher-Nachher-Bilder und betont wichtige Textinformationen, um das Verständnis zu verbessern. Diese Fallstudien können nicht nur die Professionalität des Designers widerspiegeln, sondern auch die Lesbarkeit und Benutzererfahrung erhöhen.
Außerdem listet die Designerin viele ihrer Fähigkeiten auf, was die Professionalität des Designers widerspiegeln und das Vertrauen des Publikums in den Designer erhöhen kann.
10.Siriveena Nandam
Siriveena Nandam ist eine digitale Designerin, bekannt für ihre innovative Verwendung von Farben und Schriftarten, die visuell auffällige und unvergessliche Benutzeroberflächen schafft.
Siriveenas Stil folgt auch dem Minimalismus-Prinzip. Die Navigation ist einfach und direkt. Die graue Hintergrundfarbe kontrastiert mit dem fett gedruckten schwarzen Titel.
Die Wahl unterschiedlicher Schriftarten schafft auch ein klares Hierarchiegefühl. Sie stellt sich kurz auf der Startseite vor und listet fünf Projekte auf. Der Gesamtstil des Portfolios ist einfach, aber sehr professionell.
Der wichtigste Lernpunkt für Inspiration
Nehmen Sie beispielsweise NASA. Die Seite folgt dem Minimalismus-Prinzip. Das Problem, die Lösung und die Rolle des Projekts sind in Form einer Tabelle gut organisiert.
Diese Fallstudie ist reich an Inhalt, einschließlich zahlreicher Bilder und Texterklärungen. Sie erklärt jedem Designschritt detailliert dem Publikum, von der ersten Forschung bis zur Prototypenentwicklung und dann zu Test und Verifikation. Der gesamte Prozess ist detailliert und reich an Inhalt.
Außerdem führt sie die in der Forschung verwendeten Methoden und ihre Ergebnisse vor. Diese Inhalte werden von vielen hochwertigen Bildern begleitet, um den Nutzern zu helfen, sie zu verstehen. Dies kann dem Publikum helfen, ihre Designstil, Professionalität und ihre Fähigkeit, Probleme zu lösen, besser zu schätzen.
Klicken Sie hier, um Ihre Website zu erstellen
Fazit
Die oben genannten sind die Top-10-UX-Designer-Portfolios, die ich vorstellen möchte. Ich frage mich, ob sie Sie inspiriert haben. Ihr Portfolio ist nicht nur ein Ordner, der alle Ihre Arbeiten enthält, noch ist es nur ein Display-Tool. Vor allem spricht Ihr Portfolio für Sie. Es repräsentiert Ihren Stil, Ihre Ästhetik, Ihre Designhaltung und Philosophie. Sie können mit Ihrem Publikum über Ihr Portfolio kommunizieren, damit sie Sie sehen, kennen und Ihnen vertrauen.
Es ist nicht schwer, Ihr Portfolio zu erstellen. Sie können verschiedene KI-Tools verwenden, wie z. B. Wegic. Aber wichtiger ist, dass Sie klar denken: Warum erstellen Sie das Portfolio? Was möchten Sie Ihrem Publikum vermitteln? Wie möchten Sie, dass sie Sie durch Ihr Portfolio wahrnehmen? Mit diesen Fragen im Kopf sind Sie bereit, ein Portfolio zu gestalten, das wirklich Sie darstellt.
Geschrieben von
Kimmy
Veröffentlicht am
9. Apr. 2026
Artikel teilen
Mehr lesen
Unser neuester Blog
Beispiele
10. Apr. 2026
20 inspirierende Beispiele für Informations-Webseiten-Design: 2025 aktualisiert
Webseiten in einer Minute, mit Wegic!
Mit Wegic verwandeln Sie Ihre Anforderungen in beeindruckende, funktionale Websites mit fortschrittlicher KI
Kostenlose Testversion mit Wegic, erstellen Sie Ihre Seite mit einem Klick!