Hoe maak je een online portfolio: de ultieme handleiding
Tegenwoordig is een professionele online aanwezigheid een absolute must voor ontwerpers en creatievelingen. Een online portfolio maken is hierin de eerste stap. Maar wat is een portfolio precies?
Een online portfolio met een perfect webdesign is de moderne versie van een visitekaartje, een cv en een projectpresentatie in één. Het is tenslotte dé plek voor alle potentiële klanten en werkgevers die jou willen aannemen. Door het maken van een portfolio website kun je pronken met je vaardigheden en je unieke stem overbrengen, terwijl het er net zo helder en professioneel uitziet als al je andere werk. Met de juiste tools bouw jij binnen de kortste keren een krachtige online aanwezigheid op!
Maar hoe maak je een portfolio eigenlijk? Antwoord op deze vraag en meer vind je in deze praktische handleiding!
Hoe maak je een portfolio?
01. Inspiratie en voorbeelden
Een online portfolio maken begint met wat visueel onderzoek. In welk vakgebied je je ook bevindt, het bekijken van portfolio website voorbeelden zal je veel inspiratie opleveren. Het wordt vooral aanbevolen om websites van andere mensen in jouw specifieke creatieve niche of branche te raadplegen. Terwijl je door deze bronnen bladert, kun je alvast nadenken over de sfeer die je wilt dat je portfolio uitstraalt en welke ervaring je wilt creëren. Maak aantekeningen of zelfs een moodboard, die je tijdens je creatieve proces kunnen begeleiden.
Bepaal essentiële details zoals het kleurenpalet, de typografie en de structuur van de website die je mooi vindt, en ontdek de huidige webdesign trends.
02. Kies een portfolio template
Hoe wil je dat bezoekers van de ene pagina naar de volgende gaan? Door een menu te openen of naar beneden te scrollen voor meer informatie? En wil je daarnaast dat je website één pagina bevat, of een galerij met afbeeldingen die worden geopend in afzonderlijke pagina's? Dit zijn vragen die je jezelf moet stellen bij deze stap: het kiezen van je portfolio template. Je kunt in een bestaand portfolio template werken en deze helemaal aanpassen naar je eigen wensen, of vanaf een leeg canvas beginnen. Zo kun je genieten van volledige vrijheid om jezelf online uit te drukken en écht een geheel eigen website te maken.
03. Selecteer je beste projecten
Als je een online portfolio gaat maken vormt je werk de kern, dus zorg ervoor dat je het op de best mogelijke manier laat zien. Het moet opvallen en gemakkelijk bereikbaar zijn via de homepage en/of het websitemenu. Je kunt je online portfolio eventueel onder de aandacht brengen door een speciale pagina 'Projecten' aan je website toe te voegen.
Vestig de aandacht op je kwaliteiten
Stel klanten bloot aan je creativiteit en vaardigheid door alleen je beste werk te delen. Op deze manier vestig je hun aandacht op je sterke punten en behoudt je een consistent kwaliteitsniveau in je hele portfolio.
Zorg voor dat je je website af en toe bijwerkt, zodat je altijd je meest recente creaties deelt. Dit laat bezoekers zien dat je actief bent, hard werkt en ervaring hebt. Ga je voor het eerst een online portfolio maken? Houd er dan rekening mee dat hij gemakkelijk aanpasbaar is. Zo kun je in de loop van de tijd eenvoudig nieuwe projecten toevoegen. Daarnaast is het handig om bij elk project een verhaal te vertellen, zodat bezoekers een idee krijgen van de context van je werk. Geef een beknopte beschrijving van het project en je rol, en vermeldt eventuele medewerkers waarmee je hebt gewerkt.
Tip: Lees hier hoe je een professionele ‘model portfolio’ maakt.
04. Gebruik afbeeldingen in hoge kwaliteit
Niet alleen een fotografie portfolio vereist afbeeldingen van hoge kwaliteit. Om ervoor te zorgen dat je werk er online net zo indrukwekkend uitziet als in real life, is het belangrijk om tijd en moeite te investeren in het fotograferen van je werk, je proces en je producten.
Is een professionele fotoshoot niet haalbaar? Werk dan met mockups om je beelden tot leven te brengen. Wanneer je je afbeeldingen presenteert, biedt de Wix Pro Gallery een professionele uitstraling met aanpasbare indelingen, bewerkingen en effecten.
05. Voeg relevante inhoud toe
Als je eenmaal een goede basis hebt en projecten hebt verzameld om te tonen, is het tijd om te bepalen welke aanvullende inhoud je in je online portfolio wilt opnemen, én hoe je deze strategisch kunt presenteren. Dit kan tekst, afbeeldingen en andere media omvatten.
Of je nu een kunst portfolio, een illustratie portfolio of een ander type portfolio maakt; dit zijn de meest cruciale pagina's en onderdelen om op te nemen, plus een aantal professionele ontwerpfuncties die je kunt overwegen om op je website te implementeren:
Homepage
Het 'virtuele huis' van je portfolio moet de aandacht van je bezoekers trekken met een opvallend ontwerp. Naast het visuele aspect is je homepage een kans om de nieuwsgierigheid van potentiële klanten en werkgevers te prikkelen met een krachtige inleidende zin.
Maak het kort en bondig, en druk duidelijk uit wie je bent en wat je doet. Het is niet nodig om hier in te gaan op je biografische gegevens (daar is de 'Over'-pagina voor). Maar je naam en belangrijkste expertisegebied zijn een absolute must.
Aangezien je homepage fungeert als startpunt en basis voor de navigatie van bezoekers, is het belangrijk dat je een menu met items opneemt dat gemakkelijk te vinden is, en gebruikers duidelijk naar de juiste plek op je website leidt.
Over ons
Op de Over-pagina presenteer je je achtergrond en een korte biografie, geef je essentiële informatie over je activiteiten en vat je je unieke identiteit en waarden samen. Voeg onderscheidende elementen toe, zoals je prestaties en vaardigheden.
Het is ook een goed idee om je huidige arbeidsstatus hier te verduidelijken en je cv toe te voegen. Je kunt dit rechtstreeks op de pagina doen, of als een downloadbare pdf. Pronk met je persoonlijkheid door middel van woordspelingen, slimme microkopieën, illustraties of iets anders.
Contactgegevens
Nadat je bezoekers omver hebt geblazen met je website, is het tijd om ervoor te zorgen dat ze gemakkelijk contact met je kunnen opnemen.
Commissies verschijnen niet out of the blue in je inbox, dus voeg een van de volgende elementen toe om ervoor te zorgen dat je bereikbaar bent: een contactformulier, je e-mailadres, telefoonnummers en links naar je sociale netwerken. Deze kunnen worden weergegeven als onderdeel van je menu, op een speciale contactpagina, of als vastgezet element aan de zijkant van het scherm. Het wordt ook ten zeerste aanbevolen om je contactgegevens in de voettekst van je website te herhalen, zodat bezoekers een laatste kans krijgen om contact op te nemen.
Klanten en beoordelingen
Benadruk je professionaliteit met een lijst van gerespecteerde klanten die ervoor hebben gekozen om met je samen te werken. Is een van je projecten elders te zien of heeft het aandacht in de pers gekregen? Vermeldt dat dan ook. Misschien wil je daarnaast een paar beoordelingen van tevreden klanten achterlaten. Zolang de feedback oprecht en niet overdreven aanvoelt, kunnen deze testimonials veel geloofwaardigheid aan je online portfolio toevoegen. Mis deze kans op gratis en authentieke PR dus niet!
Gebruik professionele functies op je site
Om een professionele uitstraling en een boeiende ervaring te creëren, kun je overwegen om ontwerpkenmerken te integreren die je online portfolio design naar een hoger niveau tillen en hierdoor aandacht van je bezoekers trekken.
Van zweefeffecten en parallax-scrollen tot animaties en lightboxen: deze finishing touch kan je website écht tot leven brengen. Ze kunnen ook dienen als functionele tools, die de aandacht van je bezoekers naar een specifieke plaats trekken of interactie genereren.
06. Stel UX voorop met een duidelijke structuur
Nu je de inhoud klaar hebt, is het tijd om alle stukjes van de puzzel samen te laten komen. Er zijn een aantal factoren waarmee je rekening moet houden bij het creëren van een sterke UX of gebruikerservaring op je website.
Opsommen van webpagina's
Begin met het opsommen van alle webpagina's die je hebt gemaakt en bepaal vervolgens welke elementen op elke pagina moeten worden opgenomen. Een projectpagina kan bijvoorbeeld een uitgelichte afbeelding, een koptekst, een beschrijving, extra afbeeldingen of mediafuncties bevatten.
Prioriteiten stellen
Door de items op elke pagina op te sommen, kun je prioriteiten stellen, hun hiërarchie bepalen en een passende website-indeling bedenken. Schets je ideeën op papier als wireframes, of begin meteen met het maken van je portfolio website, waarbij je geleidelijk elementen op hun plaats zet. Weet je welke pagina's je online portfolio zullen vormen? Dan kun je beslissen over de navigatie. Hoe wil je bijvoorbeeld dat je bezoekers van de ene naar de andere pagina gaan? Voeg je een hamburgermenu toe dat wordt geopend in een lijst op volledig scherm, of een vast menu bovenaan elke pagina? Hoe geef je daarnaast aan op welke pagina mensen zich bevinden? Allemaal dingen om over na te denken!
07. SEO: zorg dat je portfolio wordt gevonden
Waarom zou je een online portfolio maken als niemand het te zien krijgt? Om ervoor te zorgen dat je klanten je kunnen vinden en je diensten gemakkelijk kunnen boeken, is het essentieel om te werken aan het optimaliseren van je website, om deze hoger in de zoekresultaten van Google te krijgen. Search Engine Optimization (SEO) is iets dat onderhouden moet worden. Hier volgen een aantal tips om je op weg te helpen:
Creëer unieke, frisse en waardevolle geschreven content. Een goede manier om dit te doen is door blogposts te schrijven. Deze geven je namelijk de kans om ideeën te delen die andere ontwerpers en creatievelingen graag lezen. Dit laat Google (en webbezoekers) bovendien zien dat je actief aan het werk bent.
Doe zoekwoordonderzoek om de juiste zoekwoorden voor je website te vinden. Zoekwoorden (keywords) zijn de meest gezochte woordgroepen op Google, wanneer mensen op zoek zijn naar advertenties zoals die van jou. Een voorbeeld van een zoekwoord zou 'Onafhankelijke webdesigner' of 'Amsterdam architect' kunnen zijn. Nadat je wat zoekwoordonderzoek hebt gedaan, gebruik je deze zinnen op strategische plaatsen op je website.
Schrijf Alt-tekst voor je afbeeldingen. Alt-tekst is een afkorting van alternatieve tekst. Het is als het ware een korte beschrijving van de afbeeldingen en foto's van je website (bijvoorbeeld 'ansichtkaarten en visitekaartjes voor een merkproject'). Het schrijven van SEO-vriendelijke Alt-tekst kan, net als een zoekwoordenonderzoek, helpen de toegankelijkheid van je website te verbeteren. Je hebt waarschijnlijk veel visuele elementen opgenomen in je online portfolio, dus maak van de gelegenheid gebruik om ze als zoekwoorden in je Al-tekst te integreren.
Schrijf titels en beschrijvingen (bekend als metadata) voor elke pagina van je online portfolio.
Word gevonden door mensen in je omgeving met behulp van lokale SEO. Ben je een freelance ontwerper met een vaste locatie? Gebruik dan lokale SEO om ervoor te zorgen dat je portfolio wordt gevonden door iedereen die zoekt in jouw specifieke gebied. Claim je bedrijf op Google Mijn Bedrijf, registreer je website bij relevante bestuurders en voeg je locatie toe aan je webpagina's.
Tip: Volg ons SEO stappenplan en verbeter de SEO van je website!
08. Maak je portfolio site mobielvriendelijk
Mensen vergeten vaak het enorme aantal gebruikers dat hun site waarschijnlijk vanaf een smartphone bekijkt. In feite zijn mobiele apparaten goed voor maar liefst 52% van de webpagina's die wereldwijd worden bekeken. Daarom moeten webdesigns er net zo goed uitzien op mobiel als op desktop.
Houd je aan een aantal regels
Maar het optimaliseren voor mobiele weergave is een van de grootste uitdagingen waarmee ontwerpers worden geconfronteerd als het gaat om een online portfolio maken. Onthoud dat je mobiele website meer is dan alleen webdesign dat wordt getoond op een kleiner scherm. Er zijn een aantal regels waarmee je rekening moet houden bij het ontwerpen van een mobielvriendelijke site: Ten eerste wil je de mobiele versie van je website overzichtelijk houden, zodat alleen de meest cruciale elementen zichtbaar blijven. Let ten tweede op de lettertypen en kleuren die je gebruikt en zorg ervoor dat ze goed leesbaar zijn. Zorg er tot slot voor dat bezoekers zo weinig mogelijk hoeven te typen, en overweeg een zoekbalk toe te voegen om de navigatie te vergemakkelijken. Ga je een online portfolio maken met Wix? Dan genereert je website automatisch een mobielvriendelijke versie, met een aanpasbare galerij voor je afbeeldingen. Mooi meegenomen, toch?
09. Vraag om feedback
We kennen het allemaal: het gevoel verdwaald te raken in een project, waardoor we uit het oog verliezen hoe het er voor de buitenwereld uitziet. Daarom is het altijd enorm belangrijk om je website door iemand anders te laten checken, voor het nodige inzicht en frisse ideeën.
Vraag je vrienden bijvoorbeeld wat zij te zeggen hebben over de inhoud en afbeeldingen van je portfolio. Denken ze dat er informatie ontbreekt? Wat vinden ze leuk of niet leuk aan de looks van je website? Konden ze er makkelijk doorheen navigeren? Etc.
Zelfs als dit betekent dat je aanpassingen moet maken, kan kritische feedback van anderen je helpen de details van je website te verfijnen.
10. Publiceer en promoot
Heb je je online portfolio eindelijk gepubliceerd? Vergeet dan niet om het te delen op al je sociale kanalen, van Pinterest tot Instagram en meer. Deze eenvoudige marketingstrategie voor social media helpt je namelijk meer potentiële klanten te bereiken, je SEO-ranking te verbeteren en feedback te krijgen. Een andere Instagram-tip voor ontwerpers is om social-knoppen aan je website toe te voegen, zodat bezoekers je social media-profielen gemakkelijk kunnen vinden. Onthoud dat je portfolio met je mee moet groeien nadat je het hebt gepubliceerd. Er is altijd wel een reden om het nog nét iets beter te maken. Blijf je website dan ook absoluut updaten met nieuwe inhoud en projecten, implementeer verschillende functies, verbeter de gebruikerservaring en blijf up-to-date met de huidige design trends.
Tot slot
Je hebt nu alle tips en tools binnen handbereik en hebt antwoord op de vragen: Wat is een portfolio? en Hoe maak je een portfolio? Je ziet het: een portfolio maken is echt niet zo moeilijk als je denkt, zeker niet bij het volgen van de bovenstaande tien stappen. You can do it!
Marijne Verhoef
Marketing Manager