Mijn website werd langzaam meer dan een online cv

Projecten · Website · PHP · Portfolio

Intro

Toen ik ermee aan de slag ging, was het vooral mijn online cv. Een plek waar je snel kon zien wie ik ben, wat ik heb gedaan en hoe je me bereikt.

Alleen vertelt een cv niet alles. Bij projecten wilde ik ook kunnen uitleggen hoe iets tot stand kwam. En bij een sollicitatie is een algemene profielpagina net niet persoonlijk genoeg. Dus kwamen er gaandeweg functies bij. Niet vanuit een groot masterplan; meestal omdat ik ergens tegenaan liep.

TL;DR: Mijn website begon als online cv. Later kwam er een blog bij om projecten meer context te geven, en sollicitatiepagina’s om een brief en cv gericht te kunnen delen. De basis is hetzelfde gebleven; de site kreeg er functies bij wanneer ik ze nodig had.

De basis: mijn online cv

De basis was de homepage die je nu nog steeds ziet: werkervaring, opleiding, projecten, persoonlijke interesses en contact. Met eigen foto's, achtergronden en kleine interactieve details was het al meer dan een kaal cv. Het was vooral een overzicht. Handig als je snel wilt weten wie ik ben, maar er bleef weinig ruimte over voor het verhaal achter een project.

Waarom er een blog bij kwam

Op een gegeven moment merkte ik dat de site vooral liet zien wat ik had gedaan, maar niet altijd hoe ik ertoe kwam. Daarom kwam er een blog bij, met een overzicht en een eigen pagina voor ieder artikel.

Dat veranderde de rol van de website. Een cv vertelt vooral wat ik heb gedaan; in een artikel kan ik ook uitleggen hoe een project ontstond, welke afwegingen ik maakte en wat onderweg niet werkte. Zo is er ruimte voor verhalen over mijn homelab, kleine zelfgebouwde tools en de boekscanner.

De blog staat niet los van de homepage. Het is een tweede ingang naar hetzelfde profiel: daar de korte introductie en ervaring, hier de uitgebreidere context achter het werk.

Toen ik de site voor sollicitaties ging gebruiken

Later kwam er nog een praktisch gebruik bij: sollicitaties. Een algemene cv-pagina is daarvoor niet altijd genoeg. Ik wilde per sollicitatie een passende begroeting, motivatie en contactgegevens kunnen delen, zonder voor iedere vacature een compleet nieuwe website te maken.

Ik hoef dus niet voor iedere vacature de hele site opnieuw te bouwen. De basis blijft hetzelfde; alleen de begroeting, brief en contactgegevens veranderen. Zo sluit een sollicitatiepagina aan op mijn profiel, zonder dat het een aparte miniwebsite wordt.

En dan moet het ook nog goed afdrukken. Ik heb de printweergave een paar keer aangepast zodat cv en motivatie logisch op papier aansluiten, contactinformatie duidelijk staat en de printknoppen doen wat je verwacht. Een website moet er niet alleen goed uitzien op een scherm; hij moet ook werken wanneer iemand het cv wil bewaren of meenemen.

De techniek achter de pagina’s

Achter de schermen is het vrij eenvoudig gehouden: PHP, CSS en JavaScript. De homepage, blogartikelen en brieven gebruiken dezelfde basis, maar hun inhoud staat apart. Een kleine router zorgt ervoor dat bijvoorbeeld /blog/ en de sollicitatiepagina’s op de juiste plek uitkomen.

Voor wat de site moet doen, vind ik dat prettig werken. Ik kan een artikel toevoegen zonder de homepage om te gooien, en een brief aanpassen zonder een tweede versie van de hele site te onderhouden.

Er zit wel een grens aan: de homepage is inmiddels verantwoordelijk voor behoorlijk veel. Daarom probeer ik nieuwe inhoud apart te houden. Artikelen staan in eigen bestanden, briefgegevens bij de bijbehorende route en de printregels in de printstylesheet.

Functies om zelf te testen

Er zitten ook een paar kleine interacties in die je makkelijk over het hoofd ziet:

• Licht en donker: met de zon/maan-knop wissel je van thema. De site volgt je systeemvoorkeur totdat je zelf een keuze maakt, en onthoudt die keuze daarna.
• Kleurenkiezer: met het penseel op de homepage kun je de accentkleur aanpassen. Die keuze wordt in je browser bewaard.
• Afgeschermde brieven: een sollicitatiepagina kan achter een eenvoudig wachtwoord staan, terwijl de rest van mijn profiel gewoon zichtbaar blijft.
• Printweergave: na het openen van een brief kun je zien hoe cv en motivatie als afdruk samenkomen.

Die laatste twee kun je nu zelf proberen op de demo-briefpagina. De inhoud is fictief en het testwachtwoord is demo. Na het ontgrendelen kun je de brief bekijken en de printknop proberen. Er staan geen echte sollicitatiegegevens op die route.

En dan wordt het een beetje meta

De website vertelt over projecten die ik bouw, maar is zelf ook zo’n project geworden. De blog is een plek om mijn werk uit te leggen én een functie die ik aan de site heb toegevoegd. De sollicitatiepagina’s laten mijn profiel zien, maar helpen me ook om gericht te solliciteren.

En nu schrijf ik over de website in de blog die op diezelfde website staat. Dat is inderdaad een beetje meta. Zo is hij gegroeid: niet vanuit een compleet plan, maar steeds omdat ik er iets nieuws mee wilde doen.

Wat de website nu is

sanderveldscholten.nl is nog steeds mijn persoonlijke profiel. Alleen heeft die profielpagina inmiddels meerdere functies: ze geeft context bij mijn ervaring, biedt een plek voor projectverhalen en kan worden aangepast aan een specifieke sollicitatie.

De les voor mij is niet dat iedere persoonlijke website een eigen blog of sollicitatiesysteem nodig heeft. Het is vooral dat je niet vooraf hoeft te weten wat een website uiteindelijk wordt. Begin met wat je nodig hebt; als er een volgende concrete taak opduikt, kan de site meegroeien zonder zijn oorspronkelijke doel kwijt te raken.

Achteraf gezien is dit ook een vorm van agile websiteontwikkeling. Niet als formeel Scrum-proces, maar door stap voor stap te bouwen: eerst iets bruikbaars maken, het in de praktijk gebruiken en daarna bijstellen zodra ik merk wat er ontbreekt. Voor deze website werkt dat beter dan vooraf alles proberen dicht te timmeren.

Vragen / feedback

Als je vragen hebt over de opzet van deze website, de blogengine of de brief-routes, stel ze dan via mijn contactformulier en ik neem contact met je op.