Din portfölj är den digitala motsvarigheten till ett CV. Det är där du får visa upp alla dina färdigheter, kunskaper och erfarenheter på ett sätt som potentiella arbetsgivare enkelt kan bläddra igenom för att se om du är rätt för jobbet.
Men precis som ett riktigt CV måste din portfölj vara väldesignad och professionellt presenterad för att imponera. Här är några designtips för att få din portfölj att se fantastisk ut.
1. Inkludera vitt utrymme mellan designelement
När du bygger en portfölj är det frestande att stoppa in allt. Men om du vill ha ett elegant, professionellt utseende för att locka en potentiell kund eller rekryterare, vill du arbeta i lite vitt utrymme och se till att ditt innehåll är snyggt fördelat på sidan.
Vitt utrymme betyder det tomma (negativa) utrymmet mellan designelement. Det hjälper till att skilja olika typer av innehåll från varandra. Säg, om du har en bild på vänster sida av en sida och ett stycke på höger sida, gör det vita utrymmet mellan dem tydligt var en slutar och nästa börjar.
I grund och botten hjälper det att ha din design, text eller bildelement spridda ut över sidan på ett organiserat sätt. Detta hjälper besökare att enkelt skanna ditt innehåll och förhindrar också att det ser rörigt eller överväldigande ut.
2. Välj ett tema som matchar det du gör
När det gäller att skapa en portföljwebbplats finns det inget rätt sätt att göra det. Du måste tänka på vad du försöker visa upp och vad dina mål är.
Om du till exempel är en fotograf, välj ett tema med massor av vitt utrymme och väldesignade fotogallerier. Om du är en författare och vill att folk ska läsa dina artiklar, kanske du vill välja ett bloggformat eller tema med lättlästa avsnitt.
Det finns gott om gratis portföljwebbplatsskapare där ute som kan hjälpa dig att enkelt bygga en portfölj utan att lägga timmar på kodning. Det är värt att titta runt och prova några olika för att se vilken som fungerar för dig.
3. Skaffa rätt typsnitt eller typsnitt för din portfölj
Du skulle behöva överväga flera faktorer när du väljer ett typsnitt för webbdesign, såsom läsbarhet, läsbarhet, känslor och ton, för att bara nämna några. Vissa typsnitt är bra för titlar och rubriker, men inte så bra när det kommer till brödtexten.
Det är viktigt att du förstår hur du väljer ett rätt typsnitt för dina kreativa projekt. Ibland är det vettigt att välja flera teckensnitt för olika textelement. Som sagt, ett enda typsnitt kan också fungera över flera områden på din webbplats, skapa sammanhållning och en övergripande tilltalande visuell upplevelse.
Till exempel, om du funderar på att bygga en affärsinriktad portföljwebbplats, då något populärt som t.ex Helvetica (eller Arial) kommer förmodligen att fungera bra. Men om du vill ha något mer avslappnat och personligt med lite konstnärlig känsla, dåBogart eller Argesta kan vara bättre val.
Dessa typsnitt kan ge din webbplats lite personlighet och verkar mindre kvav. De kanske också passar bättre med estetiken hos andra bilder på din webbplats, vilket kan bidra till att skapa en starkare övergripande designeffekt. För att hjälpa dig göra bättre val av typsnitt har vi sammanställt en lista med strategier som hjälper dig att välja vilka typsnitt du ska använda och hur man kopplar ihop dem.
4. Använd professionella huvudbilder och bilder
Din profilbild kommer att vara det första folk lägger märke till när de besöker din portfölj. Använd ett professionellt foto som visar dig på bästa möjliga sätt – leende och avslappnad. Se till att du har en väl upplyst bakgrund för att dina profilbilder ska se bra ut.
När det kommer till bilder, se till att alla bilder är av hög kvalitet och väl beskurna. Om det finns delar av en bild som inte fungerar för dig, försök göra ändringar med hjälp av fotoredigeringsverktyg online.
5. Visa upp ditt arbete med en kortlayout
Om du vill se till att folk får en bra känsla för ditt arbete utan att behöva gräva för djupt, överväg att använda en kortlayout för din webbplats. Det här är ett enkelt rutnät som är lätt för ögat att följa, och det låter dig lägga in rätt blandning av bilder och text utan att överväldiga besökarna.
Kort är som små paket med information som lyfter fram de viktigaste delarna av ett projekt, så du kan konsumera det snabbt och enkelt utan att vada igenom en massa annat innehåll. Detta gör att besökare kan lära sig mer om ditt innehåll på ett bra sätt. De hjälper också din webbplats att se snygg ut!
Om du har flera delar av arbete, överväg att göra separata sidor för varje projekt, så att det inte blir överväldigande med för mycket information på ett enda kort. Denna layout möjliggör mer kreativitet och flexibilitet, vilket är viktigt när man försöker lyfta fram en mängd olika projekt.
6. Dra fördel av visuella hierarkimönster
En av de viktigaste designkoncepten att tänka på när man skapar en portfölj är visuell hierarki. Visuell hierarki är ett konstigt arrangemang av element på en sida. Ett sätt att säkerställa detta är att använda färgkontrast och skala. Det betyder att du kan göra vissa designelement större än andra, eller använda fler färger i specifika designelement jämfört med andra.
Det finns vanligtvis två sätt som besökare skannar en sida – ett F-mönster (perfekt för texttunga webbsidor) och ett Z-mönster (för sidor med mer visuella effekter). Det är viktigt att ha dessa mönster i åtanke när du utformar din portfölj eftersom det kommer att hjälpa dig att rikta dina besökares uppmärksamhet till den viktigaste informationen på varje sida.
Genom att till exempel organisera element i ett F-format mönster kan du se till att besökarna ser det du vill att de ska se först. Överst till vänster på varje sida vill du inkludera något som får dig att sticka ut från andra kandidater – ditt namn eller en huvudbild. I det nedre vänstra hörnet på varje sida kan det vara till hjälp för besökare att se kontaktinformation så att de snabbt kan nå dig om de är intresserade av att lära sig mer om att arbeta med du.
7. Kontrollera text- och färgkontraster för läsbarhet
När du justerar element för att få dem att se snygga ut, glöm inte att kontrollera text-kontrastförhållandet mellan dina teckensnitt och bakgrundsfärg. Textkontrast är skillnaden mellan ljusa och mörka färger på en skärm.
De WebAIM färgkontrastkontroll verktyg kan hjälpa dig att skapa tillgängligt och läsbart innehåll för besökare, särskilt för dem med synnedsättning. Verktyget hjälper till att kontrollera färgkontrasten för din text och andra element mot Web Content Accessibility Guidelines (WCAG).
Tumregeln för ett färgförhållande med hög kontrast är 4,5:1 för normal text och 3:1 för större text (som rubriker eller titlar). När du har matat in förgrunds- och bakgrundsfärgerna med hjälp av reglaget eller RGB-värdena kommer verktyget med kontrastförhållandet för att kontrollera om dina webbsidor är tillgängliga och läsbara.
8. Optimera din portfölj för mobila enheter
En majoritet av onlinetrafiken kommer nuförtiden från mobila enheter. Att optimera dina bilder är ett bra ställe att börja, liksom att se till att du inte laddar för många teckensnitt eller kör för många plugins.
Om du gör en anpassad webbplats måste du göra det använda responsiva designprinciper för att din portfölj ska se bra ut på alla enheter, inklusive mobila enheter. Det innebär att se till att din webbplats ser bra ut och fungerar korrekt, oavsett storleken på skärmen den visas på. Slutligen måste du kontrollera om alla element är interaktiva – inklusive knappar och andra klickbara objekt.
9. Visa upp din personlighet i designval
När du skapar din portfölj, var inte rädd för att lägga till lite av din egen unika personlighet i mixen. Om du till exempel är en apputvecklare, försök att inkludera lekfulla element i dina gränssnitt.
Om du är en designer har du förmodligen en affinitet för ljusa färger som gör att du sticker ut från resten. Om du har arbetat med formella projekt eller företagsprojekt tidigare, kanske du vill skapa en passion för att skapa en ren, minimalistisk estetik. Det är viktigt att du låter några av dina karakteristiska stilar skina igenom i färg- och stilval för din portfölj. Det är det som får ditt arbete att verkligen lysa.
Bygg en portfölj som dina potentiella kunder kommer att älska
Sammanfattningsvis, var inte rädd för att testa nya teman och bli kreativ. Ta reda på vad som fungerar för dig, inte bara när det gäller dina personliga preferenser, utan också dina mål som professionell och din målgrupp. Ju mer ansträngning du lägger på att designa din portfölj, desto bättre resultat får du.
I slutändan bör det återspegla vem du är, och dina intressen och ansträngningar. Det bör ge potentiella arbetsgivare eller kunder en god känsla för vilken typ av arbete du utför. Använd dessa designtips till din fördel – det är ett bra sätt att bli uppmärksammad.
7 webbplatser för författare att skapa en portfölj
Läs Nästa
Relaterade ämnen
- Arbete & Karriär
- Online portfölj
- Återuppta
- Karriärer
Om författaren

Cheryl är en innehållsskapare och strateg med fokus på livsstil, mobilapplikationer och digitala medier. Hon har granskat tekniska produkter och applikationer för innehåll, användbarhet och tillgänglighet. Hon arbetar nära individer och företag för att designa kampanjer som kopplar varumärken till kunder med hjälp av lämplig blandning av ord och bild.
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera