{"id":928,"date":"2024-08-28T12:02:14","date_gmt":"2024-08-28T12:02:14","guid":{"rendered":"\/tutorials\/?p=928"},"modified":"2025-01-14T09:20:28","modified_gmt":"2025-01-14T09:20:28","slug":"portfolio-voorbeeld","status":"publish","type":"post","link":"\/nl\/tutorials\/portfolio-voorbeeld","title":{"rendered":"15+ Beste portfolio website voorbeelden voor persoonlijke merken, fotografen, kunstenaars en meer"},"content":{"rendered":"<p>Met een digitaal portfolio kun je je beste werk onder de aandacht brengen en vergroot je je online zichtbaarheid. Dit opent mogelijkheden voor potenti&euml;le jobs en collaboraties. Het maken van een online portfolio dat opvalt, kan echter een hele uitdaging zijn. Daarom bieden wij je de beste portfolio website voorbeelden aan, zodat je een goed beeld krijgt van wat er allemaal mogelijk is voordat je aan de slag gaat met het bouwen van jouw website.<\/p><p>In dit artikel vind je 15+ portfolio website voorbeelden voor verschillende mensen, zoals schrijvers, studenten en bekende personen, waarbij we aangeven wat deze voorbeelden zo speciaal maakt. We behandelen ook de vijf aspecten van het maken van een portfolio waarmee je potenti&euml;le klanten aan je kunt binden.<\/p><p>Download checklist voor websitelancering<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-top-portfolio-website-voorbeelden-voor-persoonlijke-merken\"><strong>Top portfolio website voorbeelden voor persoonlijke merken<\/strong><\/h2><p>Een goed startpunt is inzicht in <a href=\"https:\/\/www.hostinger.com\/nl\/tutorials\/hoe-maak-je-een-website\"><strong>hoe je een unieke website maakt<\/strong><\/a> en op zoek te gaan naar inspiratie over wat voor jou werkt en in jouw branche gebruikelijk is.<\/p><p>Dit zijn de vier beste portfolio voorbeelden met een solide persoonlijke branding. Ontdek hoe je deze <a href=\"https:\/\/www.hostinger.com\/tutorials\/website-ideas\"><strong>website-idee&euml;n<\/strong><\/a> op jouw eigen website kunt toepassen.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-enrico-deiana\"><strong>1. <\/strong><a href=\"https:\/\/www.enricodeiana.design\/\" target=\"_blank\" rel=\"noopener\"><strong>Enrico Deiana<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Enrico-Deiana-startpagina.png\/public\" alt=\"Enrico Deiana startpagina\n\" class=\"wp-image-929\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Enrico-Deiana-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Enrico-Deiana-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Enrico-Deiana-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>: meerdere micro-interacties en sector specifiek top-level domein<\/li>\n<\/ul><p>Enrico Deiana is een Italiaanse product- en webdesigner. Zijn unieke en aantrekkelijke portfolio site ontving een eervolle vermelding in de 2022 <a href=\"https:\/\/www.awwwards.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Awwwards<\/strong><\/a>.<\/p><p>Op het moment dat bezoekers op de website belanden, zien ze een &lsquo;swipe&rsquo;-effect en een typografische &lsquo;hero&rsquo;-afbeelding, die de bezoekers direct vertellen wat Enrico Deinana doet en direct een goede eerste indruk oplevert.<\/p><p>Als je naar beneden scrolt, zijn er meerdere micro-interacties, zoals bijvoorbeeld:<\/p><ul class=\"wp-block-list\">\n<li>De stijl van de cursor verandert wanneer je met je muis over klikbare koppelingen beweegt.<\/li>\n\n\n\n<li>Verandering van de achtergrond als de cursor op een portfoliogebied landt.<\/li>\n\n\n\n<li>Geanimeerde tekst, foto&rsquo;s en knoppen die oproepen tot actie.<\/li>\n<\/ul><p>De Over-pagina is ook boeiend en informatief. Er worden ook meerdere certificaten en awards weergegeven met behulp van een scroll-effect en een bewegende titel.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/scroll-effect-en-een-bewegende-titel.png\/public\" alt=\"scroll effect en een bewegende titel\n\" class=\"wp-image-930\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/scroll-effect-en-een-bewegende-titel.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/scroll-effect-en-een-bewegende-titel.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/scroll-effect-en-een-bewegende-titel.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Deze freelance webdesigner verrijkt zijn portfolio met informatie over zijn <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-start-web-design-business\"><strong>webdesign bedrijf,<\/strong><\/a> waaronder een prijzenpagina met beschrijvingen van zijn diensten. Dit is een geweldige manier om sneller leads binnen te halen.<\/p><p>Een ander geweldig aspect van dit online portfolio is het gebruik van een <strong>.design<\/strong> <a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-tld\"><strong>top-level domein (TLD)<\/strong><\/a>, waardoor Enrico&rsquo;s persoonlijke branding als ontwerper wordt versterkt.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-sean-o-brien\"><strong>2. <\/strong><a href=\"https:\/\/seanobrien.com.au\/\" target=\"_blank\" rel=\"noopener\"><strong>Sean O&rsquo;Brien<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Sean-OBrien-startpagina.png\/public\" alt=\"Sean O'Brien startpagina\n\" class=\"wp-image-931\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Sean-OBrien-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Sean-OBrien-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Sean-OBrien-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>&nbsp;een solide persoonlijke merknaam en een domeinnaam met landcode<\/li>\n<\/ul><p>Sean O&rsquo;Brien is een windsurfer die wereldwijd kampioenschappen heeft gewonnen. Hij vermeldt de informatie boven in beeld op de startpagina, zodat bezoekers meteen weten wie hij is.<\/p><p>Sean showt ook logo&rsquo;s van partners op de startpagina en op de perspagina staan artikelen over zichzelf. Hij schrijft ook <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-write-a-blog-post\"><strong>blogposts<\/strong><\/a> en op de Tour-pagina staan zijn bezigheden centraal.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/opvallende-en-kleurrijke-ontwerpen.png\/public\" alt=\"opvallende en kleurrijke ontwerpen\n\" class=\"wp-image-932\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/opvallende-en-kleurrijke-ontwerpen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/opvallende-en-kleurrijke-ontwerpen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/opvallende-en-kleurrijke-ontwerpen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Sean heeft voor opvallende en kleurrijke ontwerpen gekozen waarin zijn passie beter tot zijn recht komt. Er staan ook verschillende surffoto&rsquo;s op de site en er worden grote lettertypes gebruikt met eenvoudige effecten die de inhoud licht verteerbaar houden.<\/p><p>Aangezien hij uit Australi&euml; komt, gebruikt de Sean de landcode-TLD <strong>.au<\/strong> als signaal voor zoekmachines en bezoekers dat zijn persoonlijke website op dat land gericht is. Gebruik een <a href=\"https:\/\/www.hostinger.nl\/domeinnaam-checken\" target=\"_blank\" rel=\"noopener\"><strong>domeinzoeker<\/strong><\/a> wanneer je een persoonlijk merk wil ontwikkelen.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Pro Tip <\/h4>\n                    <p> Bekijk onze beste <a href=\"https:\/\/www.hostinger.com\/tutorials\/best-portfolio-website-builders\">portfolio website bouwers<\/a> als je zonder problemen portfolio websites wilt bouwen. <\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-3-melyssa-griffin\"><strong>3. <\/strong><a href=\"https:\/\/www.melyssagriffin.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Melyssa Griffin<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Melyssa-Griffin-startpagina.png\/public\" alt=\"Melyssa Griffin startpagina\n\" class=\"wp-image-933\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Melyssa-Griffin-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Melyssa-Griffin-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Melyssa-Griffin-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>&nbsp;goed gebruik van pop-ups en een informatieve startpagina<\/li>\n<\/ul><p>Melyssa Griffin is een voormalig lerares die andere ondernemers in hun kracht wil zetten met content over het ontwikkelen van bedrijven, waaronder online cursussen en een coaching programma.<\/p><p>Wanneer je haar digitale portfolio opent, verschijnt er een pop-up quiz waarin je meer te weten komt over jouw stijl van ondernemen. Dit is een geweldig concept waarmee je de betrokkenheid van bezoekers vergroot en ze beter leert begrijpen.<\/p><p>Een ander opvallend aspect van Melyssa&rsquo;s portfolio is de uitgebreide informatie op de startpagina. Het laat zien wie zij is, haar projecten, eerdere klanten en essenti&euml;le links. De pagina bevat ook haar Instagram-feed en in de footer krijg je de mogelijkheid om je in te schrijven voor haar nieuwsbrief, een aansporing tot actie.<\/p><p>Melyssa gebruikt felle kleuren, zoals geel en oranje, waardoor gebieden of elementen er direct uitspringen. Door illustraties en kleurrijke vormen toe te voegen, wordt haar portfolio uniek en aantrekkelijk.<\/p><p>Voor degenen die professionele prestaties willen combineren met personal branding, kan het verkennen van een <a href=\"https:\/\/www.hostinger.nl\/templates\/cv\" target=\"_blank\" rel=\"noopener\"><strong>template voor een cv-website<\/strong><\/a> een game-changer zijn.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Pro Tip <\/h4>\n                    <p> Laat je inspireren door deze <a href=\"https:\/\/www.hostinger.com\/tutorials\/content-creator-website-templates\">website templates voor content creators<\/a> en probeer Hostinger Website Builder om gemakkelijk <a href=\"https:\/\/www.hostinger.com\/portfolio-website\">je eigen portfolio site te bouwen.<\/a> <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-top-portfolio-website-voorbeelden-van-bekende-personen\"><strong>Top portfolio website voorbeelden van bekende personen<\/strong><\/h2><p>Laten we eens kijken naar de persoonlijke portfolio websites van vier bekende personen, waaronder een komiek en een voetballer.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-russell-brand\"><strong>1. <\/strong><a href=\"https:\/\/www.russellbrand.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Russell Brand<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Russell-Brand-startpagina.png\/public\" alt=\"Russell Brand startpagina\n\" class=\"wp-image-934\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Russell-Brand-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Russell-Brand-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Russell-Brand-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>nieuwsbriefbanner en boekingsfunctie<\/li>\n<\/ul><p>Russell Brand is acteur, komiek en activist op het gebied van geestelijke gezondheid en drugsrehabilitatie. Hij is betrokken bij dit soort zeer uiteenlopende activiteiten, dus een persoonlijke website met informatie over zijn werkzaamheden is belangrijk.<\/p><p>Op zijn site vind je al zijn werk, waaronder boeken, podcasts en stand-up comedy video&rsquo;s. Hij deelt ook de data van zijn stand-ups optredens en community evenementen. Fans kunnen tickets direct op zijn website boeken.<\/p><p>De site moedigt de betrokkenheid van de community ook aan, door mensen op te roepen zich aan te melden voor de mailinglijst en de banner van de nieuwsbrief steeds bovenaan op de pagina&rsquo;s te plaatsen.<\/p><p>Qua ontwerp maakt de site gebruik van een kleurenpalet in aardetinten met schreefletters en afbeeldingen van kraaien waarvan zijn fans weten dat deze symbool staan voor verandering of transformatie.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-lior-raz\"><strong>2. <\/strong><a href=\"https:\/\/www.liorraz.co.il\/\" target=\"_blank\" rel=\"noopener\"><strong>Lior Raz<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lior-Raz-starpagina.png\/public\" alt=\"Lior Raz starpagina\n\" class=\"wp-image-935\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lior-Raz-starpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lior-Raz-starpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lior-Raz-starpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>&nbsp;informatieve portfolio-site bestaande uit &eacute;&eacute;n pagina en een hero-video<\/li>\n<\/ul><p>Lior Raz is &eacute;&eacute;n van de beste portfolio websites met &eacute;&eacute;n pagina, op deze lijst. Deze acteur en spreker heeft een visueel aantrekkelijke site gemaakt en biedt tegelijkertijd op een open manier informatie.<\/p><p>Als je als bezoeker op deze portfolio website terechtkomt, zie je een hero-video met korte fragmenten uit de films van Lior. Hiermee trekt de website direct de aandacht van bezoekers.<\/p><p>Zijn website heeft &eacute;&eacute;n pagina en is onderverdeeld in vijf secties &ndash; Over, Galerij, Pers, Spreken en Contact.<\/p><p>Bezoekers kunnen op de <strong>plus <\/strong>knop klikken voor meer inhoud in elke sectie. Hiermee wordt onoverzichtelijkheid voorkomen. Er is ook een <strong>&ldquo;hamburger&rdquo;<\/strong> knop (uitklapmenu) voor snellere navigatie naar de verschillende secties.<\/p><p>De website van de acteur gebruikt banner afbeeldingen over de hele breedte met duidelijke koppen en een zwarte achtergrond waardoor de nadruk op de inhoud blijft liggen.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/banner-afbeeldingen-over-de-hele-breedte.png\/public\" alt=\"banner afbeeldingen over de hele breedte\n\" class=\"wp-image-936\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/banner-afbeeldingen-over-de-hele-breedte.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/banner-afbeeldingen-over-de-hele-breedte.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/banner-afbeeldingen-over-de-hele-breedte.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-3-cristiano-ronaldo\"><strong>3. <\/strong><a href=\"https:\/\/www.cristianoronaldo.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Cristiano Ronaldo<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Cristiano-Ronaldos-portfolio.png\/public\" alt=\"Cristiano Ronaldo's portfolio\n\" class=\"wp-image-937\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Cristiano-Ronaldos-portfolio.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Cristiano-Ronaldos-portfolio.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Cristiano-Ronaldos-portfolio.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Cristiano Ronaldo&rsquo;s portfolio site<\/p><ul class=\"wp-block-list\">\n<li>Wat maakt deze site speciaal: <strong>carri&egrave;re hoogtepunten<\/strong><\/li>\n<\/ul><p>Als je op zoek bent naar voorbeelden van &eacute;&eacute;n pagina lay-out&rsquo;s, bezoek dan de website van Cristiano Ronaldo.<\/p><p>Het bovenste gedeelte van het portfolio laat alle projecten van Cristiano zien, van zijn voetbalcarri&egrave;re tot de mode-industrie. Elke afbeelding in de lay-out op basis van kaarten opent de desbetreffende webshop.<\/p><p>Als je naar beneden scrolt, toont een horizontale slider een samenvatting van de carri&egrave;re van de speler &ndash; gecategoriseerd op basis van de clubs waar hij actief is geweest. Elke dia toont een korte achtergrond video over Cristiano&rsquo;s verdiensten bij de club.<\/p><p>Naast de merken en hoogtepunten uit zijn carri&egrave;re biedt deze portfolio van &eacute;&eacute;n pagina een video van zijn meest recente product, een inschrijfformulier voor de nieuwsbrief en links naar eerdere samenwerkingen van Cristiano.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-bill-gates\"><strong>4. <\/strong><a href=\"https:\/\/www.gatesnotes.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Bill Gates<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Bill-Gates-website.png\/public\" alt=\"website van Bill Gates\n\" class=\"wp-image-938\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Bill-Gates-website.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Bill-Gates-website.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Bill-Gates-website.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>persoonlijke tijdlijn en tijdschrift lay-out<\/li>\n<\/ul><p>De website van Bill Gates is misschien wel &eacute;&eacute;n van de beste portfolio-voorbeelden als je je wilt richten op de presentatie van je werk en updates, en je kennis wilt delen.<\/p><p>De site is opgezet in de vorm van een tijdschrift en de berichten zijn onderverdeeld in onderwerpen als Klimaat en Energie en Onderwijs. Bovenaan de startpagina staan de geselecteerde uitgelichte nieuwe artikelen of relevante actuele artikelen.<\/p><p>De persoonlijke website van de medeoprichter van Microsoft gebruikt zwarte en witte kleuren, zodat de lezers zich kunnen concentreren op de krachtige beelden en video&rsquo;s van zijn YouTube-kanaal. Voor de eenvoud maakt ook deze website gebruik van een &ldquo;hamburger&rdquo;-menu (uitklapmenu) rechtsboven in het scherm.<\/p><p>De Over-pagina van deze website biedt geweldige idee&euml;n voor het maken van een aantrekkelijke persoonlijke of professionele tijdlijn. Hier zie je een interactieve tijdlijn met afbeeldingen van de reis van Bill Gates in verschillende gebieden &ndash; Microsoft, Bill &amp; Melinda Gates Foundation en andere projecten.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/interactieve-tijdlijn.png\/public\" alt=\"interactieve tijdlijn\n\" class=\"wp-image-939\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/interactieve-tijdlijn.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/interactieve-tijdlijn.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/interactieve-tijdlijn.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-top-portfolio-website-voorbeelden-voor-fotografen-en-kunstenaars\"><strong>Top portfolio website voorbeelden voor fotografen en kunstenaars<\/strong><\/h2><p>Ben je fotograaf of grafisch ontwerper? Bekijk dan deze <a href=\"https:\/\/www.hostinger.com\/tutorials\/art-portfolio-website-examples\"><strong>voorbeelden van websites voor kunstenaars<\/strong><\/a> en doe inspiratie op voor je eigen portfolio.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-tamara-sredojevic\"><strong>1. <\/strong><a href=\"https:\/\/www.iamtamara.design\/\" target=\"_blank\" rel=\"noopener\"><strong>Tamara Sredojevic<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Tamara-Sredojevic-startpagina.png\/public\" alt=\"Tamara Sredojevic startpagina\n\" class=\"wp-image-940\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Tamara-Sredojevic-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Tamara-Sredojevic-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Tamara-Sredojevic-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>unieke waarde propositie en aangepast domein<\/li>\n<\/ul><p>Tamara Sredojevic is specialist op het gebied van toegankelijk en duurzaam UX-ontwerp. Haar website is een uitstekend voorbeeld van een design portfolio dat de persoonlijke waarden weerspiegelt.<\/p><p>Op de startpagina vermeldt ze duidelijk haar doelgroep en bestaande klantenbestand, voornamelijk non-profits, goede doelen en ethische merken.<\/p><p>Naast het vermelden van haar kernwaarden op de pagina Over, verwijst de voettekst van de portfolio site naar de pagina Toegankelijkheidsverklaring, waarop wordt uitgelegd wat de <a href=\"https:\/\/www.hostinger.com\/tutorials\/web-accessibility\"><strong>toegankelijkheidsnormen<\/strong><\/a> van haar site zijn.<\/p><p>De site toont ook een CO2-voetafdrukscore om te laten zien dat de site milieuvriendelijk is.<\/p><p>Tamara&rsquo;s design portfolio is gebaseerd op eenvoud, met grote vormen, dunne lijnen en gedempte kleuren.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"297\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/eenvoudig-ontwerp.png\/public\" alt=\"eenvoudig ontwerp\n\" class=\"wp-image-941\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/eenvoudig-ontwerp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/eenvoudig-ontwerp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/eenvoudig-ontwerp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Om potenti&euml;le klanten te interesseren voor haar werk, wordt op elke projectpagina haar ontwerpproces uitgelegd, inclusief de achtergrond van het project en haar UX-aanpak.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-demas-rusli\"><strong>2. <\/strong><a href=\"https:\/\/www.demasrusli.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Demas Rusli<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Demas-Rusli-startpagina.png\/public\" alt=\"Demas Rusli startpagina\n\" class=\"wp-image-942\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Demas-Rusli-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Demas-Rusli-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Demas-Rusli-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li>Wat maakt deze site speciaal:<strong> hero-afbeelding<\/strong><\/li>\n<\/ul><p>Demas Rusli is een fotograaf met honderdduizenden volgers op sociale media. Hij richt zich op stads-, architectuur- en aerial fotografie.<\/p><p>In dit portfolio voorbeeld worden direct op de startpagina visueel aantrekkelijke foto&rsquo;s getoond. De startpagina is onderverdeeld in drie secties: hero-foto, foto categorie&euml;n en zijn Instagram-feed.<\/p><p>Bovenaan worden afbeeldingen over de volledige schermbreedte weergegeven. De foto&rsquo;s veranderen elke vijf seconden, waardoor deze fotografie website direct opvalt.<\/p><p>Daaronder volgen de foto categorie&euml;n: Opdrachten, Stedelijk, Aerial, Architectuur, Natuur en Fantasie. Dit biedt potenti&euml;le klanten de gelegenheid om te bepalen of zijn werk aansluit bij hun wensen. Als je op een van de categorie&euml;n klikt, zie je een galerij vol foto&rsquo;s en statische videobeelden.<\/p><p>De indeling van de galerij hangt af van de categorie. Op de pagina Opdrachten gebruikt Demas bijvoorbeeld een raster lay-out met de foto of GIF van elk project.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Galerij-met-categorie%C3%ABn.png\/public\" alt=\"Galerij met categorie&euml;n\n\" class=\"wp-image-943\"><\/figure><p>Bovendien zijn er boven elke categorie titel knoppen toegevoegd die naar de andere categorie&euml;n leiden, zodat bezoekers eenvoudig door de verschillende onderdelen kunnen navigeren zonder dat ze terug naar de startpagina hoeven te keren.<\/p><h4 class=\"wp-block-heading\" id=\"h-\"><\/h4><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Pro Tip <\/h4>\n                    <p> Bekijk enkele <a href=\"https:\/\/www.hostinger.com\/tutorials\/photography-website-examples\">fotografie website voorbeelden<\/a> voor inspiratie, en probeer Hostinger Website Bouwer om <a href=\"https:\/\/www.hostinger.nl\/fotografie-website\" target=\"_blank\" rel=\"noopener\">je eigen fotografie site te maken.<\/a> <\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-3-alice-lee\"><strong>3. <\/strong><a href=\"https:\/\/www.byalicelee.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Alice Lee<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Alice-Lee-startpagina.png\/public\" alt=\"Alice Lee startpagina\n\" class=\"wp-image-944\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Alice-Lee-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Alice-Lee-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Alice-Lee-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>&nbsp;een minimalistisch ontwerp voor illustratie portfolio&rsquo;s<\/li>\n<\/ul><p>Alice Lee is een onafhankelijke illustrator en muurschilder. Haar visueel aantrekkelijke portfolio kan <a href=\"https:\/\/www.hostinger.com\/tutorials\/website-design-inspiration\"><strong>een inspiratie zijn voor een geweldig webontwerp<\/strong><\/a>, vooral voor illustrators.<\/p><p>Bovenaan de startpagina heeft ze een subtiele animatie toegevoegd waarbij de hero-afbeelding meebeweegt met de cursor van de bezoeker.<\/p><p>Daarna presenteert Alice verschillende projecten in een minimalistische lay-out met een witte achtergrond, zodat bezoekers zich kunnen concentreren op haar kleurrijke en prachtige werk. Als je op &eacute;&eacute;n van de afbeeldingen klikt, zie je de projectbeschrijving en haar ontwerpen.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"655\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/projectbeschrijving-en-haar-ontwerpen.png\/public\" alt=\"projectbeschrijving en haar ontwerpen\n\" class=\"wp-image-945\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/projectbeschrijving-en-haar-ontwerpen.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/projectbeschrijving-en-haar-ontwerpen.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/projectbeschrijving-en-haar-ontwerpen.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-4-lauren-hom\"><strong>4. <\/strong><a href=\"http:\/\/homsweethom.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Lauren Hom<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lauren-Hom-startpagina.png\/public\" alt=\"Lauren Hom startpagina\n\" class=\"wp-image-946\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lauren-Hom-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lauren-Hom-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Lauren-Hom-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>inhoud van achter de schermen en educatieve blog<\/li>\n<\/ul><p>Lauren Hom is een ontwerper, illustrator en letterkunstenaar uit New York. Ze staat bekend om haar heldere kleurenpaletten en speelse lettervormen, en je kunt zien dat ze die stijl ook toepast in het grafisch ontwerp van haar portfolio.<\/p><p>Ze gebruikt verschillende tinten groen op de achtergrond en oranje voor de uitgelichte elementen, zoals hyperlinks en call-to-action knoppen.<\/p><p>Deze grafisch ontwerper deelt op de Werk-pagina foto&rsquo;s van achter de schermen, van het maken van tot de eindproducten&nbsp;<\/p><p>Ze schrijft ook blogposts over muurschilderingen, belettering en freelance tips. Ze deelt haar expertise en verbetert hiermee de positie van haar portfolio site in de zoekresultaten.&nbsp;<\/p><h4 class=\"wp-block-heading\" id=\"h-\"><\/h4><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Leestip <\/h4>\n                    <p> Wil je je creativiteit en vaardigheden laten zien? Lees dan deze artikelen:<br>\n<a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-make-a-graphic-design-portfolio\">Hoe maak je een grafisch ontwerp portfolio?<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-make-a-digital-art-portfolio\">Hoe maak je een digitale kunst portfolio?<\/a>  <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-top-portfolio-website-voorbeelden-voor-bloggers-en-schrijvers\"><strong>Top portfolio website voorbeelden voor bloggers en schrijvers<\/strong><\/h2><p>In dit gedeelte laten we vier portfolio idee&euml;n zien voor schrijvers, van tekstschrijvers tot componisten.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-1-todd-clarke\"><strong>1. <\/strong><a href=\"https:\/\/toddsgotapen.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Todd Clarke<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Todd-Clarke-startpagina.png\/public\" alt=\"Todd Clarke startpagina\n\" class=\"wp-image-947\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Todd-Clarke-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Todd-Clarke-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Todd-Clarke-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li>Wat maakt deze site speciaal:<strong> boeiende tekst<\/strong><\/li>\n<\/ul><p>Met het merk Toddsgotapen laat Todd Clarke zien dat er geen complexe animaties nodig zijn om een aantrekkelijk website portfolio te maken. Deze copywriter houdt het ontwerp van zijn site eenvoudig en gebruikt in plaats daarvan zijn copywriting vaardigheden om de aandacht van de bezoeker te trekken.<\/p><p>Zijn tekst is duidelijk en pakkend, zodat lezers snel begrijpen wat hij te bieden heeft en waarom ze hem zouden moeten inhuren. Hij gebruikt grote koppen die de informatie structureren, plus vette zinnen en pictogrammen in de hoofdtekst waarmee belangrijke punten worden benadrukt.&nbsp;<\/p><p>Op de Portfolio-pagina zorgen de aanklikbare categorie&euml;n bovenaan ervoor dat lezers gemakkelijker zijn werk kunnen bekijken.&nbsp; Elke afbeelding op de pagina leidt naar de live website of een schermvullende afbeelding die de live versie van het project weergeeft. Voor zijn geloofwaardigheid wijdt hij een hele pagina aan testimonials.&nbsp;<\/p><p>Todd heeft alleen een LinkedIn profiel en daarom heeft hij onderaan de pagina alle andere sociale media accounts doorgestreept, zodat bezoekers weten waar hij (niet) beschikbaar is.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-2-muriel-vega\"><strong>2. <\/strong><a href=\"https:\/\/www.murielvega.net\/\" target=\"_blank\" rel=\"noopener\"><strong>Muriel Vega<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Muriel-Vega-startpagina.png\/public\" alt=\"Muriel Vega startpagina\n\" class=\"wp-image-948\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Muriel-Vega-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Muriel-Vega-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Muriel-Vega-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>eenvoudige navigatie<\/li>\n<\/ul><p>Muriel Vega is een freelance tech-, food- en cultuurschrijfster die met meerdere populaire merken heeft gewerkt, waaronder The Guardian en Patreon.&nbsp; Haar portfolio is eenvoudig maar effectief en toont potenti&euml;le opdrachtgevers haar schrijfvaardigheden.&nbsp;<\/p><p>Op de startpagina staan haar functie, een menu met zes gekoppelde illustraties waar ze haar projecten mee illustreert en pictogrammen van sociale media. Haar werk is gerangschikt in een raster met een afbeelding, de titel van het artikel en het bedrijf dat het heeft gepubliceerd.<\/p><p>Op haar Over-pagina houdt Muriel de informatie eenvoudig met een beschrijving van haar eerdere schrijf ervaringen.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-3-helena-bowen\"><strong>3. <\/strong><a href=\"https:\/\/helenabowen.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Helena Bowen<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Helena-Bowen-startpagina.png\/public\" alt=\"Helena Bowen startpagina\n\" class=\"wp-image-950\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Helena-Bowen-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Helena-Bowen-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Helena-Bowen-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>sterke &lsquo;above-the-fold&rsquo; sectie<\/li>\n<\/ul><p>Helena Bowen is een topspreker, coach en speechschrijver. Ze heeft met meer dan 150 klanten samengewerkt, miljoenen online views verzameld en was te zien in media als TED, CNN en National Geographic.<\/p><p>Ze zet het bovenste deel van de startpagina effectief in als element om potenti&euml;le klanten aan te trekken. Hier wordt het aantal klanten weergegeven waarmee ze heeft gewerkt, het aantal views en het aantal talen waarin ze is vertaald.&nbsp;<\/p><p>Als je naar beneden scrolt, zie je niet alleen de testimonials van haar vorige klanten, maar ook hun reacties op sociale media.&nbsp;<\/p><p>Naast het leveren van sociaal bewijs, vertelt Helena ook over haar loopbaan achtergrond en algemene werkwijze.&nbsp;<\/p><p>Wat betreft het ontwerp van de site houdt ze het eenvoudig met veel witruimte en professionele foto&rsquo;s zodat lezers zich kunnen concentreren op de inhoud. De sterke kleuren benadrukken essenti&euml;le details.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-4-duygu-muhurdar\"><strong>4. <\/strong><a href=\"https:\/\/dmuhurdar.journoportfolio.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Duygu M&uuml;h&uuml;rdar<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Duygu-M%C3%BCh%C3%BCrdar-startpagina.png\/public\" alt=\"Duygu M&uuml;h&uuml;rdar startpagina\n\" class=\"wp-image-951\"><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal:<\/strong> simpele gebruikersinterface en duidelijke navigatie<\/li>\n<\/ul><p>Duygu M&uuml;h&uuml;rdar is een componist die verschillende rollen in de muziekindustrie vervult. Ze heeft meer dan alleen artikelen die ze wil laten zien. Daarom gebruikt ze miniaturen waarmee ze haar geschreven en visuele werk weergeeft, zodat de startpagina overzichtelijk en toch informatief blijft.<\/p><p>Elke menu-miniatuur heeft dezelfde minimalistische stijl met veel witruimte. Ze heeft ook links naar haar sociale media toegevoegd ter ondersteuning van de tekstuele inhoud.<\/p><p>De pagina Posts &ndash; geschreven in het Turks &ndash; biedt een zoek- en sorteerfunctie. Bezoekers kunnen ook specifieke artikelen vinden op basis van het type publicatie.<\/p><p>Door de witte achtergrond op de hele site vallen de uitgelichte gedeelten extra op. Dit is een goede ontwerpkeuze voor de Sociale Media Werk pagina, omdat de kleurrijke miniaturen zouden kunnen clashen met niet-neutrale kleuren.<\/p><h2 class=\"wp-block-heading\" id=\"h-top-portfolio-website-voorbeelden-voor-studenten\"><strong>Top portfolio website voorbeelden voor studenten<\/strong><\/h2><p>Hieronder volgen vier portfolio voorbeelden afkomstig van studenten en pas afgestudeerden. Deze kunnen dienen als inspiratie voor jouw eigen website.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-marino-franulovic\"><strong>1. <\/strong><a href=\"https:\/\/www.franulovic.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Marino Franulovic<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Marino-Franulovic-startpagina.png\/public\" alt=\"Marino Franulovic startpagina\n\" class=\"wp-image-952\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Marino-Franulovic-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Marino-Franulovic-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Marino-Franulovic-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>subtiele animaties op de startpagina<\/li>\n<\/ul><p>Marino Franulovic heeft een Bachelor of Arts van de Coventry University en richt zich in zijn werk op consultancy op het gebied van digitale marketing.<\/p><p>In het bovenste deel van de startpagina staan een grote kop, een korte biografie en bewegende tekst. Daaronder beschrijft Marino zijn diensten, waaronder marketingplanning en -ontwikkeling, waarbij subtiele float-in effecten worden toegepast wanneer gebruikers scrollen.<\/p><p>Verder naar beneden staat een blogpost, een Over-gedeelte met contactgegevens en een foto, en testimonials. Hoewel Marino&rsquo;s <a href=\"https:\/\/www.hostinger.com\/tutorials\/web-developer-portfolio\"><strong>webontwikkelaar portfolio<\/strong><\/a> een prima voorbeeld is van een goed ontwerp, zou het verbeterd kunnen worden door werk van vorige opdrachtgevers te laten zien om potenti&euml;le klanten te overtuigen een samenwerking met hem aan te gaan.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-dayla-baron\"><strong>2. <\/strong><a href=\"https:\/\/www.dalyabaron.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Dayla Baron<\/strong><\/a><\/h3><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Dayla-Baron-startpagina.png\/public\" alt=\"Dayla Baron startpagina\n\" class=\"wp-image-953\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Dayla-Baron-startpagina.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Dayla-Baron-startpagina.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/Dayla-Baron-startpagina.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Wat maakt deze site speciaal: <\/strong>focus op haar CV<\/li>\n<\/ul><p>De website van Dayla Baron is een uitstekend voorbeeld voor wie op zoek is naar inspiratie naar een portfolio site voor academisch schrijfwerk.<\/p><p>Deze promovendus in de astrofysica houdt de navigatie eenvoudig met vier menu&rsquo;s op de startpagina: CV, Onderzoek, Outreach en Persoonlijk. De menu&rsquo;s blijven zichtbaar (&ldquo;sticky&rdquo;), zodat bezoekers niet naar de startpagina hoeven terug te keren als ze andere categorie&euml;n willen bekijken.<\/p><p>Op de CV-pagina schrijft Dayla over haar opleiding, onderscheidingen en publicaties in chronologische volgorde, terwijl de Onderzoekspagina grafieken en cijfers bevat om lezers een indruk te geven van haar academische publicaties.<\/p><h2 class=\"wp-block-heading\" id=\"h-wat-maakt-een-portfolio-website-geweldig\"><strong>Wat maakt een portfolio website geweldig?<\/strong><\/h2><p>De bovenstaande voorbeelden maken duidelijk dat het bij het ontwerpen van een portfolio niet alleen gaat om esthetiek, maar ook om de algehele UX en inhoud. Daarom willen we in dit onderdeel de vijf beste portfolio kenmerken bespreken waar je rekening mee moet houden als <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-make-an-online-portfolio\"><strong>je een nieuw portfolio aanmaakt<\/strong><\/a> of een bestaand portfolio gaat bijwerken.<\/p><p><strong>Relevante projecten<\/strong><\/p><p>Zet alleen je beste werk in je portfolio, zo laat je zien welke vaardigheden relevant zijn binnen de functie die jij ambieert.<\/p><p>Daarom is het defini&euml;ren van een doelgroep belangrijk als hulpmiddel bij het filteren van je werk en het presenteren van je expertise vanuit het perspectief van de klant. Zo zouden foodfotografen hun portfolio moeten beperken tot commerci&euml;le en foodfotografie, zelfs als ze bijvoorbeeld prachtige landschapsfoto&rsquo;s hebben geschoten.<\/p><p><strong>Naadloze navigatie<\/strong><\/p><p>Met eenvoudige navigatie kunnen websitebezoekers sneller vinden wat ze zoeken, wat een geweldige gebruikerservaring oplevert. Vermijd teveel menu-linkjes en zorg ervoor dat het ontwerp volledig responsief is.<\/p><p>Als je creatief wilt zijn, vergeet dan de gebruikerservaring niet. Wie bijvoorbeeld een <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-make-photography-portfolio\"><strong>fotografie portfolio wil maken<\/strong><\/a>, dan is het portfolio van Demas Rusli een goed voorbeeld voor het organiseren van verschillende categorie&euml;n.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/verschillende-categorie%C3%ABn.png\/public\" alt=\"verschillende categorie&euml;n\n\" class=\"wp-image-954\"><\/figure><p><strong>Mooi ontwerp<\/strong><\/p><p>Het volgen van <a href=\"https:\/\/www.hostinger.com\/tutorials\/web-design-best-practices\"><strong>best practices op het gebied van webontwerp<\/strong><\/a> is essentieel als je een goede gebruikerservaring wilt bieden en je kansen op opdrachten wilt maximaliseren. Ongeacht het type portfolio, zorg ervoor dat je:<\/p><ul class=\"wp-block-list\">\n<li>Afbeeldingen van hoge kwaliteit gebruikt.<\/li>\n\n\n\n<li>Een kleurenpalet kiest dat jouw persoonlijkheid het beste weergeeft en je werk het beste tot zijn recht laat komen.<\/li>\n\n\n\n<li>De juiste typografie kiest.<\/li>\n<\/ul><p>Door ontwerpers gemaakte <a href=\"https:\/\/www.hostinger.nl\/website-templates\" target=\"_blank\" rel=\"noopener\"><strong>website thema&rsquo;s<\/strong><\/a> zijn een geweldige manier om mee aan de slag te gaan. De meeste <a href=\"https:\/\/www.hostinger.nl\/website-maken\" target=\"_blank\" rel=\"noopener\"><strong>website bouwers<\/strong><\/a>, waaronder die van Hostinger, bieden geweldige <a href=\"https:\/\/www.hostinger.com\/tutorials\/resume-website-template-examples\"><strong>CV website templates<\/strong><\/a> voor online portfolio&rsquo;s, zodat je niet alles zelf hoeft te bouwen.<\/p><p>Vul gewoon je eigen content in en pas, indien nodig, het ontwerp aan met onze gebruiksvriendelijke editor.<\/p><figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/gebruiksvriendelijke-editor.png\/public\" alt=\"gebruiksvriendelijke editor\n\" class=\"wp-image-955\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/gebruiksvriendelijke-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/gebruiksvriendelijke-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/08\/gebruiksvriendelijke-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h4 class=\"wp-block-heading\" id=\"h-\"><\/h4><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Pro Tip <\/h4>\n                    <p> Leer <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-design-a-website\">hoe je een website ontwerpt<\/a> en til je online portfolio naar een hoger niveau. <\/p>\n                <\/div>\n\n\n\n<\/p><p><strong>Informatie over jezelf<\/strong><\/p><p>Je professionele verhaal zal potenti&euml;le klanten overtuigen om met jou samen te werken, vooral als je relevante opleidingen, trainingen en awards bezit. Wees echter niet bang om af te wijken van die professionele toon als je <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-build-a-brand\"><strong>een merk wilt opbouwen<\/strong><\/a> dat beter bij jouw persoonlijkheid past.<\/p><p>Een aantal noodzakelijke gegevens die je in portfolio-websites zou moeten opnemen zijn:<\/p><ul class=\"wp-block-list\">\n<li>Persoonlijke gegevens zoals hobby&rsquo;s en idealen.<\/li>\n\n\n\n<li>Professionele achtergrond, zoals opleiding en certificaten.<\/li>\n\n\n\n<li>Jouw foto.<\/li>\n<\/ul><p><strong>Sociaal bewijs<\/strong><\/p><p>Sociaal bewijs maakt je persoonlijke merk betrouwbaarder. Naast testimonials van vorige klanten of collega&rsquo;s kun je ook artikelen en prijzen toevoegen.<\/p><p>Enrico Deiana vermeldt bijvoorbeeld zijn deelname aan de Awwwards-jury in zijn portfolio en Helena Bowen heeft artikelen opgenomen waarin haar klanten werden genoemd.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/nl\/website-bouwer\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/06\/NL-Website-Builder_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-144\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/06\/NL-Website-Builder_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/06\/NL-Website-Builder_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/28\/2024\/06\/NL-Website-Builder_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusie\"><strong>Conclusie<\/strong><\/h2><p>Een goede portfolio website is een combinatie van het juiste ontwerp, relevante voorbeeldopdrachten en informatie.<\/p><p>Voordat je <a href=\"https:\/\/www.hostinger.com\/tutorials\/how-to-make-an-online-portfolio\"><strong>een portfolio opbouwt<\/strong><\/a>, bedenk dan eerst wat jouw rol, persoonlijkheid en kernwaarden zijn waardoor je portfolio eruit springt. Zo kan een webontwerper bijvoorbeeld zijn technische vaardigheden demonstreren met micro-interacties, zoals Enrico Deiana. Of je kunt je principes formuleren, zoals Tamara Sredojevic dat doet.<\/p><p>Behalve het ontwerp is het gebruik van je expertise, zoals Todd Clarke&rsquo;s copywriting vaardigheden, een geweldige manier om potenti&euml;le werkgevers en klanten te laten zien wat je te bieden hebt.<\/p><p>We hopen dat de voorbeelden in dit artikel je hebben ge&iuml;nspireerd en dat je idee&euml;n hebt opgedaan die je toe kunt passen op jouw online portfolio.<\/p><p>Als je niet zeker bent over de kwaliteit van je portfolio, vraag het dan aan je vrienden, of neem contact op met een expert die je portfolio kan evalueren en helpen verbeteren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Met een digitaal portfolio kun je je beste werk onder de aandacht brengen en vergroot je je online zichtbaarheid. Dit opent mogelijkheden voor potenti&euml;le jobs en collaboraties. Het maken van een online portfolio dat opvalt, kan echter een hele uitdaging zijn. Daarom bieden wij je de beste portfolio website voorbeelden aan, zodat je een goed [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/nl\/tutorials\/portfolio-voorbeeld\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":441,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"15+ Beste Portfolio Website Voorbeelden ter Inspiratie in %currentyear%","rank_math_description":"Bekijk 15+ beste portfolio website voorbeelden ter inspiratie. We delen portfolio's van publieke figuren, schrijvers, studenten en meer.","rank_math_focus_keyword":"portfolio voorbeeld","footnotes":""},"categories":[12],"tags":[],"class_list":["post-928","post","type-post","status-publish","format-standard","hentry","category-website-ontwikkeling"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/portfolio-website-examples","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/sites-portfolio-exemplos","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/portfolio-exemple","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/portfolio-ejemplos","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/contoh-website-portofolio","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/portfolio-beispiele","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/esempi-di-portfolio","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/portfolio-voorbeeld","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/portfolio-ejemplos","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/portfolio-ejemplos","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/portfolio-ejemplos","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/sites-portfolio-exemplos","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/portfolio-website-examples\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/portfolio-website-examples","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/posts\/928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/users\/441"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/comments?post=928"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/posts\/928\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/nl\/tutorials\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}