Inloggen
Bouw uw site
Top 10 UX-ontwerper portfolio's om van te leren in 2024
Verken deze uitstekende UX-portfolio voorbeelden met de nieuwste trends in 2024. Krijg inspiratie om je eigen portfolio-website beter te maken.
Als je wilt dat meer mensen weten van je werk, is het echt belangrijk om sommige marketingstrategieën op de juiste manier te volgen. Het opbouwen van een portfolio op je eigen kracht is een goede keuze.
Voor UX-ontwerpers kun je je werk op de portfolio-website zetten zodat meer mensen het kunnen zien. Deze werken kunnen je professionaliteit in het vakgebied tonen en je smaak en esthetiek weerspiegelen. Als je werk door veel mensen geliefd is, kun je ook geleidelijk je reputatie in de industrie verbeteren. Zolang meer en meer mensen je zien, kun je ook meer werkgelegenheidsmogelijkheden en resources krijgen.
Kortom, persoonlijke portefeuilles hebben veel voordelen. Ik weet niet of je al een portfolio hebt, of of je plannen maakt om je portfolio-website binnenkort op te bouwen. In dit artikel delen we met je de Top 10 UX-ontwerperportfolio's in 2024. Deze persoonlijke portfolio-website hebben hun eigen highlights, vooral voor beginners. Als je nog geen portfolio hebt opgebouwd, kunnen deze websites je misschien wat inspiratie geven.
Klik hier om je site te bouwen
Top 10 UX-ontwerperportfolio's om van te leren in 2024
01.Simon Pan
Allereerst wil ik het portfolio van Simon Pan introduceren. Simon Pan is een ervaren UX-ontwerper, bekend om zijn werk bij bedrijven zoals Uber en Google.
De algemene stijl van zijn portfolio-website is minimal en netjes, met zwart en wit als hoofdkleuren. De navigatie van de pagina is intuïtief en duidelijk, waardoor het publiek snel informatie kan vinden.
De pagina bestaat uit vier gevallen, die verschillende onderwerpen behandelen, waaronder Uber Magic, Amazon Prime Music, London By Bike en Independent Living NSW. Elke project is vergezeld van een zeer opvallend logo, een duidelijke titel en een ondertitel die het project verder uitlegt, zodat het publiek de algemene introductie van het project en de effecten en voordelen ervan kan weten, wat de interesse van het publiek verhoogt en het ontwerper beter kent.
De belangrijkste les voor inspiratie
Neem Uber Magic als voorbeeld. Als je dit geval klikt, zie je dat Simon ook zwart en wit heeft gekozen bij het tonen van dit geval, wat overeenkomt met de algemene toon van zijn website en een consistente minimalistische stijl behoudt.
Zijn gevalanalyse omvat verschillende delen, waaronder de achtergrond van het project, de uitdagingen die de toepassing tegenkwam, zijn rol en functie in het project, hoe het team het probleem heeft ontdekt en opgelost, en zijn gevoelens en gedachten na afloop van het project.
In het deel over het oplossen van het probleem legt hij het uit in grote detail. Dit doet niet alleen zijn professionele niveau in het vakgebied en zijn vermogen om problemen op te lossen tonen, maar verhoogt ook de leesbaarheid van het geval en vertrouwen van potentiële klanten in ontwerpers. Immers, alleen die echt problemen oplossen weten hoe elke stap wordt uitgevoerd. De meeste andere gevallen van hem volgen ook dezelfde structuur, met een eenvoudige en intuïtieve lay-out, vol logica en hiërarchie.
Het is waard om te vermelden dat hij in elk geval veel afbeeldingen en teksten gebruikt, met aandacht voor het soort onderzoek en onderzoek dat hij in het project heeft genomen om het probleem te vinden, en hoe hij het bestaande probleem heeft opgelost door de ontwerp en het gebruikerservaring te verbeteren.
Hij benadrukt de effecten en belangrijke metingen van zijn ontwerp in zijn gevalanalyse, wat zeer belangrijk is, vooral als je je verdiend met ontwerp. Deze data kan je zakelijke waarde duidelijk weerspiegelen en je meer werkgelegenheidsmogelijkheden opleveren.
02.Sophie Westfall
Sophie Westfall is een talentvolle grafisch ontwerper bekend om haar levendige, innovatieve ontwerpen die moderne esthetiek combineren met tijdloze aantrekkingskracht.
Sophie volgt het minimalisme-principe. We zien dat de navigatiebalk ook simpel en intuïtief is. De gele achtergrond en de zwarte vet lettertype vormen een scherp contrast. De hoog gesatureerde gele kleur ziet er opvallend uit en kan direct de aandacht van het publiek trekken. De vette zwarte lettertype laat het publiek zich richten op de inhoud zelf.
Tegelijkertijd heeft het ook enige animatie, zoals een hover-effect, wat de gebruikerservaring verhoogt.
De belangrijkste les voor inspiratie
Neem Paula’s Choice als voorbeeld. We zien dat de ontwerper nog steeds een minimalisitische ontwerp gebruikt, met alleen wat eenvoudige tekst, voornamelijk om de doelen, tijdslijn en verantwoordelijkheden van het project te introduceren.
Het meest opvallende is een groot aantal hoogwaardige, fijne afbeeldingen en subtiel animatie-effecten. Deze creatieve afbeeldingen passen bij de merk en zijn overtuigender dan welke tekst ook. Door deze afbeeldingen kunnen we ook de smaak, smaak en ontwerpstijl van de ontwerper voelen.
Contactgegevens en integratie van sociale media helpen het publiek om direct contact op te nemen met de ontwerper en hun populariteit te vergroten.
03.Kyson Dana
Kyson Dana is een illustrateur en ontwerper bekend om zijn unieke, verhaalgeleide aanpak van merkbeheer en visuele communicatie.
Het stijl van Kysons portfolio is eenvoudig, met zwart als achtergrondkleur en witte teksten, wat een scherp contrast geeft en de leesbaarheid verhoogt.
Zijn portfolio bevat een eenvoudige zelfintroductie en een selfie, en de algemene stijl is zeer netjes en direct met intuïtieve en gebruiksvriendelijke navigatie en een goed georganiseerde lay-out.
Hij liet de publieke tien gevallen zien. Elk geval maakt gebruik van hero animatie. De afbeeldingen of video's nemen het hele scherm in, waardoor het portfolio visueel aantrekkelijker wordt.
De belangrijkste les voor inspiratie
Neem Boosted als voorbeeld. We zien dat hij achtergrondanimatie gebruikte om een groep mensen te laten rijden op scooters, zodat het publiek direct kan begrijpen welke producten ze dienen. Het gebruik van video kan de kenmerken van dit merk en product beter tonen, wat ook de creativiteit en gedachten van de ontwerper toont.
In de gevalanalyse introduceert hij de achtergrond van het overnemen van het project, de tijd die hij heeft besteed aan voorbereiding, hoe het team gebruikersonderzoek heeft uitgevoerd, en de inspanningen en resultaten die ze op elk stadium hebben behaald. Deze dingen tonen allemaal zijn denkproces en vermogen om uitdagingen en problemen tijdens het ontwerpproces aan te pakken.
Een van de grootste kenmerken van zijn analyse is dat hij graag veel ontwerpfoto's en video's toont, zoals eindproducten of frameworkproducten. Deze uitgelezen en hoogwaardige visuele elementen kunnen helpen om het publiek beter te laten begrijpen van zijn ontwerpstijl en kenmerken.
Daarnaast vermeldt de gevalanalyse ook de effecten van het project, wat van groot nut is voor zowel bedrijven als individuen en ook voor de maatschappij in het vervoersveld. Dit kan de vertrouwen en erkenning van de ontwerper door de klant opbouwen.
04.Bethany Heck
Bethany Heck is een ontwerpleider en typograaf wiens werk, zoals de Eephus League, haar passie voor typografie en klassieke ontwerpelementen toont.
Bethanys portfolio wordt weergegeven in een woordwolkvorm met veel merknamen. Deze merknamen zijn op een geordende manier op een lijn geplaatst, alsof het willekeurig is. Het integreert verschillende lettertypen om de hele ontwerp meer speels te maken, wat ook haar kenmerken als typograaf illustreert.
Hij kiest wit als achtergrondkleur, en de tekstkleur gebruikt een kleurschema van blauw naar groen, wat een zeer harmonieuze en schone gevoel geeft.
Minimalistische navigatie heeft alleen een over mij/CV-optie, en na het klikken wordt de pagina een eenvoudige tekstintroductie over de ontwerper, waardoor het publiek zich kan concentreren op zijn werk.
Tegelijkertijd geeft het gebruik van witruimte ook de hele ontwerp een ademruimte. Zelfs een groot aantal teksten voelt niet overvol. Het aanwijzen van de muis op een van de merken verandert de tekstkleur in zwart, wat de gebruikerservaring kan verbeteren.
De belangrijkste les voor inspiratie
Laten we Microsoft Power BI als voorbeeld nemen.
De homepage van dit gevalstudie heeft een opvallende gele achtergrond gekoppeld aan een zwarte tekst, wat een scherp contrast geeft en de leesbaarheid verhoogt.
De ontwerper begint met een overzicht van het project en zijn rol, waardoor het publiek een duidelijk begrip van het geval krijgt. Vervolgens besteedt hij veel ruimte aan het detaileren van zijn ontwerpproces, gebruik makend van veel afbeeldingen en aantekeningen om zijn aanpak uitgebreid te verklaren - dit is een kenmerk van zijn gevalanalyse.
Hij presenteert een visuele framework aan het publiek, benadrukt belangrijke kenmerken binnen de afbeelding en geeft uitgebreide tekstuele uitleg en beschrijvingen. De afbeeldingen zijn zorgvuldig georganiseerd, duidelijk en logisch geplaatst, zodat het publiek niet overweldigd wordt.
Bovendien is de bijbehorende tekst duidelijk maar professioneel, wat zijn uitzonderlijke vaardigheden als ontwerper toont. Hiermee krijgen we ook inzicht in zijn ontwerpfilosofie, zoals het samenspel tussen macro- en micro-elementen.
Een portfolio zoals dit is overtuigender dan elk ander materiaal, omdat het overtuigend je professionaliteit en betrouwbaarheid laat zien aan het publiek.
05.Karina Sirqueira
Karina Sirqueira is een multidisciplinaire ontwerper die bekendstaat om haar durfzame, kleurrijke ontwerpen die de grenzen van conventionele esthetiek opschort.
Haar persoonlijke portfolio-website is een levendige weergave van haar creativiteit. De pagina bestaat uit meerdere kleurblokken. De kleuren zijn zeer durfzaam. Met een verscheidenheid aan animatie-effecten worden de kleurblokken in verschillende patronen geplaatst. Het aanwijzen van de muis op een kleurblok activeert een subtiel animatie-effect, en de kleur verandert daarop, wat een levendige en betrokken gebruikerservaring creëert.
Naast een paar kleurblokken zijn er geen andere decoraties op de hele pagina, volgt het ontwerpprincipe van minimalisme.
De belangrijkste les voor inspiratie
Klik op een geval willekeurig - laten we Mailchimp als voorbeeld nemen. We kunnen zien dat de merknaam de hele homepage inneemt. De vetgedrukte zwarte lettertype en de gele achtergrond vormen een scherp contrast. Het voordeel van deze ontwerp is dat het snel aandacht kan trekken en de aandacht van de gebruiker richt op de op de website weergegeven inhoud.
Schuif je muis, en je zult ontdekken dat haar portfolio verschilt van andere traditionele portfolio's. Karina gebruikt een horizontale scrollformaat. Bij gevalanalyse, waarin tekst en afbeeldingen bewust gescheiden zijn - een pagina toont tekst, terwijl een andere afbeeldingen toont, blijft ze trouw aan het minimalisme.
In vergelijking met andere ontwerpers is haar gevalanalyse eenvoudiger en duidelijker. Dit is ook het meest opvallende kenmerk van haar portfolio, maar zelfs een eenvoudig werkweergave is voldoende om een sterke gevoel van professionaliteit en stijl over te brengen.
06.Elizabeth Lin
Elizabeth Lin is een UX/UI ontwerper met een flair voor het creëren van intuïtieve digitale ervaringen die de behoeften en toegankelijkheid van gebruikers prioriteren.
Elizabeth's portfolio is een perfect voorbeeld van verhalen vertellen. De navigatiebalk is eenvoudig en intuïtief. De combinatie van een roze achtergrond en zwarte tekst vormt een scherp contrast, wat er lieflijk uitziet terwijl het leesbaarheid verhoogt.
Ze toont ons zes gevallen, en elk geval kaartje heeft hover effecten. Wanneer je de muis over het geval kaartje houdt, verschijnt er een emoji animatie effect, wat de gebruikersinteractie verhoogt en gebruikers dichter bij elkaar brengt.
De belangrijkste les voor inspiratie
Neem het In-class review spel als voorbeeld.
Zoals vermeld aan het begin, is het grootste kenmerk van haar gevalanalyse verhalen vertellen. Ze deelt de achtergrond van het hele ontwerp, de oorsprong van het ontwerp, en het specifieke werkomvang in veel delen, en presenteert ze stap voor stap.
Haar teksttaal is zeer toegankelijk en gemakkelijk te begrijpen. Ze houdt er ook van om sommige emojis veel te gebruiken en voegt soms aantekeningen aan beide zijden van de pagina toe om haar gevoelens uit te drukken. Deze ontwerpen hebben een dichtere verbinding met het publiek gecreëerd, alsof je met je vrienden praat.
Ze heeft ook veel afbeeldingen en video's opgenomen in elk deel van de beschrijving om het publiek beter te laten begrijpen wat ze zegt.
07.Robin Nogiuer
Robin Nogiuer is een Franse ontwerper en illustrateur en ze is goed in het maken van speelse en minimalistische visuele elementen.
Robin's portfolio website is een levendige en betrokken showcase, met een mix van zeer verzadigde kleuren en koele animatie-effecten. Verticale scrollanimatie en tekst fade-ins zijn gebruikt in haar portfolio website. Dit ontwerp ziet er levendig, interactief en aandacht trekken uit.
Tegelijkertijd maakt eenvoudige en gebruiksvriendelijke navigatie het gemakkelijk voor het publiek om te vinden wat ze zoeken.
De belangrijkste les voor inspiratie
Laten we SnickSnack als voorbeeld nemen.
De overige opmaak van afbeeldingen en tekst van de gevalanalyse is goed gestructureerd, met een gevoel van hiërarchie en duidelijke logica, waardoor het publiek het gemakkelijker kan volgen.
Tegelijkertijd helpen animatie-effecten bij het verbeteren van de gebruikerservaring en het versterken van de leesbaarheid van de inhoud.
Een uitstekend kenmerk van Robin's portfolio is haar toegankelijke schrijfstijl. Ze gebruikt een verhalend verhaal om haar hele project te vertellen alsof ze met een goede vriend praat, wat haar dichter bij het publiek brengt. Ze vertelt de achtergrond van het project aan het publiek, deelt haar ontwerpsamenstellingen en methoden, en benadrukt hoe haar ontwerpvormen de gebruikerservaring kunnen verbeteren en wat ze heeft geleerd uit het hele project.
Wat interessant is, is dat haar werken zo vriendelijk zijn als haar persoonlijkheid. Tijdens het ontwerpproces benadrukt ze altijd hoe je het ontwerp kunt laten communiceren en verbinden met gebruikers, en hoe je intieme en interessante gesprekken met gebruikers kunt hebben. Dit reflecteert volledig haar ontwerpkoncept, wat op zijn beurt potentiële klanten helpt om een dieper begrip te krijgen van haar persoonlijke stijl en krachten en het stimuleert tot samenwerking.
08.Saloni Joshi
Saloni Joshi is een UI/UX ontwerper met een sterke focus op het creëren van inclusieve en gebruiksvriendelijke digitale producten die gericht zijn op diverse doelgroepen.
Soloni’s portfolio volgt het principe van minimalisme. De homepage heeft een eenvoudige zelfintroductie en integratie van sociale media. Haar zelfintroductie met een persoonlijke toon maakt mensen dichter bij elkaar. Het portfolio bevat verschillende belangrijke delen, waaronder titelverklaringen en kaartweergaven. Witte achtergrond en zwarte vetgedrukte titels verbeteren leesbaarheid en toegankelijkheid.
De belangrijkste les voor inspiratie
We kunnen het geval van Sam’s Club als voorbeeld nemen.
Het is niet moeilijk om te zien dat het ontwerp nog steeds het principe van minimalisme volgt. Ze kiest wit, zwart en groen als kleurcombinatie voor de website.
In deze casusanalyse introduceert ze de huidige situatie van Sam’s Club en de problemen waar het mee te maken heeft. Bij het aanpakken van bestaande problemen analyseerde de ontwerper de kenmerken van andere belangrijke spelers en leerde van hen. Ze gebruikt tekst en afbeeldingen om elke ontwerpproces in detail te tonen, evenals de resultaten en belangrijke metingen die zijn behaald.
Ze benadrukt ook belangrijke tekstinformatie, wat de kijker helpt om een dieper begrip te krijgen van de ontwerper en haar werk. Deze ontwerpen verbeteren ook de leesbaarheid van de inhoud en de gebruikerservaring.
09.Archit Saxena
Archit Saxena is een grafisch ontwerper die gespecialiseerd is in zuivere, moderne ontwerpen die nadruk leggen op duidelijkheid en effectieve communicatie
Archits pagina begint met subtiel geanimeerde ontwerpsamples. De navigatie is eenvoudig en gebruiksvriendelijk, met haar grote werken, vaardigheden, enz.
Op de homepage kunnen we zien dat ze drie projecten in haar portfolio heeft opgenomen, met een breed scala aan thema's, niet alleen gerelateerd aan zorg, maar ook aan AI ontwerptools. Ze samenvat elke project met een duidelijke zwarte titel om de kijker te laten weten wat het inhoudt van haar werk.
De belangrijkste les voor inspiratie
Neem klinische transformatietools als voorbeeld.
Aan het begin legt ze direct de goede resultaten uit die haar ontwerp heeft behaald, wat de aandacht van de kijker heeft getrokken.
Daarna gebruikt ze tekst en afbeeldingen om een gedetailleerd overzicht te geven van het hele ontwerpproces, inclusief haar rol en verantwoordelijkheden, de uitdagingen die ze tegenkwam, welke methoden ze gebruikte voor onderzoek, hoe ze designsoftware gebruikte om prototypes te maken, hoe ze met het team werkte, etc., evenals enkele belangrijke metingen.
Daarnaast presenteert Saloni verschillende voor- en na-afbeeldingen, benadrukt belangrijke tekstinformatie om het begrip te versterken. Deze casusanalyses kunnen niet alleen de professionaliteit van de ontwerper tonen, maar ook de leesbaarheid en gebruikerservaring verbeteren.
Bovendien vermeldt de ontwerper ook veel van haar vaardigheden, wat de professionaliteit van de ontwerper kan tonen en de vertrouwen van de kijker in de ontwerper kan vergroten.
10.Siriveena Nandam
Siriveena Nandam is een digitale ontwerper bekend om haar innovatieve gebruik van kleur en typografie, die visueel indrukwekkende en onvergetelijke gebruikersinterfaces creëert.
Siriveenas stijl volgt ook het minimalisme-principe. De navigatie is eenvoudig en direct. Het grijze achtergrondcontrast met de duidelijke zwarte titel.
De keuze van verschillende fonten creëert ook een duidelijke hiërarchie. Ze introduceert zich kort op de homepage en vermeldt vijf projecten. De algemene stijl van het portfolio is eenvoudig, maar zeer professioneel.
De belangrijkste les voor inspiratie
Neem NASA als voorbeeld. De pagina volgt het minimalisme-principe. Het probleem, de oplossing en de rol van het project zijn goed georganiseerd in de vorm van een tabel.
Deze casusanalyse is rijk aan inhoud, inclusief veel afbeeldingen en tekstverklaringen. Ze legt elk ontwerpstap in detail uit aan de kijker, van de initiële onderzoek tot het ontwerpen van de prototype, en vervolgens tot het testen en verifiëren. Het hele proces is gedetailleerd en rijk aan inhoud.
Daarnaast introduceert ze ook de methoden die zijn gebruikt in het onderzoek en hun resultaten. Deze inhoud wordt vergezeld door veel hoogwaardige afbeeldingen om gebruikers te helpen om het te begrijpen. Dit kan helpen om de kijker beter te laten waarderen haar ontwerpstijl, professionaliteit en haar vermogen om problemen op te lossen.
Klik hier om je site te bouwen
Conclusie
Deze zijn de top 10 UX-ontwerperportfolios die ik wil introduceren. Ik vraag me af of ze je hebben geïnspireerd. Je portfolio is niet alleen een map die alle je werk bevat, noch is het alleen een tool voor weergave. Het is belangrijker, je portfolio spreekt voor je. Het vertegenwoordigt je stijl, esthetiek, ontwerphouding en filosofie. Je kunt communiceren met je publiek via je portfolio zodat ze je zien, kennen en vertrouwen op je.
Het is niet moeilijk om je portfolio te maken. Je kunt een aantal AI-tools gebruiken, zoals Wegic. Maar belangrijker is dat je duidelijk denkt: Waarom maak je de portfolio? Wat wil je laten zien aan je publiek? Hoe wil je dat ze je door je portfolio waarnemen? Met deze vragen in gedachten, ben je klaar om een portfolio te maken dat echt jou vertegenwoordigt.
Geschreven door
Kimmy
Gepubliceerd op
9 apr 2026
Deel artikel
Lees meer
Onze nieuwste blog
Webpagina's binnen een minuut, aangedreven door Wegic!
Met Wegic kun je je behoeften omzetten in prachtige, functionele websites met geavanceerde AI
Gratis proefversie met Wegic, bouw je site in een klik!