UX-design portfolio voorbeelden

De meeste websites hebben een korte projectindex op de homepage, gevolgd door een aparte pagina per casestudy. Drie tot vijf projecten is gebruikelijk. De index bevat een miniatuurafbeelding, de projectnaam en een korte omschrijving van het probleem. De pagina's met casestudy's zijn lang en combineren schermafbeeldingen, diagrammen en schriftelijke toelichtingen. Bekijk de live voorbeelden op deze pagina om het patroon binnen verschillende specialismen te zien.

Casestudies met een duidelijk omschreven probleem en een omschreven resultaat, een korte 'Over mij'-sectie waarin je aangeeft naar welk soort werk je op zoek bent, en contactgegevens die vanaf elke pagina bereikbaar zijn. Productdesignportfolio's bevatten meestal meer informatie over de beperkingen: wat het bedrijf nodig had, wat er is opgeleverd en wat er is geschrapt. Procesartefacten zoals persona's en customer journey maps zijn optioneel en zelden de reden dat iemand wordt aangenomen.

Drie tot vijf, goed verteld, is beter dan tien samengevat. Een beoordelaar die zes kandidaten bekijkt, opent één of twee casestudies per portfolio. De diepgang van het eerste project is daarom belangrijker dan het totale aantal. Schrap alles waarover je niet in een sollicitatiegesprek vragen wilt krijgen.

Laten we meteen ter zake komen. Een goed UX-portfolio presenteert het probleem op het eerste scherm van een casestudy, toont de beperking die het lastig maakte en benoemt wat er veranderd is. Zwakke portfolio's beginnen met een hero-animatie en presenteren de onderbouwing pas vier keer lager. De sterkste voorbeelden op deze pagina volgen dit patroon, ongeacht de gebruikte template.

Een UI-portfolio wordt beoordeeld op vakmanschap: typografie, spatiëring, kleurgebruik, componentensystemen en de samenhang tussen de schermen. Visueel kan het zwaarder wegen dan tekst. Een UX-portfolio wordt beoordeeld op de onderliggende redenering en heeft een geschreven casestudy nodig. Veel ontwerpers leveren één website af die beide aspecten combineert, met een focus op visueel werk en links naar uitgebreide casestudy's.

De focus verschuift van gebruikersprobleem naar bedrijfsprobleem. Voorbeelden van productdesignportfolio's beginnen vaak met de meetwaarde die is veranderd, de afwegingen die zijn gemaakt en de scope die is ingekort om het product te kunnen lanceren. UX-portfolio's leggen meer de nadruk op de onderzoeksmethode. De structuur van de website is meestal identiek: een korte index, gevolgd door lange pagina's met casestudy's.

De meeste onderzoeksfuncties vereisen een onderzoeksportfolio, en het is doorgaans lastiger om er een samen te stellen dan een voor een ontwerper. Onderzoeksportfolio's bevatten de methode, de steekproef, de synthese en de beslissing die het werk heeft beïnvloed, met veel minder schermen om te laten zien. Wachtwoordbeveiliging is hierbij nuttig, omdat onbewerkt onderzoeksmateriaal vaak niet gepubliceerd mag worden.

Ja. Pixpa Inclusief wachtwoordbeveiliging voor complete websites of individuele pagina's, bij elk abonnement, zodat een casestudy achter een wachtwoord kan worden geplaatst dat u deelt met een recruiter, terwijl de rest van het portfolio openbaar blijft. Ontwerpers anonimiseren ook de klant, vervagen echte gegevens en beschrijven het probleem zonder de accountnaam te noemen.

Ja. Pixpa Elk abonnement bevat een drag-and-drop HTML-, JS- en CSS-blok, plus code-injectie op paginaniveau. Zo kunnen een Figma-embedcode, een Framer-prototype, een Loom-walkthrough of een CodePen direct in een casestudypagina worden geplaatst. Aangepaste CSS is ook bij elk abonnement inbegrepen, waardoor de template een startpunt is in plaats van een vaste lay-out.