Dit gesponsorde artikel is gemaakt door onze contentpartner, BAW Media. Bedankt voor het steunen van de partners die SitePoint mogelijk maken.
In uw rol als professionele webontwikkelaar bent u klaar voor zowat elke uitdaging voor het bouwen van websites. Maar het bouwen van een creatief websiteportfolio voor uzelf diensten is niet iets waar u aan gewend bent.
Hoe graag u ook van webontwikkeling houdt, u heeft het waarschijnlijk nooit gezien als een bijzonder sexy of creatief beroep.
De waarheid is dat het niet zo moeilijk is om vrij gemakkelijk een in het oog springende portfolio samen te stellen als je gewapend bent met de juiste tools en je een selectie van inspirerende en relevante concepten hebt om uit te kiezen.
Hier zijn 8 krachtige ideeën, samen met 32 voorbeelden, om u te inspireren en u in staat te stellen uw diensten te promoten op uw eigen verbluffende portfoliowebsite.
8 ideeën die ervoor zorgen dat uw webontwikkelingsportfolio-website opvalt
Bezit wat je doet en deelt het met anderen
Veel, zo niet de meeste portfoliowebsites hebben iets gemeen. Vanwege hun ontwerpen kost het bezoekers een paar seconden om erachter te komen wat de auteur werkelijk doet.
En hoe langer het duurt voordat een bezoeker erachter komt wat u doet en wie u het doet want hoe groter de kans dat hij of zij vertrekt voordat hij of zij zelfs maar een glimp van uw portefeuille heeft opgevangen.
U wilt mensen precies laten weten wat u doet zodra ze op uw startpagina terechtkomen, en hier zijn een paar manieren om dat mogelijk te maken.
Cihad Turhan
BeWebDeveloper
De kristalheldere kopboodschap van deze vooraf gebouwde website trekt onmiddellijk de lezer naar binnen.
BeCode
Josue Espinosa
Deze man vertelt je rechtstreeks wat hij doet. Hij gebruikte zelfs een scherm vol code voor zijn hero-shot.
Eenvoud is de ultieme verfijning
De meeste websitebezoekers houden niet van rommel, en hebben zeker gewonnen “Wees niet bereid om er doorheen te waden om te vinden wat je aanbiedt. Aangezien je trots bent op je vermogen om schone code te schrijven, zou een schoon portfolio-ontwerp je ook moeten aanspreken.
Het zal zeker in de smaak vallen aan uw bezoekers.
Een strak ontwerp getuigt van uw vaardigheden en werkethiek, en als u denkt dat het nodig is, kunt u altijd kleur en textuur gebruiken op een manier die uw persoonlijkheid zal laten opvallen.
Bijvoorbeeld:
BeSimple2
Chris Biron
Deze freelance digitale ontwerper heeft een merk gemaakt uit eenvoud. Hoe gaaf is dat?
Matthew Williams
BeCompany3
Een perfect voorbeeld van hoe eenvoud van ontwerp een zuivere startpagina van een website kan produceren die onmogelijk is negeren
Een cv veranderen van Blah in Wow
Cv’s zijn zo passé. Ben je het daar niet mee eens?
Niet wanneer je je kunst of producten laat spreken voor zichzelf, dat is wat portfoliowebsites kunnen doen; en spectaculair als het goed wordt gedaan.
Je kunt nog steeds de klassieke structuur van een cv behouden, want dat is wat een lezer zou verwachten.
Pas gewoon een beetje creativiteit toe om je vaardigheden te ontwikkelen en ervaring valt op. Voeg een paar pakkende visuals en / of interactieve elementen toe en zie hoe het cv dat je aan het bouwen bent plotseling van Blah of Meh naar Wow gaat.
Nu zullen de lezers meer willen weten over jou, wat je doet , en wat u hen kunt bieden.
Hier “zijn een paar voorbeelden van cv’s die zo uitstekend zijn dat ze een tweede of derde beoordeling waard zijn.
BeResume
De subtiele geanimeerde elementen van dit thema zullen de voltooide website aangenaam interactief maken .
Pierre Nel
BeFreelancer
Denise Chandler
Een korte studie over hoe u uw cv kunt opnemen en maak er een kunstwerk van vol persoonlijkheid van.
Professioneel met een creatieve twist
Je bent een no-nonsense type als het gaat om het doen van je werk, zoals de meeste professionals; en je wilt op die manier gezien worden om grotere banen te krijgen en betere klanten aan te trekken.
Het kan nooit kwaad om een beetje te “lenen” van de manieren waarop topprofessionals in andere industrieën zich online presenteren. We hebben het hier niet over copycat.
Het is gewoon een kwestie van een idee of twee krijgen van advocaten, coaches, consultants en andere professionals om uw website er professioneel uit te laten zien, maar niet “vastgelopen”.
BeLawyer
Dit thema richt zich op onafhankelijke advocaten, maar het kan gemakkelijk worden aangepast om een gestroomlijnde portfoliowebsite te maken.
Jacek Jeznach
Patrick David
BeCoaching2
Als een portfoliowebsite met persoonlijkheid jouw doel is, zou je kunnen kijken hoe coaches hun klanten aantrekken.
Leunend op de artistieke kant
Kunstenaars hebben de meest kwijlende websites. Je zou echt niet verwachten dat het anders zou zijn. Zie het onder ogen; je zou problemen hebben om met hen te concurreren.
Gelukkig hoef je dat niet te doen. Er zijn al genoeg webontwikkelaars die met succes een aantal geweldige portfoliowebsites voor zichzelf en zelfs voor anderen hebben gemaakt.
Zoals Adham Dannaway, die deze artistieke benadering gebruikte om zijn webontwikkel- en ontwerpdiensten te presenteren.
Of Legwork Studio. Deze animatiestudio combineerde illustratie met animatie en verpakte deze om een herkenbaar visueel merk te creëren.
Je kunt ook inspiratie halen uit thema’s zoals deze twee die artiesten momenteel gebruiken om hun websiteportfolio’s te maken:
BeArtist
BeArtist2
De aandacht trekken met gamification
Wilt u weten welk type websiteportfolio de grootste kans biedt om u beroemd te maken?
Probeer van uw online portfolio een spel te maken.
We zijn al van Blah naar Wauw, waarom zou je niet streven naar iets dat nog beters is?
Als je van je portfolio een spel maakt, is het moeilijk voor iemand om er voorbij te gaan. Bijna iedereen vindt het leuk om deel te nemen aan een vermakelijk online avontuur, en het is veel leuker dan lijsten met vaardigheden en prestaties af te breken.
Robbie Leonardi
Deze ontwerper-programmeur-animator staat bekend om zijn bekroonde, verbluffende portfoliogame. Ja, het leverde hem wel prijzen op, en veel high- vijven.
Kleine studio
BeFantasy
BeGame
U kunt dit thema van de spelpresentatie gemakkelijk veranderen in een interactieve portfolio.
Het beste “stelen” van bedrijfswebsites
Wanneer u een bedrijf, moet u een manier vinden om meerdere producten of diensten op dezelfde website te verkopen.
Het is vaak hetzelfde voor u als webontwikkelaar.
U heeft meerdere vaardigheden en diensten, en je wilt ze laten zien op de meest aantrekkelijke manier pos sible. U moet ook een manier vinden om uw aanbiedingen op een kristalheldere manier te presenteren, zodat klanten gemakkelijk precies kunnen vinden waarnaar ze op zoek zijn.
Als u meerdere vaardigheden en services te bieden heeft, moet u vind deze voorbeelden een inspiratiebron:
BeAdAgency2
Dit thema van het reclamebureau werkt uitstekend voor hybride services.
Faciliteit
BeDigital
TMS-Outsource
Deze mensen hebben een eenvoudige en krachtige manier gevonden om alle technologieën die ze gebruiken te presenteren.
Jezelf presenteren als een product
Bedenk hoe hoog de conversie websites verkopen technische producten.
Ze volgen een gemeenschappelijke architectuur die is ontworpen om mensen aan te trekken en hen te overtuigen om te kopen of zich aan te melden voor een gratis proefperiode. Gebruik diezelfde architectuur om uw websiteportfolio op te bouwen, en u kunt verwachten meer potentiële klanten aantrekken a en hen overtuigen om u in dienst te nemen.
Tegelijkertijd kunt u laten zien wat u voor hen zou kunnen bouwen als ze ervoor kiezen om met u samen te werken.
BeWatch
Deze klassieke websitestructuur voor het verkopen van IoT-producten is ontworpen om aan te trekken en te converteren.
Emily Ridge
Een webontwikkelaar gebruikte een soortgelijke structuur voor haar online portfolio.
BeProduct4
Johnny Maceachern
Aan de slag
Met een paar creatieve concepten om u op weg te helpen, heeft u niet langer een reden of excuses om het bouwen van uw eigen portfoliowebsite uit te stellen.
Als u zich zorgen maakt dat u niet echt de tijd heeft om het werk van de klant te combineren met het werken aan uw online portfolio, dan is er een snelkoppeling die u kunt gebruiken.
Tenzij of totdat je hebt genoeg tijd om het vanaf nul te bouwen, een vooraf gebouwde website c en bieden een snelle en effectieve manier om een oogverblindend online portfolio te maken om uw werk te laten zien.
Een goede bron is Be Theme, met zijn enorme bibliotheek van 70+ one-pagers (en 400+ vooraf gebouwde websites van alle soorten).
Elk is ontworpen met eenvoudige navigatie in gedachten, en elk bevat interactieve elementen die zijn ontworpen om de betrokkenheid van gebruikers op de pagina te vergroten. Alles wat u nodig heeft om uw creatieve visie toe te voegen, wat meer dan genoeg zal zijn om uw portfolio van “bleh” naar “verbluffend” te brengen.