WOUDSTRA DESIGN
Mijn eigen portfolio: ontworpen in Figma, gebouwd met AI-ondersteunde webdevelopment en zelf te beheren via een eigen admin.
Een portfolio dat ik zelf ontwerp, bouw en beheer. Geen sitebouwer met een abonnement, maar eigen code: snel, toegankelijk en zonder hulp bij te werken.
Lanceerpagina
De homepage op desktop en mobiel.
VRAAGSTUK
Ik wilde een site die net zo verzorgd is als het werk dat erop staat: snel op mobiel, goed vindbaar en toegankelijk, en zelf bij te houden zonder in de code te duiken.
AANPAK
- 01Eerst ontworpen als klikbaar prototype in Figma, voor desktop en mobiel.
- 02Gebouwd in eigen code met AI-ondersteunde webdevelopment: AI schrijft de code, ik ontwerp, stuur en test het resultaat.
- 03Een eigen beheeromgeving om cases, teksten en beelden aan te passen; wat ik publiceer staat meteen live.
- 04Automatische tests bij elke wijziging: werkt elke pagina, zijn er geen kapotte links, en blijven de scores op peil.
Dienstpagina
De dienstpagina UI/UX design, met een Figma-canvas in de hero.
Projectpagina
De projectenpagina, met een filter op dienst.
IN CIJFERS
- Snelheid: 97 van 100
- Toegankelijkheid: 100 van 100
- Techniek: 100 van 100
- Vindbaarheid: 100 van 100
Lighthouse-scores van woudstra.design op mobiel, gemeten in oktober 2026.
UITKOMST
Een snelle, toegankelijke site die ik volledig zelf beheer. Nieuwe cases en teksten zet ik vanuit de admin live, en de site laat zien hoe ik voor klanten werk: eerst ontwerpen, dan bouwen, en alles getest.
