Casestudy-pagina's, wachtwoordbeveiliging voor NDA-werk en volledige CSS-controle. Op uw eigen domein.
15 dagen gratis proefperiode · Geen kaart nodig
De basis
Een UX-portfolio website is een site op je eigen domein waar elk project een casestudy is in plaats van een afbeelding: de briefing, het onderzoek, de beslissingen die je hebt afgewezen en de schermen die je hebt opgeleverd. Recruiters lezen het om te zien hoe je denkt, niet wat je kunt renderen.
De meeste portfolio-tools pakken dat slecht aan. Programma's die zich primair richten op galerijen geven je een raster en een lightbox, wat prima is voor een fotograaf, maar niet voor een ontwerper die onder elk project duizend woorden aan procesbeschrijvingen nodig heeft.
Waarom Pixpa
Pagina's, niet alleen galerijen
Een complete paginabouwer met contentblokken voor tekst, afbeeldingen, video's en embeds, plus aangepaste CSS en HTML bij elk abonnement voor het geval de editor niet meer toereikend is.
Wachtwoordbeveiliging op elke pagina
Vergrendel een NDA-casestudy en geef het wachtwoord aan één recruiter. Beschikbaar voor alle abonnementen, op individuele pagina's of voor de hele website.
Uw eigen domein
Een gratis aangepast domein voor het eerste jaar bij jaarlijkse facturering, of koppel een domein dat u al bezit.
De vraag werd beantwoord door een persoon.
live chat, 24/7, bemand door mensen die de editor gebruiken.
"De leercurve was vrijwel nihil. Je leerde in een handomdraai hoe je je eigen website bouwt."
Case Studies
Elk project krijgt een eigen pagina en lay-out. Je kunt een hero-frame, drie alinea's over het onderzoek, een wireframe-reeks, een geannoteerde voor- en na-vergelijking en vervolgens de meetwaarde die is veranderd, naast elkaar plaatsen. Je kunt de elementen naar wens herschikken door ze te verslepen.
Aangepaste CSS is standaard inbegrepen bij elk abonnement en aangepaste HTML is beschikbaar in de editor, zodat een Figma-prototype, een Loom-walkthrough of een scroll-geactiveerde interactie als een ingesloten element kan worden ingevoegd in plaats van als een screenshot.
Als de casestudy te lang is, verdeel hem dan over meerdere pagina's en plaats links ertussen.
Eerlijk antwoord
Ontwerpers stellen deze vraag als eerste. Aangepaste CSS is standaard inbegrepen bij elk abonnement, waardoor je een sjabloonregel kunt overschrijven in plaats van eromheen te werken. Bovendien is de HTML bewerkbaar in de editor. Tekstgrootte, afstand, raster en blokvolgorde kunnen allemaal worden aangepast zonder de code te hoeven wijzigen, en desktop en mobiel kunnen afzonderlijk worden gestyled. Een sjabloon is een startpunt dat je later kunt wijzigen zonder content te verliezen, geen container waar je aan vastzit.
Onder geheimhoudingsverklaring
Het meeste UX-werk op hoog niveau valt onder een geheimhoudingsverplichting, en de gebruikelijke oplossing is om het vaag te beschrijven en te hopen dat de lezer de rest zelf invult. Dat doen ze niet.
Pixpa Ondersteunt wachtwoordbeveiliging op individuele pagina's en op complete websites, in elk abonnement. Plaats twee openbare casestudy's op de publieke website, beveilig de fintech-redesign met een wachtwoord en stuur dat wachtwoord naar de hiring manager die erom gevraagd heeft. Wijzig het wachtwoord wanneer het proces is afgerond.
Voor werk dat je uitvoert in plaats van laat zien, klant galerijen Voeg toegangscontrole, activiteitsregistratie en automatische vervaldatum toe.
Waarom niet Dribbble?
Behance en Dribbble zorgen ervoor dat je gezien wordt. Maar ze leveren je geen domein op, geen casestudy die langer is dan een korte beschrijving, en geen wachtwoord voor je werk onder een geheimhoudingsverklaring. Bovendien ranken ze op hun eigen naam, niet op die van jou.
De meeste ontwerpers beheren beide platforms: de voorbeelden verschijnen op Dribbble, de casestudy's staan op een eigen website en het profiel is via een link te bereiken.
Voorbeelden
Live websites van UX-designers, UI-designers en productdesigners. Open er een en bekijk wat er echt toe doet: hoe de casestudy eruitziet op een telefoon.
Design
Pixpa heeft 200+ De sjablonen in de bibliotheek zijn geselecteerd en er zijn er 18 gefilterd voor UI- en UX-werk. Ze zijn ontworpen voor lange projectpagina's met veel witruimte, niet voor een hoge beelddichtheid.
Niets aan een template is vaststaand. Verplaats elk blok, verander de lettergrootte, schrijf aangepaste CSS, bewerk de HTML. Wissel van template nadat de site live is, zonder inhoud te verliezen.
Als je UI-kits, iconensets of ontwerpcursussen verkoopt, beheert de webwinkel de digitale downloads op dezelfde site. PixpaDe commissie van [naam bedrijf] op elke verkoop is nul.
“Prachtige ontwerpsjablonen, gebruiksvriendelijk en gemakkelijk te beheren, flexibiliteit om de standaardinstellingen van de sjablonen aan te passen.”
Stap voor stap
Zes stappen. Ongeveer een weekend, als de casestudies al geschreven zijn.
Kies drie projecten.
Drie diepgaande casestudies zijn beter dan negen oppervlakkige. Als je een beslissing die je over een project hebt genomen niet kunt uitleggen, is het project nog niet klaar voor publicatie.
Schrijf de casestudies voordat je een aannemer inschakelt.
Probleem, beperking, wat je hebt geprobeerd, wat je hebt uitgebracht, wat het heeft veranderd. Het schrijven is het moeilijkste en geen enkel sjabloon kan een zwakke tekst corrigeren.
Kies een sjabloon.
Filter op UI- en UX-werk en beoordeel het vervolgens op hoe een lang tekstblok leest, niet op de hero-afbeelding op de homepage.
Bouw één complete casestudypagina.
Zorg dat je er één goed hebt, en kopieer die vervolgens. Een consistente structuur in alle projecten maakt een portfolio overzichtelijk en makkelijk te scannen.
Vergrendel het NDA-werk.
Stel een wachtwoord in voor die pagina's en schrijf een korte, openbare samenvatting van één regel waarin staat dat het onderzoek bestaat en hoe men toegang kan aanvragen.
Koppel je domein en stel de metadata in.
Gebruik de SEO Manager om paginatitels en -beschrijvingen te schrijven voordat je de link deelt, en verstuur deze vervolgens.
15 dagen gratis proefperiode · Geen kaart nodig
Standaarden
Zes dingen onderscheiden een portfolio dat een terugbelverzoek oplevert van een portfolio dat genegeerd wordt. Geen van deze dingen heeft te maken met de visuele perfectie.
Begin elke casestudy met de uitkomst.
Iemand die een stapel sollicitaties doorneemt, besluit of hij je project leest vanaf de eerste regel, niet vanaf de derde alinea. Beschrijf daar wat er veranderd is: de meetmethode, de lancering, de beslissing die is teruggedraaid. Het onderzoeksverslag verdient pas daarna de aandacht, niet ervoor.
Drie casestudies, geen negen.
Volume leest als een archief. Drie projecten die je in een sollicitatiegesprek kunt verdedigen, klinkt als een beoordeling, en beoordeling is waar het om draait bij het aannemen van personeel. Alles waarover je niet twintig minuten lang ondervraagd wilt worden, moet van de site verwijderd worden.
Laat het werk zien dat je hebt afgewezen.
De afgewezen richting is het enige onderdeel van een portfolio dat bewijst dat er een weloverwogen beslissing is genomen en niet dat je er per ongeluk in bent beland. Een UI-galerij toont het uiteindelijke scherm. Een UX-portfolio toont de twee schermen die je hebt afgekeurd en waarom. Dit is het duidelijkste onderscheid tussen de twee, en de meeste portfolio's slaan dit onderdeel over omdat het afgewezen werk lelijk is.
Schrijf het zo dat ook iemand zonder ontwerpachtergrond het kan volgen.
Het eerste scherm waarop je te zien krijgt, is vaak een recruiter of een hiring manager van een andere afdeling. Vakjargon dat voor een andere ontwerper competentie uitstraalt, klinkt voor hen als ruis. Definieer de beperking in duidelijke taal voordat je de methode benoemt.
Zorg ervoor dat het prototype niet het dragende element wordt.
Ingesloten Figma-prototypes zijn traag op mobiele apparaten, werken niet meer wanneer een bestand wordt verplaatst en falen volledig achter sommige bedrijfsfirewalls. Begin met statische frames die het argument op zichzelf al duidelijk maken, en plaats het live prototype eronder als bonus in plaats van als bewijs.
Geef aan welke functie je ambieert en hoe we contact met je kunnen opnemen.
"Open voor senior product designfuncties, in het VK of op afstand" neemt de ene vraag weg die mensen ervan weerhoudt contact op te nemen. Dubbelzinnigheid wordt geïnterpreteerd als onbereikbaarheid.
Het afwijzen van werk is waar de meeste UX-portfolio's de kans op een terugbelverzoek verliezen, en het kost niets om dat te verhelpen.
Veelgestelde vragen
Alles wat je verder nog wilt weten voordat je begint. Nog steeds nieuwsgierig? De live chat is geopend. 24/7.
Drie casestudy's is de standaard voor de meeste functies, vier is het topniveau. Elke casestudy moet een duidelijk omschreven probleem bevatten, jouw daadwerkelijke bijdrage moet apart van die van het team worden benoemd, en er moet een resultaat worden vastgesteld. Een vierde, minder gedetailleerde casestudy verzwakt de drie sterke casestudy's ernaast.
Plaats de casestudy op een met een wachtwoord beveiligde pagina en geef het wachtwoord alleen aan degenen die erom vragen. PixpaWachtwoordbeveiliging werkt op individuele pagina's en op complete websites, bij elk abonnement. Laat op de openbare website een korte samenvatting van één regel achter waarin staat dat het onderzoek bestaat en hoe toegang kan worden aangevraagd.
Pixpa Het platform biedt een gratis proefperiode van 15 dagen zonder creditcard en daarna een geld-terug-garantie van 30 dagen. Er is geen permanent gratis abonnement. Er bestaan wel gratis portfolio-hostingproviders, maar die plaatsen hun eigen merk op je werk en behouden het domein. Dit betekent dat de website waar je een weekend aan hebt gewerkt, reclame maakt voor iemand anders.
Nee. Je begint met een sjabloon en wijzigt wat je wilt. Aangepaste CSS is standaard inbegrepen bij elk abonnement en de HTML is bewerkbaar als je dat wilt, maar een complete casestudy-website kan worden gebouwd zonder iets aan te raken.
Een UI-portfolio toont afgerond interface-werk en wordt beoordeeld op vakmanschap. Een UX-portfolio laat de redenering zien die eraan ten grondslag ligt en wordt beoordeeld op de genomen beslissingen. De meeste ontwerpers hebben één website nodig die beide laat zien: de schermen tonen het vakmanschap, de casestudy de onderliggende redenering.
Lang genoeg om de beslissingen te laten zien, kort genoeg om gelezen te worden. De sterkste argumenten worden onderbouwd met afbeeldingen en bijschriften in plaats van lange alinea's, zodat de lezer de redenering kan volgen door te scrollen. Als een onderdeel de mening van de lezer over je oordeel niet verandert, schrap het dan.
Het hangt ervan af wat de website verder nog moet doen. UXfolio is het meest geschikt als een portfolio de enige website is die je ooit nodig zult hebben. Framer en Webflow bieden de meeste controle, maar kosten ook de meeste tijd om ze op te zetten. Pixpa Dit is de snellere route als je casestudies, een blog en een webwinkel op één domein wilt hebben, met wachtwoordbeveiliging op elke pagina.