Project overview
Mijn portfoliowebsite fungeert als centraal platform voor case-studies, blogposts en contact. De site combineert een strakke visuele identiteit met hoge Core Web Vitals-scores, zodat bezoekers snel de informatie vinden die ze nodig hebben.
Samenwerking
Ik ontwikkelde de site zelfstandig, maar betrok collega-designers voor feedback op typografie en kleurcontrast. Via korte review-loops verbeterde ik toegankelijkheid en micro-interacties.
Technische implementatie
- Astro islands-architectuur voor minimale JS-overhead en een Pagespeed Score > 95.
- Content collections (Markdown/MDX) om projecten en blogs als datagedreven modules te beheren.
- Tailwind 4 + eigen design tokens voor consistente UI-componenten.
- Vite bundling & Image optimization (Astro
<Image>component) voor snelle laadtijden.
Uitdagingen
- SEO en i18n – sitemap-generatie en OpenGraph-tags automatiseren zonder extra plug-ins.
- Dark-mode design – kleurensysteem zo opzetten dat zowel licht als donker thema AA-contrast haalt.
- Modulaire content – projecten, tools en skills als herbruikbare JSON/Markdown-blokken definiëren.
Persoonlijke reflectie
Deze site was een kans om de nieuwste Astro-features (content collections, ViewTransitions) in praktijk te brengen. Ik verdiepte me in semantische HTML en bereik nu een Lighthouse Accessibility Score van 100. Bovendien levert de automatische CI-pipeline me elke update in minder dan twee minuten live op, wat de iteratiesnelheid enorm vergroot.