Denna sponsrade artikel skapades av vår innehållspartner, BAW Media. Tack för att du stöder partnerna som möjliggör SitePoint.
I din roll som professionell webbutvecklare är du redo för nästan vilken som helst webbutvecklingsutmaning. tjänster är inte något du är van vid.
Så mycket du älskar webbutveckling har du förmodligen aldrig tänkt på det som ett särskilt sexigt eller kreativt yrke.
Sanningen är att det inte är så svårt att sätta ihop en iögonfallande portfölj ganska enkelt när du är beväpnad med rätt verktyg, och du har ett urval av inspirerande och relevanta koncept att välja mellan.
Här är åtta kraftfulla idéer, tillsammans med 32 exempel, för att inspirera dig och göra det möjligt för dig att marknadsföra dina tjänster på din egen fantastiska portföljwebbplats.
8 idéer som gör att din webbutvecklingsportföljs webbplats sticker ut
Äga vad du gör och dela det med andra
Många om inte de flesta portföljwebbplatser har något gemensamt. På grund av deras design tar det besökarna några sekunder att ta reda på vad författaren faktiskt gör.
Och ju längre tid det tar en besökare att ta reda på vad du gör och vem du gör det desto mer sannolikt blir det att han eller hon lämnar innan de ens får en glimt av din portfölj.
Du vill låta folk veta exakt vad du gör omedelbart de landar på din hemsida, och här är några sätt att få det att hända.
Cihad Turhan
BeWebDeveloper
Denna förbyggda webbplats kristallklara rubrikmeddelande drar läsaren omedelbart in.
BeCode
Josue Espinosa
Den här killen berättar rakt ut vad han gör. Han använde till och med en skärm av kod för sitt hjälte-skott.
Enkelhet är den ultimata sofistikeringen
De flesta webbplatsbesökare gillar inte röran och vann verkligen ”t vara villig att vada igenom den för att hitta det du erbjuder. Eftersom du är stolt över din förmåga att skriva ren kod bör en ren portföljdesign också tilltala dig.
Det kommer verkligen att tilltala till dina besökare.
En ren design kommer att intyga dina färdigheter och arbetsmoral, och om du känner att det är nödvändigt kan du alltid använda färg och struktur på ett sätt som gör att din personlighet sticker ut.
Till exempel:
BeSimple2
Chris Biron
Denna frilansande digitaldesigner gjorde ett varumärke av enkelhet. Hur coolt är det?
Matthew Williams
BeCompany3
Ett perfekt exempel på hur designens enkelhet kan skapa en ren hemsida för webbplatsen som är omöjlig att ignorera
Att göra ett resumé från Blah till Wow
Resuméer är så passé. Är du inte överens?
Inte när du låter din konst eller dina produkter tala för sig själva, vilket är vad portföljwebbplatser kan göra; och spektakulärt så om du gör det rätt.
Du kan fortfarande behålla den klassiska strukturen i ett CV eftersom det är vad en läsare förväntar sig.
Använd bara lite kreativitet för att göra dina färdigheter och erfarenhet sticker ut. Lägg till några fångande bilder och / eller interaktiva element och se hur du återupptar plötsligt går från Blah eller Meh till Wow.
Nu vill läsarna veta mer om dig, vad du gör , och vad du kan erbjuda dem.
Här är några exempel på resuméer som är så enastående att de är värda en andra eller tredje bedömning.
BeResume
Detta temas subtila animerade element gör den färdiga webbplatsen tilltalande interaktiv .
Pierre Nel
BeFreelancer
Denise Chandler
En snabb studie om hur du tar ditt CV och gör det till ett konstverk som är ”full av personlighet.
Professionell med en kreativ vridning
Du är en no-nonsens typ när det gäller att göra ditt jobb, liksom de flesta yrkesverksamma; och du vill ses på det sättet för att kunna landa större jobb och attrahera bättre kunder.
Det gör aldrig ont att ”låna” lite från hur toppmän inom andra branscher presenterar sig online. Vi ”pratar inte” copycat ”här.
Det handlar helt enkelt om att få en idé eller två från advokater, tränare, konsulter och andra yrkesverksamma om hur du får din webbplats att se professionell ut, men ändå inte ”fastnat”.
BeLawyer
Detta tema riktar sig till oberoende advokater, men det kan enkelt anpassas för att skapa en snygg portföljwebbplats.
Jacek Jeznach
Patrick David
BeCoaching2
Om en portföljwebbplats med personlighet är ditt mål kan du kolla hur tränare lockar sina kunder.
Lutande på den konstnärliga sidan
Artister har mest dregla-värdiga webbplatser. Du skulle verkligen inte förvänta dig att det skulle bli något annat sätt. Inse det, du skulle ha problem med att försöka konkurrera med dem.
Lyckligtvis behöver du inte. Det finns redan många webbutvecklare där ute som ”framgångsrikt skapat några fantastiska portföljwebbplatser för sig själva och till och med för andra.
Som Adham Dannaway, som använde denna konstnärliga inställning för att presentera sina webbutvecklings- och designtjänster.
>
Eller Legwork Studio. Denna animationsstudio kombinerade illustration med animering och packade upp den för att skapa ett igenkännbart visuellt varumärke.
Du kan också få inspiration från teman som dessa två som artister för närvarande använder för att skapa sina webbplatsportföljer:
BeArtist
BeArtist2
Fånga uppmärksamhet med gamification
Vill du veta vilken typ av webbplatsportfölj som ger störst chans att göra dig känd?
Försök att göra din onlineportfölj till ett spel.
Vi har redan gått från Blah till Wow. Varför inte sikta på något ännu bättre?
När du förvandlar din portfölj till ett spel är det svårt för någon att passera den. Nästan alla gillar att delta i ett underhållande äventyr online, och det är mycket roligare än att gå ner i listor över färdigheter och prestationer.
Robbie Leonardi
Denna designer-programmerare-animatör är känd för sitt prisbelönta, mind-blowing portfolio-spel. Ja, det vann honom utmärkelser, och massor av höga femmor.
Small Studio
BeFantasy
BeGame
Du kan ta detta spelpresentationstema och enkelt göra det till en interaktiv portfölj.
”Stjäla” det bästa från företagswebbplatser
När du kör en företag har du i uppgift att hitta ett sätt att sälja flera produkter av tjänster på samma webbplats.
Det är ofta detsamma för dig som webbutvecklare.
Du har flera färdigheter och tjänster, och du vill visa dem på det mest attraktiva sättet pos sibel. Du måste också hitta ett sätt att presentera dina erbjudanden på ett kristallklart sätt så att kunder enkelt kan hitta exakt det de letar efter.
Om du har flera färdigheter och tjänster att erbjuda, bör du hitta dessa exempel en inspirationskälla:
BeAdAgency2
Det här annonsbyråns tema fungerar utmärkt för hybridtjänster.
Anläggning
BeDigital
TMS-Outsource
Dessa människor hittade ett enkelt och kraftfullt sätt att presentera all teknik de använder.
Presentera dig som en produkt
Tänk på hur högkonverterande webbplatser säljer tekniska produkter.
De följer en gemensam arkitektur som är utformad för att locka människor och övertyga dem om att köpa eller registrera sig för en gratis provperiod. Använd samma arkitektur för att bygga din webbportfölj, och du kan förvänta dig att locka fler potentiella kunder a Övertyga dem att anställa dig.
Samtidigt kan du visa vad du kan bygga för dem om de väljer att arbeta med dig.
BeWatch
Denna klassiska webbplatsstruktur för försäljning av IoT-produkter är utformad för att locka och konvertera.
Emily Ridge
En webbutvecklare använde en struktur liknande denna för sin onlineportfölj.
BeProduct4
Johnny Maceachern
Kom igång
Med några kreativa koncept för att komma igång har du inte längre en anledning eller några ursäkter för att fortsätta skjuta upp din egen portföljwebbplats.
Om du är orolig för att du inte verkligen har tid att jonglera klientens arbete med att arbeta med din onlineportfölj finns det en genväg som du kan ta.
Om inte eller tills du har tillräckligt med tid för att bygga den från grunden, en förbyggd webbplats c ett snabbt och effektivt sätt att skapa en bländande onlineportfölj för att visa upp ditt arbete.
En bra resurs är Be Theme, med sitt enorma bibliotek med över 70 ensidpersoner (och 400+ förbyggda webbplatser av alla slag).
Var och en är utformad med enkel navigering i åtanke, och alla innehåller interaktiva element som är utformade för att öka användarengagemanget på sidan. Allt du behöver göra för att lägga till din kreativa vision, som kommer att vara mer än tillräckligt för att ta din portfölj från ”meh” till ”bedövning”.