15 Tips De website Perfect Portfolio Portfolio maken

Presentatie van een op afbeeldingen gebaseerd portfolio op een website kan een lastige taak zijn. Het is meestal heel wat anders dan een normale klant of zakelijke website. Bij een normale website is er meestal een consistente structuur, die een koptekst, een navigatiemenu, soms een zijbalk en meestal een voettekst bevat. Bij het presenteren van fotografie zijn er echter geen limieten. U hebt geen navigatiebalk, koptekst of voettekst nodig als u ze niet wilt hebben. Hoe creatiever u kunt zijn, terwijl u zich nog steeds concentreert op het hoofddoel van uw site, hoe meer aandacht u krijgt.

Opmerking van de redactie: Vandaag nemen we een kijkje in een zeer speciale niche binnen het webontwerp: fotografieportfolio's. Owen Conti is een auteur van onze zustersite, Phototuts +, en hij zal ons een aantal nuttige tips geven voor het maken van een geweldige portfolio. Hij zal spreken met fotografie in gedachten, maar vrijwel elke op afbeeldingen gebaseerde portfolio (illustratie, grafisch ontwerp, schilderen of zelfs webontwerp) kan profiteren van deze tips? dus we hopen dat je ervan geniet!

Morgen verzamelen we momenteel enkele van de 30 beste portfolio's op basis van fotografie en afbeeldingen op internet!


Invoering

Uw portefeuille voor online fotografie is bedoeld om klanten aan te trekken of om uw foto's en afbeeldingen te laten zien. Sommige mensen kiezen voor het laatste, voegen stukjes tekst toe aan elke foto die ze plaatsen en maken een fotoblog. Dat type site is niet bedoeld om klanten aan te trekken en het geld mee naar huis te nemen, maar in plaats daarvan een kijkgalerij te zijn voor iedereen die erover struikelt.

Fotoportfolio's hebben meestal twee of drie hoofdsecties:

  1. De galerij
  2. Een contactgedeelte
  3. Soms is een gedeelte over inbegrepen

Dat zijn de drie belangrijkste delen van een fotografieportfolio. Het stelt de cliënt in staat om je werk te zien, als ze het leuk vinden, kunnen ze meer lezen over wie je bent, of contact met je opnemen. Hoewel het simpel klinkt, zijn er veel vragen en zorgen die kunnen rijzen, zoals:

  • Welke afmetingen moeten de foto's hebben??
  • Moet ik ze helemaal comprimeren?
  • Moet ik Flash of HTML5 gebruiken?
  • Moet ik een automatische diashow gebruiken?
  • Hoeveel foto's moet ik opnemen??

Gedurende de rest van de post zullen we 15 tips doornemen die kunnen helpen om de zorgen die u heeft over uw portfolio van fotografie te verminderen.


De rode draad: wat hebben alle grote portfolio's gemeen?

Alle grote portefeuilles hebben drie belangrijke details gemeen:

  1. De eerste is een versmalde selectie van je beste, en alleen je beste, afbeeldingen. Ik zeg een beperkte selectie omdat ik persoonlijk haat naar de site van een fotograaf te gaan zitten en te wachten terwijl 50 foto's worden geladen, en dan moet ik er op de een of andere manier doorheen navigeren. Ik zal hier later meer over vertellen tip 7.
  2. Naast de beste afbeeldingen bevatten geweldige portfolio's een contactmethode voor de potentiële klant. Je krijgt nooit leads van je portfolio als de kijkers je niet kunnen bereiken.
  3. Het laatste detail dat alle grote portfolio's gemeen hebben, is dat ze allemaal afbeeldingen met een hoge resolutie gebruiken. Ondanks laadtijden, als het gaat om uw portfolio, wilt u laten zien wat de beste kwaliteit is die u kunt. Ik zal verder uitbreiden binnen tip 5 beneden.

Als je deze drie eenvoudige details in je portfolio opneemt, ben je al goed begonnen!


15 tips voor uw portfolio:

  1. Overweeg je doelmemografische groep

    Uw portfolio moet uw doelgroepdemografie weerspiegelen, of het een koppel is dat op zoek is naar een trouwshoot of een bureau dat op zoek is naar een commerciële fotoshoot. Als uw portfolio de verkeerde afbeelding oplevert, trekt u geen van de gewenste klanten aan.

    Denk aan het portfolio van een huwelijksfotograaf, meestal wit, schoon en gemakkelijk te gebruiken. Dit is geschikt voor de doelgroep demografie van een huwelijksfotograaf: meestal jongere paren (soms vrouwen zijn verantwoordelijk voor bepaalde beslissingen) met dromen van de perfecte bruiloft. Typisch gesproken, bruiloften zijn vol met wit, met prachtige bloemen en zonnestralen. Als u bruiloftsklanten wilt aantrekken, moet u uw portfolio laten lijken op een bruiloft.

    Maar tegelijkertijd, als je voornamelijk modefotografie fotografeert, is de kans groot dat je hippe, trendy onderwerpen fotografeert en dat is waar je doelgroep naar op zoek is. Laat uw portfolio dat weerspiegelen. Het klinkt te simpel om te overdenken, maar het zal je verbazen wat sommige mensen hun beste werk omringen.


    http://www.olivialaurenphotography.com/
  2. Schets een lay-out

    Het schetsen van een lay-out voordat u zelfs de muis aanraakt, is een gangbare praktijk bij webontwerpers, en dit zou niet anders moeten zijn voor uw portfolio. De reden waarom ik vond dat schetsen nuttig was, is dat ik de focus niet verliest van wat mijn intenties zijn. Als we terugdenken aan Tip 1, willen we dat onze portfolio specifiek is gericht op onze demografische doelgroep. Dit omvat kleuren, opmaak, navigatie, pictogrammen, typografie, alles. Als je je idee schetst terwijl het nog vers in je hoofd is, verlies je het niet uit het oog of heb je er andere ideeën overheen geschreven. Het is een eenvoudige manier om vast te houden aan je oorspronkelijke plan.

    Onthoud echter dat het goed is om van het plan af te wijken als het ten goede komt aan uw portfolio. Als je denkt dat de miniaturen beter af zijn dan drie brede in plaats van twee, ga er dan voor. Probeer zoveel mogelijk aan de schets te blijven, indien mogelijk. Het is er om u te helpen, niet om u op zijn plaats te bevestigen.


    Schets je ontwerp Voor De computer aanraken!
  3. Ondersteuning toevoegen voor dynamische inhoud

    Houd er bij het tekenen van uw site rekening mee dat u ondersteuning voor dynamische inhoud toevoegt. Stel je voor dat je besluit dat je je Flickr-feed naar je portfolio wilt trekken. Wel zeker dat het er goed uitziet als er 12 foto's zijn, maar hoe zit het wanneer er 21 of 36 zijn? Hoe ziet je portfolio er uit met een oneven aantal afbeeldingen vergeleken met een even getal, zoals je het hebt geschetst om er uit te zien?

    Dit zijn het type vragen dat je jezelf moet stellen terwijl je je lay-out schetst. Hoe kan ik meer afbeeldingen aan mijn lay-out toevoegen zonder het ontwerp te overbelasten? Is paginering een optie? Kan ik het XX aantal afbeeldingen tegelijk zichtbaar houden??

    Ik kan je niet vertellen hoe je je portfolio moet schetsen, maar ik kan wel tips geven uit persoonlijke ervaring. Probeer het aantal foto's dat je op elke pagina hebt te beperken, zodat het niet lijkt alsof je inhoud in je portfolio propt. Aparte foto's met behulp van categorieën of pagina's. Paginering werkt goed, maar alleen als het goed wordt gedaan. Overweeg paginering alleen als u meer dan 12 afbeeldingen per pagina hebt. Ik vind 12 een goed evenwichtspunt, maar alles is voorbij en ik verlies mijn zin.


    http://www.danielkennedy.com/
  4. Probeer het contrast hoog te houden

    Afhankelijk van de fotografiestijl, zien foto's er meestal een stuk beter uit als je ze op een zwarte achtergrond bekijkt. Dit komt meestal omdat er meer contrast is dan wanneer u tegen wit kijkt. Contrast helpt de kleuren van de foto naar voren te halen, waardoor het beeld er levendiger en verbluffender uitziet. Als je sport, reclame, HDR, natuurfotografie of portretfotografie doet, probeer dan je werk op zwart en vervolgens op wit te bekijken en kijk welke het beste bij jou past.

    Bij het ontwerpen van een donkere site is het meestal een goed idee om ergens een lichtflarden kleur te laten toevoegen. Het kan uw logo zijn, of uw navigatie, alles. Zwart en wit kunnen zeer effectief zijn, maar het toevoegen van een vleugje kleur voegt een vleugje persoonlijkheid toe.


    http://www.davehillphoto.com/
  5. Gebruik alleen afbeeldingen met een hoge resolutie

    Wanneer een potentiële klant naar uw mening uw portfolio bekijkt, verwachten zij professionele afbeeldingen met een hoge resolutie. Dus geef ze dat! Geen "full size" afbeeldingen op 300px bij 300px weergeven. De kijker is er om je werk te zien van de beste kwaliteit, niet een lage kwaliteit geoptimaliseerd voor bandbreedte. Wanneer u uw doelgroep als doelgroep beschouwt, is de kans groot dat deze bij u in de buurt ligt. Inmiddels hebben de meesten van ons hogesnelheidskabel- of DSL-verbindingen, dus gebruik ze.

    Verstrek afbeeldingen met een hoge resolutie voor uw klanten en in ruil daarvoor moeten ze misschien een paar seconden langer wachten. Als ze zo ongeduldig zijn dat ze niet zullen wachten tot je portfolio de best mogelijke kwaliteit laadt, dan zijn ze persoonlijk te ongeduldig om mijn cliënt te zijn.

    Alles op internet komt met een prijs; het gebeurt gewoon zo dat de prijs voor werk van hoge kwaliteit langere laadtijden is.


    http://www.levonbiss.com/
  6. Gebruik een groot weergavegebied

    Nu u afbeeldingen met een hoge resolutie gebruikt, kunt u ook een groot weergavegebied gebruiken. W3Schools meldt dat 0,6% van de gebruikers in januari 2011 nog steeds een weergaveresolutie van 800 x 600 gebruikten. Dat betekent dat als u al uw basissen wilt dekken, uw portfolio zodanig moet ontwerpen dat het in die dimensies past. Op die manier hebben gebruikers die groter zijn dan 800 x 600 nog steeds gemakkelijk toegang tot uw portfolio. Voor gebruikers op tablets en smartphones kunt u het formaat van uw portfolio aanpassen aan hun apparaat.

    Een trending topic de afgelopen maanden in de wereld van webdesign is "Responsive Web Design"; reageren op uw gebruikers. Laat uw site de lay-out aanpassen als een gebruiker een resolutie heeft die kleiner is dan normaal. Als een gebruiker een groter scherm heeft, probeer dan uw lay-out aan te passen door in grotere afbeeldingen te laden. Door "Responsive Web Design" in uw portfolio te gebruiken, kunt u een algehele grotere gebruikerstevredenheid bereiken. Niets is erger dan wanneer je een site op je iMac bekijkt, om hem de volgende ochtend op de trein naar je werk te laten falen op je iPhone.


    http://www.evaankheraj.com/
  7. Beperk uw keuzes van afbeeldingen

    Hoewel je misschien een grote verzameling afbeeldingen hebt die je in je portfolio wilt delen, probeer je selectie te beperken tot de sterkere stukken. Te veel afbeeldingen in uw portfolio kunnen de laadtijden verlengen en de kijker te veel opties bieden. Het kan uw portfolio het gevoel geven dat het aan en door sleept.

    Als je je selectie beperkt, ziet de kijker alleen de sterkste afbeeldingen en als ze meer willen zien, kunnen ze contact met je opnemen. Door je selectie te beperken, lijkt je portfolio ook meer gedefinieerd en gestructureerd te zijn. Als u een grote verzameling van al uw foto's wilt publiceren, gebruikt u services zoals Flickr en 500px.


    http://lisabettany.com/
  8. Strategisch bestel je foto's

    Wanneer je een letterlijk essay schrijft, organiseer je je punten in een strategische volgorde. Je zet de sterkste punten aan het begin of het einde van het essay en laat de zwakkere punten in het midden. Door de sterkste punten aan het begin te plaatsen, teken je meteen de kijker en pak je hun aandacht. Door de sterkste punten aan het einde van het essay te plaatsen, eindig je met een hoge toon, waardoor de kijker enkele sterke punten heeft die ze niet zullen vergeten.

    Het is hetzelfde met je portfolio voor fotografie. Als u uw sterkste afbeeldingen aan het begin of einde van de portfolio plaatst, raakt u de kijker het hardst. Ik raad aan om beide uiteinden van het spectrum te gebruiken, vanaf het begin hun aandacht te trekken en laat ze iets te onthouden aan het einde van de portfolio.


    http://www.kallegustafsson.com/
  9. Bescherm uw werk

    Met de technologie van vandaag, hoe hard je ook je afbeeldingen probeert te beschermen, kan iemand ergens een kopie stelen. U kunt proberen rechtsklikken uit te schakelen, of al uw afbeeldingen als achtergrondafbeeldingen te plaatsen, en hopen dat uw gebruikers niet technisch bekwaam zijn; maar dat zal nooit werken.

    De enige manier om uw foto's echt te beschermen, is door er watermerken op te plaatsen. Door watermerken in te bedden in de jpg's, als dieven je werk stelen, zal het watermerk er altijd zijn. Hoe groter het watermerk, hoe moeilijker het zal zijn om er vanaf te komen.

    Het gebruik van watermerken heeft twee nadelen:

    1. Het kost tijd om uw afbeeldingen batchgewijs te verwerken om watermerken toe te voegen.
    2. De afbeeldingen in je portfolio zien er niet zo goed uit als ze zouden kunnen. Iedereen zou liever een afbeelding zonder watermerk zien dan een afbeelding zonder watermerk.

    Niet te veel mensen gebruiken watermerken meer, maar als je je zorgen maakt over het stelen van je afbeeldingen door mensen, is het misschien een gedachte waard.


    http://ericheikkinen.com/
  10. Geef details bij elke foto

    Kijkers willen weten voor wie je hebt gefotografeerd en naar wie ze kijken. Ze kunnen echt geïnteresseerd zijn in jouw modefotografie en ze willen je graag inhuren en een van de modellen die je eerder hebt gemaakt om weer samen te werken.

    Als je het voldoende vindt om wat informatie over elke foto te geven, ga ervoor! Je hoeft niet elk stuk een "titel" te geven, maar een beschrijving van een enkele zin van wie het bedrijf is waarvoor je hebt gefotografeerd of wie het model is of misschien welke hulpmiddelen je hebt gebruikt of zelfs de locatie van het shot.

    Elk klein beetje telt en hoe meer werk je in je portfolio stopt hoe meer gepassioneerd de potentiële klant zal zijn.


    http://www.ryanpphoto.com/
  11. Heroverweeg uw navigatie

    Bij het zoeken op het web om voorbeelden van fotografieportfolio's te vinden, vond ik vaak sites die miniaturen van elke afbeelding en volgende / vorige pijlen bevatten om vooruit en achteruit in de galerij te navigeren. Wat ik niet vaak vond, maar meer dan ik had verwacht, was toetsenbordnavigatie, naast miniaturen en volgende / vorige pijlen.

    Hoe gemakkelijker uw site is voor uw kijker om te navigeren en zich te verplaatsen, des te gelukkiger zij uw website gaan gebruiken. Hoe blijer ze jouw site gebruiken, hoe meer positieve gevoelens ze zullen produceren terwijl ze over je werk kijken. Hetzelfde werkt in de tegenovergestelde richting, vergeet het niet. Als uw site te moeilijk is om te gebruiken, worden uw gebruikers gemakkelijk uitgeschakeld en krijgt u meer negatieve gevoelens over uw werk.

    Heroverweeg uw navigatie, zodat u deze zo eenvoudig en natuurlijk mogelijk kunt gebruiken.


    http://www.picturereport.net/
  12. Probeer het scrollen te beperken

    Deze tip is in tegenspraak met tip # 6, waar ik heb geadviseerd een groot weergavegebied voor uw foto's te gebruiken. De sleutel is om:

    1. Zoek een balans tussen klein scherm en groot scherm, of?
    2. Gebruik de technologie voor het aanpassen van de resolutie of gebruik meerdere formaten van dezelfde afbeelding, afhankelijk van de schermresolutie van de kijker.

    Het is meestal een goed idee om het scrollen van de gebruiker te beperken, ongeacht het apparaat / de resolutie die ze gebruiken. Pas het aan voor kleinere schermen door de lay-out van de site anders in te delen of misschien miniaturen van een ander formaat te maken.

    Zoals ik al zei in tip # 6, is 800 x 600 nog steeds de kleinste resolutie die je zou moeten dekken als je je zorgen maakt over elke mogelijke gebruiker. Probeer te ontwerpen voor die resolutie, zonder te scrollen en verbeter vervolgens het ontwerp en de lay-out voor grotere schermen en resoluties.


    http://www.ciriljazbec.com/
  13. Maak het gemakkelijk voor uw gebruikers om contact met u op te nemen

    Ongeacht hoe goed je werk is, als je kijker je niet kan bereiken, krijg je geen werk. Het is heel eenvoudig om contactgegevens aan uw site toe te voegen. Of het nu gaat om een ​​contactpagina, een telefoonnummer op elke pagina of een e-mailadres in het voettekst, het vinden van uw contactgegevens moet een koud kunstje zijn voor uw gebruikers.

    Je kunt alles zetten wat je wilt voor je contactgegevens, zorg er gewoon voor dat wat je ook doet correct is. Een eenvoudig telefoonnummer is voldoende, maar als een potentiële klant niet van de telefoon houdt, is het misschien beter als hij je e-mailadres ook kent. Vergeet niet om na te denken over al uw gebruikers voordat u definitieve beslissingen neemt.


    http://www.wildthingsphotography.com/
  14. Krijg een tweede mening

    Woo! U hebt net een week besteed aan het ontwerpen van uw nieuwe portfolio en nog een week om het te coderen. U lanceert uw nieuwe site en kondigt deze alleen aan aan de wereld om een ​​handvol negatieve feedback te ontvangen over de bruikbaarheid van uw site. Het blijkt dat de site er niet al te heet uitziet op 13 "MacBooks omdat de resolutie nergens in de buurt komt van de resolutie van je 27" iMac.

    Oops! Het lijkt erop dat je wat testen had moeten doen. Niet alleen dat, maar een second opinion zou ook geweldig zijn geweest! Iemand kennis laten maken met de branche om uw nieuwe portfolio voor u te controleren is nooit een slecht idee. Ze kunnen u een tweede inzicht verschaffen in gebieden die u mogelijk hebt overmand en wijzen op eventuele voor de hand liggende bugs die u niet ziet.

    Maar als je dat zegt, zorg er dan voor dat je verstandig kiest en je second opinion kiest. Probeer weg te blijven bij familie en vrienden, niet alleen omdat hun mening bevooroordeeld is, maar ook omdat ze misschien niet genoeg weten over de branche om u een goed advies te geven.

  15. Vergeet niet te updaten!

    Het is momenteel 2011 en de technologie die we bezitten is geavanceerd genoeg voor iedereen, en ik bedoel iemand, om een ​​dynamisch portfolio te bezitten en te onderhouden. Ongeacht of u uw portfolio beheert met WordPress, of een Flash-systeem of vastzit in statische HTML, moet u uw inhoud bijwerken.

    Gebruikers zijn gewend om nieuwe inhoud te zien elke keer dat ze een website bezoeken. We zijn gegroeid uit het zien van dezelfde oude dingen bij elk bezoek. Dit is hetzelfde voor uw fotografieportfolio, met een beetje minder nadruk op hoe vaak u zou moeten updaten. Het is ideaal als u werkt wanneer u nieuwe inhoud heeft. Probeer niet in batches te uploaden, maar werp elke paar maanden een handvol foto's op. Probeer in plaats daarvan een consistent, maar toch los schema te houden.

    Wanneer u een update uitvoert, werkt u alleen een update uit als de nieuwe inhoud sterker is dan de oudere inhoud. Het heeft geen zin een sterk beeld te vervangen door een zwakker beeld, ongeacht of het recenter is. Je wilt altijd je vaardigheden versterken en je portfolio moet dat weerspiegelen.


Conclusie

Of u nu uw fotografieportfolio ontwerpt voor betaald werk of gewoon om uw foto's te laten zien, u moet altijd rekening houden met de eindgebruiker. Maak het uw gebruikers zo gemakkelijk mogelijk om uw portfolio te bekijken. Complexe navigatie en lay-outs kunnen "cool" zijn, maar zijn ook nutteloos als ze voor de meeste gebruikers te ingewikkeld zijn.

Hoe minder gefrustreerd uw gebruikers zijn bij het bekijken van uw portfolio, hoe groter de kans dat zij contact met u opnemen - op voorwaarde dat ze uw werk leuk vinden. Hoe goed je fotografie ook is, het formaat en detail waarin je het presenteert, bepaalt of het voor de klant waardig is.

We hebben 15 tips besproken voor het maken van een geweldige portfolio voor fotografie. Laten we snel samenvatten:

  1. Overweeg je doelmemografische groep
  2. Schets een lay-out
  3. Ondersteuning toevoegen voor dynamische inhoud
  4. Probeer het contrast hoog te houden
  5. Gebruik alleen afbeeldingen met een hoge resolutie
  6. Gebruik een groot weergavegebied
  7. Beperk uw keuze aan afbeeldingen
  8. Strategisch bestel je foto's
  9. Bescherm uw werk
  10. Geef details bij elke foto
  11. Heroverweeg uw navigatie
  12. Probeer het scrollen te beperken
  13. Maak het gemakkelijk voor uw gebruikers om contact met u op te nemen
  14. Krijg een tweede mening
  15. Vergeet niet te updaten!

Denk eraan, dit zijn allemaal slechts tips - nuttige stukjes advies die u kunt kiezen om te gebruiken in uw eigen portefeuille als u dat wenst. Gebruik geen, een of alle! Het is aan jou, vergeet nooit je eindgebruikers. Zij zijn degenen die er echt toe doen!