Inspiratie Awesome Dark Portfolio-sites

Tegenwoordig is een portfolio een must. Wat we hier hebben, is een lijst met donkere portfoliowebsites die zijn opgesplitst in gemeenschappelijke groepen waarin de meeste portfolio's vallen. De laatste groep is voor die experimentele donkere lay-outs, waar de ontwerper iets anders probeert.


Roterend beeld / statisch hoofdbeeld

We beginnen met misschien wel de meest populaire vormen van portfolio-ontwerp. Dit is de roterende afbeelding van jQuery. Het mooie van dit soort portfolio is dat je veel werk kunt tonen, met minimale ruimte, waardoor ruimte wordt bespaard voor andere informatie.

Ook vallen in deze groep is de statische afbeelding. Hoewel het vergelijkbaar is met het roterende beeld, is het mogelijk niet zo effectief als het roterende beeld vanwege het gebrek aan animatie en interactie. Aan de positieve kant kan een statisch uitgelichte afbeelding ook als een voorproefje worden gebruikt om mensen naar de rest van je werk te laten kijken.

antonpeck.com

bressane.com

intuitivedesigns.net

jayhollywood.com.au

jilion.com

neutroncreations.com

oysterdesign.co.uk

projectkoreck.com

rocknsites.com


Tag / Bio

Met dit soort portfolio gaat de kijker naar de website en ziet precies waar de website over gaat of wie de ontwerper is. Als wat u aanbiedt of uw slogan hun interesse opwekt, zullen zij rondkijken op uw website. Het helpt meestal en maakt het effectiever als de slogan wordt gecombineerd met een andere van deze stijlen van portfoliowebsite, tenzij de typografie op zichzelf staat als een visueel element.

alt-design.net

bythepond.co.uk

chanellehenry.com

wedesignwise.com

joshhemsley.com

justincline.com

liftux.com

markjmaloney.com

moxiesozo.comindex.php

phynk.net

radiiate.com

rareview.com

studio7designs.com

tonychester.com

visualgroove.net


Tekst- / Feature-afbeelding

Wat dit soort portfoliowebsites effectief maakt, is dat de kijker een beetje informatie krijgt over de website, evenals een greep uit wat de portfolio te bieden heeft..

ba21.us

harryjh.com

nosleepforsheep.com

sawyerhollenshead.com

slovaczech.com

thingsthatarebrown.com


Portfolio-raster

Dit soort website komt op het juiste moment, zoals de slogan / bio en tekst / afbeelding, behalve dat de kijker (op een goede manier) gebombardeerd wordt met het werk van de ontwerper. Dit houdt de aandacht van de toeschouwer, omdat ze niet rond hoeven kijken in de portfolio-stukken.

design-dps.com

jannek.fi

jonahl.com

onvo.co.uk

phantomcandy.com

phunkn.com

thehousemedia.com

Grote koptekst zonder portfolio

Deze website laat de kijker in principe zien wat de ontwerper kan doen zonder specifieke voorbeelden te tonen. Een opvallende fotomanipulatie / illustratie / foto springt in het oog en komt ter sprake.

arsum.com

bogdanteodorescu.com

loscoloresolvidados.com

ronniewright.co.uk

subhaus.org

weightshift.com


Blogstijl

Dit is een geweldige manier om kijkers een persoonlijker gevoel te geven, waardoor de website veel meer persoonlijkheid krijgt. Het geeft de website ook een meer actueel gevoel (als het regelmatig wordt bijgewerkt), waardoor de kijker een reden heeft om terug te komen.

billytamplin.com

dougneiner.com

demainjarrete.stpo.fr

ismaelburciaga.com


anders

Deze websites hebben niet de traditionele lay-out die we hierboven hebben gezien. Laten we deze een voor een bekijken om te zien waarom ze zo anders zijn.

badabingdesign.nl

Het portfolio-gedeelte van deze website heeft een diapresentatie die lijkt op geroteerde afbeeldingen, maar deze is omgedraaid zodat ze verticaal schuiven, met de projectbeschrijving aan de linkerkant. Deze website geeft een nieuwe look aan een gemeenschappelijke lay-out.

constantinpotorac.com

Hoewel de lay-out met twee kolommen niet ongebruikelijk is, wordt deze gewoonlijk niet gebruikt in portfolio-ontwerpen. Een bio aan de linkerkant en een portfolio aan de rechterkant is een combinatie van het raster- en slogan / bio-portfolio en geeft het een nieuwe wending.

duplos.org

Ik heb deze website bijna in de tagline / bio-categorie geplaatst, maar omdat de tagline eruit ziet als een deel van de illustratie en niet echt veel zegt, heb ik besloten om hem hier in plaats daarvan te plaatsen. Er is niet echt veel op het thuisgedeelte van de website, dus je moet verkennen om meer te leren.

gomedia.us

Ook deze website ging bijna in de slogan / bio-sectie, maar ik vond dat het portfolio-imago aan de rechterkant net zo belangrijk was. Het idee om informatie in kolommen in plaats van rijen te plaatsen, geeft evenveel belang aan elke sectie, in plaats van dat er een gemeenschappelijke website bestaat met een rij-gebaseerde hiërarchie van de belangrijkste tot de minst belangrijke.