Portfolio website maken met AI

Een portfolio op een eigen site is jouw visitekaartje. Opdrachtgevers en werkgevers kijken er vaak naar voordat ze contact opnemen. Op een eigen site bepaal jij hoe je werk wordt getoond, in welke volgorde en met welk verhaal erbij.

Met een website die je zelf met AI bouwt zit je niet vast aan de opmaak van een sjabloon. Je kunt een indeling kiezen die bij je werk past: grote beelden voor een fotograaf, een rustige leesweergave voor een schrijver, of een raster met projecten voor een ontwerper.

Je hoeft daarvoor niet te leren programmeren. Je beschrijft wat je wilt, bekijkt het resultaat en stuurt bij tot het klopt.

• Een korte openingszin die zegt wat je doet en voor wie, bijvoorbeeld: bruiloftsfotograaf in Utrecht en omgeving.
• Een selectie van je beste werk. Liever acht sterke projecten dan dertig gemiddelde.
• Per project een eigen pagina met beelden of tekst, en een paar zinnen over de opdracht, jouw rol en het resultaat.
• Een pagina over jou: wie je bent, hoe je werkt en wat je achtergrond is.
• Een duidelijke manier om contact op te nemen: een formulier, je e-mailadres of beide.
• Optioneel: je diensten, een lijst met opdrachtgevers of publicaties, en links naar je profielen op andere platforms.

De basis is hetzelfde, maar de nadruk verschilt per vak. Geef de AI deze richting mee in je eerste opdracht.

• beeld

  Fotograaf

  Grote foto's die bijna het hele scherm vullen, weinig tekst en een rustige achtergrond. Laat de AI een galerij bouwen waarin je met de pijltjestoetsen of door te vegen door de foto's bladert.

• projecten

  Ontwerper

  Een raster met projecten, en per project een pagina met het probleem, je aanpak en het eindresultaat. Toon schetsen of tussenstappen, want opdrachtgevers willen zien hoe je denkt.

• tekst

  Schrijver of journalist

  Een overzicht van publicaties met titel, medium en datum, en een prettige leesweergave voor langere stukken. Een goed lettertype en voldoende witruimte zijn hier belangrijker dan beelden.

• werk

  Illustrator of kunstenaar

  Series of collecties gegroepeerd, met per werk de titel en techniek. Eventueel een pagina met werk dat te koop is of beschikbaar voor opdrachten.

1. 1

   Verzamel je werk

   Zet je beste beelden of teksten in één map op je computer. Geef bestanden duidelijke namen, zoals bruiloft-anna-en-tom-01.jpg. Schrijf per project een paar regels tekst.

2. 2

   Beschrijf de site

   Vertel Claude Code welke pagina's je wilt, welke sfeer je zoekt en hoe de projecten getoond moeten worden. Noem een paar sites die je mooi vindt en zeg wat je eraan aanspreekt.

3. 3

   Bouw eerst de homepage

   Laat de AI beginnen met de homepage en één projectpagina. Bekijk ze in je browser en stuur bij tot de opzet goed voelt. Pas daarna vul je de andere projecten aan.

4. 4

   Maak het makkelijk om werk toe te voegen

   Vraag de AI om de projecten in één overzichtelijk bestand te zetten, bijvoorbeeld projecten.json, zodat je later een nieuw project toevoegt zonder door alle code te hoeven zoeken.

5. 5

   Voeg het contactformulier toe

   Laat het formulier je een mail sturen of berichten opslaan. Test het met een eigen bericht voordat je de site deelt.

6. 6

   Zet de site online met je eigen domein

   Bewaar het project in GitHub en zet het van daaruit online. Koppel daarna je eigen domeinnaam, bijvoorbeeld je eigen naam met .nl erachter.

Foto's rechtstreeks uit je camera zijn vaak vele megabytes groot. Dat ziet er op je eigen computer prima uit, maar op een telefoon met een trage verbinding duurt het lang voordat je portfolio verschijnt. Bezoekers haken dan af voordat ze je werk hebben gezien.

Vraag de AI om van elke foto een kleinere versie te maken voor het overzicht en een grotere versie voor de detailweergave, in een modern bestandsformaat zoals WebP. Vraag ook om afbeeldingen pas te laden als de bezoeker ernaartoe scrolt. Zo laadt de eerste pagina snel en blijft de kwaliteit behouden.

Geef elke afbeelding een korte beschrijving, een zogenoemde alt-tekst. Die wordt voorgelezen aan mensen die slecht zien en helpt zoekmachines begrijpen wat er op de foto staat.

Een eigen domeinnaam maakt je portfolio makkelijk te onthouden en te delen. Kies iets kort, het liefst je eigen naam of je bedrijfsnaam. Zet de link in je e-mailhandtekening, op je visitekaartje en op je profielen op social media.

Geef elke pagina een duidelijke titel en beschrijving waarin staat wat je doet en waar. Een fotograaf die schrijft over bruiloftsfotografie in een bepaalde regio wordt eerder gevonden dan iemand met alleen de tekst portfolio. De AI kan deze titels en beschrijvingen voor je invullen als je zegt waarop je gevonden wilt worden.