Att bygga din portfölj är en tidskrävande och kritisk uppgift i din karriär som webbdesigner. Använd dessa framstående exempel för att guida dig genom processen att utveckla din webbdesignportfölj.
En webbdesignportfölj är en samling handplockade projekt och fallstudier som en designer använder för att demonstrera sitt finaste och mest lovande arbete för potentiella kunder eller företag.
Portföljer ses som en introduktionspunkt i webbdesignbranschen, eftersom de ger designers sin första chans att presentera sig själva, sin personlighet, sin kreativa stil och professionalism, bland annat.
Portföljer av webbdesign kan bestå av riktiga webbplatser skapade av designern, exempelprojekt, fallstudier, webbdesignmallar eller till och med mindre tillgångar som typsnittsdesign, illustration och logotypdesign.
Som blivande webbdesigners är det dags för oss att ha ett fast grepp om hur webbdesignportföljer kan hjälpa oss att avancera våra karriärer som designers, såväl som de strategiska tankar och förberedelser som krävs för att skapa en tilltalande, komplex designportfölj.
Låt oss kolla in några exempel.
Innehåll
- 7 bästa webbdesigners webbplatser
- Varför behöver designers en webbdesignportfölj?
- Hur gör du din webbdesignportfölj enastående?
- Vad ska du inkludera på din webbdesignportföljwebbplats?
- Vad måste du inkludera i din webbplatsportfölj?
- Vanliga frågor: Bästa webbdesignerwebbplatser 2024
- 👉 Hur mycket ska en webbdesigner ta betalt?
- ✅ Vad är en bra hemsida?
- 👉 Kan jag vara värd för min webbplats?
- 👉 Kan man skapa en hemsida gratis?
- Slutsats: Bästa webbdesignerwebbplatser 2024
7 bästa webbdesigners webbplatser
1. Ueno:
Från prisbelönta företag kan vi lära oss mycket om hur man finjusterar våra portföljwebbplatser.
De ägnar inte bara mycket tid och uppmärksamhet åt det jobb de gör för sina kunder, utan också på hur de visar det arbetet i fallstudier för att få ytterligare affärer från dessa kunder.
En väg Ueno skiljer sig från andra företag är genom deras snälla språk; notera hur de visar upp det på sin webbplats samtidigt som de berättar hela historien om hur de återuppbyggde Verve onlineupplevelse.
Förutom superb design, hur kan du annars få din portföljwebbplats att sticka ut? Är du en skicklig fotograf, en illustratör eller till och med en motion designer? Överväg att införliva dem på din webbplats.
2. Papestieliz:
Papestiellizen portfoliowebbplats är ett så fantastiskt exempel på en portfoliowebbplats.
Designen är full av liv, från de grafiska karaktärerna som representerar formgivarna bakom detta "samarbetande designpartnerskap" till mikrointeraktionerna som uppstår när du går igenom webbplatsen.
De sticker verkligen ut på grund av deras unika typsnitt och färgpalett. Fundera på hur du kan få din portföljwebbplats att sticka ut. Hur kan du glatt överraska och glädja en potentiell kund som besöker din webbplats och funderar på att anställa dig?
3. One-design företag:
Även om detta inte är en personlig portföljwebbplats utan en för ett Chicago-baserat webbdesignföretag, är det ett utmärkt exempel.
Se till att kolla in den underhållande animationen i hemsidans headerdesign; det är ett utmärkt sätt att hälsa besökare och förmedla mer information med hjälp av rörlig grafik.
I allmänhet kan du bestämma skillnaden mellan en individs portföljwebbplats och den för ett företag eller en byrå genom hur deras fallstudier presenteras.
Lägg märke till hur de nämner alla deras tjänster, som sträcker sig från användarforskning till resekartläggning, prototypframställning och interaktiv design.
Dessutom ger de betydande detaljer i sina fallstudier, som den här grafiken som visar hur de kommer fram till det optimala svaret iteration.
4. Owltastic:
Det finns så många underbara aspekter på Owltastics webbdesignportföljwebbplats. Till att börja med är varumärkesbyggande en viktig aspekt av det som gör det unikt. Med ett namn som Owltastic, hur skulle du kunna ignorera det?
Logotypen har en charmig liten uggla, en härlig färgpalett och små designdetaljer som binder samman varumärkesupplevelsen; till och med meddelandet är roligt att läsa: "Designar hela natten för att föra fram förnuftiga tankar."
Detta är ett utmärkt exempel på en ensidig webbplats, där allt finns med på hemsidan.
Vår enda kritik är att istället för att gå till Dribbble, där du inte har någon kontroll över tittarupplevelsen, hade det varit klokare att bygga en distinkt sektion på sajten och länka till den inom.
5. Adrian Z:
Du kommer säkert att vilja öppna Adrians portfölj i en ny webbläsarflik för att uppskatta alla roliga interaktioner.
Du kommer att se ett kontinuerligt mönster av en fet titel, ett subtilt öppningsstycke som ger ytterligare information om designern, en tydlig uppmaning att kontakta dem och en fantastisk portfölj med arbete.
Men den här sidan tar den till en helt ny nivå med sina högkvalitativa modeller och underbara interaktiva upplevelser.
6. Cameron Ward:
Det här är ett fantastiskt exempel på en enkel produktdesignportfölj, och den är skapad med hjälp av Webflow. Webbplatsen är förvånansvärt grundläggande, vilket är avgörande för potentiella kunder som försöker anställa en webbdesigner.
På skrivbordsversionen har designen en delad layout. Varje fallstudie upptar en stor del av skärmen i dessa enorma färgade block.
Det finns bara fem, vilket gör att vi snabbt kan bedöma deras produktdesignförmågor. Som du kommer att se i avsnittet om vad du ska lägga i din portfölj, behöver du inte en uppsjö av prover på ditt designarbete.
Det är att föredra att ge färre prover av hög kvalitet som visar bredden i ditt arbete och dina talanger. Du behöver inte visa upp alla projekt du någonsin har utvecklat; var istället selektiv och lyft fram ditt finaste arbete.
7. Dann Patty:
Dann Petty är en välkänd frilansdesigner som specialiserat sig på att skapa webbplatser och mobilapplikationer för Fortune 500-företag som Google, Airbnb, The North Face, och Uber.
Det jag gillar mest med hans hemsida är hur väldesignad hemsidan är. Till att börja med finns det ett tydligt uttalande överst som beskriver vilken typ av designarbete han är specialiserad på.
Han anspelade på tidigare klientarbete med liveuppdateringstexten för organisationer som sträcker sig från "Airbnb" till "Uber." Nedan är en härlig samling av hans arbete som du kan gå igenom för att få en känsla av hans tidigare arbete och vad han kan åstadkomma för nästa kund.
Och, kanske mest avgörande, det finns en stark uppmaning som inkluderar hans kontaktinformation, som upprepas många gånger.
Den dök ursprungligen upp som en knapp under sajtens uttalande högst upp, och den dyker upp igen efter att du har scrollat till botten och påminner dig om att han är tillgänglig för frilansarbete.
Det är OK att tillhandahålla din kontaktinformation på många platser, särskilt med tanke på portföljwebbplatsens syfte. Ta en sida från Danns hemsida och välj de mest lämpliga platserna för dig att ge din kontaktinformation.
Varför behöver designers en webbdesignportfölj?
Det finns flera övertygande skäl till varför varje webbdesigner behöver en mördande webbdesignportfölj för att sätta sin bästa fot framåt och bli rekryterad för de webbdesignuppgifter han har förberett sig för att ta itu med.
Detta gäller inte bara när det gäller att bygga upp hans rykte, utan också när det gäller att öka hans chanser att bli rekryterad för blivande projekt av hög kvalitet.
1. Definiera din designnisch eller specialitet:
Som erfarna webbdesigners förstår vi att designers ofta identifierar sig utifrån de typer av organisationer och webbplatser som de har expertis och intresse för.
Dessa designnischer kan innehålla allt från e-handelswebbplatser till nyhetssajter online till personliga tränare och terapeuter.
Potentiella kunder kommer att vilja se inte bara jämförbart arbete med vad de letar efter, utan också veta att du förstår deras sektor i termer av företagsmål och publikintressen.
Designnischer definieras inte bara av sektorer och vertikaler, utan också av webbdesigntrender och webblayouter.
Om en företagsägare till exempel är intresserad av att utveckla en webbplats med videobakgrunder och smarta rörelseeffekter, kommer de att vilja veta om du tidigare har arbetat med den sortens element.
2. Låt kunderna lära känna dig:
Ett framgångsrikt designprojekt kräver en stark koppling mellan klient och designer. Det är mer än att utveckla en delad kunskap om kundens krav och designerns kapacitet.
Det finns kommunikation inblandad, såväl som ett krav på en personlig anslutning för att "klicka".
Det är därför, när de läser din portfölj, kommer potentiella kunder att vilja lära sig om dig som person, som individ, för att förstå vem de kommer att arbeta med och den dynamik som kommer att tillföras deras team av experter.
Det bästa stället att presentera dig för dina portföljbesökare är ofta på din Om-sida, som kan ses som en mer personlig eller en-mot-en-version av den vanliga Om oss-sidan som du normalt hittar på företagswebbplatser.
Vi kommer att diskutera denna portföljkomponent mer i detalj senare i uppsatsen.
Att låta konsumenter bekanta sig med dig är mer än att bara publicera din berättelse på sidan Om.
Det handlar om att bestämma vilka aspekter av din personlighet du vill lyfta fram, till exempel din starka smak och benägenhet för livfulla färgscheman, eller din gåva för språk, vilket är tydligt i titlarna och beskrivningarna du använder i hela portfolion.
Se ditt bildval som ett sätt att förmedla din individualitet, oavsett om det är bilder av fantastiska vyer och landskap, aktuella konstverk eller bilder av dig som jobbar hårt omgiven av väggar av tankekartor. Du har ordet.
3. Kunderna har ont om tid:
Det finns också en pragmatisk anledning till att personer som söker arbete anser att projektvisningar och fallstudier är en effektivare metod för att bedöma designersökande.
Kunder som letar efter webbdesignspecialister får ibland hundratals portföljer och meritförteckningar. Tiden är kritisk, deadlines måste uppfyllas och konsumenterna vill att deras frågor åtgärdas snabbt.
Detta innebär att det är mindre lockande för folk med ett snävt schema att gå igenom sidor med förklaringar om vem du är som designer och varför din expertis är värdefull.
Snarare än så kan analys av avslutade projekt vara ett effektivt tillvägagångssätt för kunder att se om dina talanger är en lämplig matchning för deras behov.
4. Onlineportföljer visar din expertis:
När kunder vill engagera en enskild webbdesigner eller ett designföretag är de mest intresserade av att se designerns eller formgivarnas verkliga arbete.
Det är sant att kunderna vill veta vilka verktyg du använder för design, vilken designspecialitet du är specialiserad på och så vidare; men de är mer intresserade av att se arbetsprover.
När de väl ser vad du kan, kommer de att ha en bättre uppfattning om om din designupplevelse, stil och andra egenskaper är en lämplig match för det de letar efter.
Detta innebär att kunderna vill se exempel på konkreta arbeten som tidigare utförts av kreativa experter.
Kunder vill förstå din tankeprocess och hur du skulle översätta deras koncept till visuellt material samtidigt som du använder din kreativitet och designtalanger.
De vill se hur du övervinner hinder och skapar en distinkt, lättpåverkad webbplats som framgångsrikt uttrycker vem de är och vad de gör.
5. Onlineportföljer gör dig sökbar och tillgänglig för kunder:
Alla är medvetna om att idag kretsar allt kring Google.
När företag letar efter en webbdesigner, oavsett om de är specialiserade inom en viss sektor eller är baserade i en viss region, gör en lämplig internetsökning dem närmare deras alternativ.
När potentiella kunder söker efter en frilansande webbdesigner i Seattle, Washington, till exempel, kommer de sannolikt att skriva "frilansande webbdesigner i Seattle" eller något liknande.
Om din designportfölj överensstämmer med SEO-standarder är du i utmärkt skick för att skaffa den anställningen.
Hur gör du din webbdesignportfölj enastående?
Eftersom din webbplats ofta är en potentiell kunds första exponering för dig och dina kunskaper, är det avgörande för att skapa en effektiv webbplats.
Innan du väljer den första webbplatsmallen du stöter på eller börjar bygga från början, överväg din målgrupp och dina webbdesignmål. Vilka kunder och varumärken vill du arbeta med, och hur ska du attrahera dem?
Som en skicklig webbdesigner kan du fastställa din specialisering och dina mål genom att definiera din målgrupp. Tänk på vilka varumärken du vill samarbeta med. Vilka branscher eller delsektorer väcker mitt intresse?
När du har bestämt vilka sektorer som intresserar dig, kommunicera med dem genom att tydligt etablera din designspecialisering eller specialitet via enhetlig design och varumärke.
Anta att du är intresserad av att samarbeta med minimalistiska, exklusiva hållbara hudvårds- och skönhetsföretag. Du kanske dras mot dämpade pastellfärger och stilistiska serif-typsnitt.
Genom att experimentera med layout, bilder och utrymme, såväl som strategiskt placerade animationer och övergångar, kan du hjälpa till att tilltala din målgrupp.
Vad ska du inkludera på din webbdesignportföljwebbplats?
Även om din webbdesignportfölj bör vara unik för dig eller ditt designföretag, bör flera saker inkluderas i varje portfölj.
1. Kontaktsida:
Potentiella kunder kommer inte att kunna anställa dig om de inte vet hur de ska kontakta dig. Det är viktigt att ha en kontaktsida som innehåller ett kontaktformulär eller din e-postadress.
Dessutom är kontaktsidan en utmärkt plats för att lägga upp kopplingar till dina sociala medieprofiler och andra relevanta konton, som LinkedIn, Dribbble, Behance och Medium.
2. tjänster:
I det här avsnittet kan du specificera vilken typ av webbdesigntjänster du tillhandahåller. Kunder kan ha olika uppfattningar om vad ett webbdesignpaket innebär; använd därför den här sidan för att uttryckligen definiera ditt arbete.
3. Arbete/portföljsida:
Oavsett om du kallar den här sidan för arbete eller portfolio bör den lyfta fram dina bästa designprojekt och fallstudier. Kurera ditt finaste arbete – arbetet som visar både dina förmågor och vilken typ av arbete du gillar.
Inkludera omfattande fallstudier som beskriver din designstrategi för projektet och prototyper av den färdiga produkten där det är möjligt.
4. Om sidan:
Din Om-sida är just det – en sida tillägnad dig. Det här är din tid att lysa, så visa upp din personlighet och dela en del av din berättelse.
Dessutom kan du använda den här sidan för att utöka din introduktion till design och definiera vad design betyder för dig. Detta hjälper potentiella kunder att få en bättre förståelse för hur du närmar dig ditt företag.
5. Hemsida/huvudmålsida:
Hemsidan för din portföljwebbplats är kanske den mest avgörande sidan. Medan det primära målet är att locka potentiella kunders uppmärksamhet till ditt arbete och fallstudier, är det din hemsida som väcker deras intresse för din portfölj av arbete.
Integrera dina Behance-, Dribbble-, LinkedIn- och e-postkonton i din webbplatss sidfot eller navigeringsfält med hjälp av din webbplatsbyggares sociala symbolintegrering.
Detta är en allmänt accepterad affärspraxis som garanterar att din kontaktinformation visas på varje sida på din webbplats.
Det här är de grundläggande sidorna som du ser på en webbplats för ett designföretag eller en portfölj. Om du väljer en mall kommer dessa sidor ofta att ha fyllnadsinnehåll som du helt enkelt kan inkludera på din portföljwebbplats.
Vad måste du inkludera i din webbplatsportfölj?
Nu när du har sett några exempel på enastående webbdesignportföljer och de kreativa sätt på vilka de visar sitt arbete och sina förmågor. Hur kan du använda dessa data för att förbättra din portfölj eller kanske starta din portföljwebbplats?
Även om du kan skapa din portföljwebbplats vad du vill för att visa upp dina förmågor och personlighet som designer, finns det några viktiga punkter att komma ihåg. Vad du måste lägga på din portföljwebbplats är följande.
1. Visa pågående arbete tillsammans med slutresultatet:
Ge sammanhang för dina fallstudier genom att inkludera en problembeskrivning och kanske lite information om de mål du hjälpte den här kunden med via din design.
Kom ihåg att inkludera en tidslinje för din designs utveckling, från första ritningar, lågfientliga wireframes och moodboards till den slutliga designmockupen för high-fidelity-gränssnittet.
2. Skapa fallstudier:
Fundera på hur du kan presentera ditt arbete i en fallstudie när du bestämmer dig för vilket arbete som ska inkluderas i din portfolio. Istället för att visa en enda design, till exempel en design av en enda målsida, överväg hur du kan visa detta mer effektivt.
Du vill visa inte bara din designförmåga, utan också ditt värde som en strategisk kreativ partner som löser kreativa utmaningar.
3. Visa 3-5 av dina bästa arbetsexempel:
Många designers gör misstaget att lägga till varje projekt de någonsin har arbetat med i sin portfölj. Detta är ett allvarligt fel. Snarare än så vill du införliva tre till fem av dina största arbeten.
Det är att föredra att tillhandahålla färre men högkvalitativa prover än en mängd små, oavslutade och otillfredsställande exempel.
Vanliga frågor: Bästa webbdesignerwebbplatser 2024
👉 Hur mycket ska en webbdesigner ta betalt?
Att själv designa en webbplats är det billigaste alternativet. Priset varierar från $100 till $3,000 15,000 eller mer. En grundläggande skräddarsydd webbdesign från en byrå kan kosta mellan $30,000 40,000 och $75,000 XNUMX, medan mer komplexa webbplatser kostar mellan $XNUMX XNUMX och $XNUMX XNUMX+.
✅ Vad är en bra hemsida?
En väldesignad webbplats är genomsökningsbar och informerar sökmotorer om vad de kan och inte kan indexera. En bra webbplats har inte ett stort antal misstag. En utmärkt webbplats laddas mycket snabbt från vilken plats som helst på planeten. Kontrollera att du gör allt som krävs för att säkerställa att dessa sidor laddas så snabbt som möjligt.
👉 Kan jag vara värd för min webbplats?
Det kan du säkert. Detta är en mjukvara som gör det möjligt för Internetanvändare att komma åt din dators webbfiler. Din Internetleverantör gör att du kan surfa på webben från din hemdator.
👉 Kan man skapa en hemsida gratis?
Även om du kan skapa en webbplats gratis, finns det några varningar. På webbplatsbyggare saknar gratiskonton en mängd viktiga funktioner. Anpassade domäner stöds inte, och din gratissida kommer att ha annonser för webbplatsbyggaren. Om du är intresserad av att lära dig mer om att skapa webbplatser är de fria valen värda att överväga.
Snabblänkar:
Slutsats: Bästa webbdesignerwebbplatser 2024
Vi lärde oss i det här inlägget hur utveckling av en designportfölj kan göra ett bestående intryck på potentiella arbetsgivare.
Genom att göra det tar du tillfället i akt att visa (och till och med bevisa) din distinkta expertis – vilket gör det kristallklart var dina styrkor och förmågor som designer ligger.
Extremt generella portföljer innebär att designern saknar en verklig specialitet eller nisch, såväl som ett tydligt budskap i sitt arbete.
Att hitta en balans mellan att följa bästa metoder för webbdesignportfölj och inkludera din unika, unika stil och förmågor – kommer att locka potentiella kunder att undersöka din portfölj ytterligare och överväga att anställa dig för sitt nästa projekt.
