Hoe ik mijn nieuwe website opzette met Claude en Framer

Quint Verkoeijen

Quint Verkoeijen

6 min lezen

Het meeste bouwwerk aan deze site deed AI-assistent Claude, in een tempo waar ik nog steeds van sta te kijken. Ik zeg er eerlijk bij: bouwen met AI is mijn manier van werken en ik leer anderen om zo te bouwen. Ik gebruikte zelfs dezelfde aanpak die ik jou straks verkoop. Dus laat ik je zien hoe die bouw ging en welke keuzes je beter niet aan AI overlaat.

De homepage van quintverkoeijen.nl, die ik met Claude in Framer bouwde, met de kop “Bouw in één weekend een website van agency-niveau”

Het korte antwoord

Claude deed het maakwerk: de eerste versies van de teksten en de bouw in Framer, het online programma waarin mijn site staat. Daarvoor gebruikte Claude drie dingen van mij: mijn vragenlijst over mijn klanten en mijn aanbod, mijn Framer-template en mijn Claude-skills. De template is het ontwerp waarop Claude bouwt, de skills zijn de regels waaraan Claude zich houdt. Zelf besliste ik voor welke klanten de site is en wat erop komt. Daarna las ik elke tekst na en paste ik aan wat niet als mij klonk.

Het korte antwoord

Claude deed het maakwerk: de eerste versies van de teksten en de bouw in Framer, het online programma waarin mijn site staat. Daarvoor gebruikte Claude drie dingen van mij: mijn vragenlijst over mijn klanten en mijn aanbod, mijn Framer-template en mijn Claude-skills. De template is het ontwerp waarop Claude bouwt, de skills zijn de regels waaraan Claude zich houdt. Zelf besliste ik voor welke klanten de site is en wat erop komt. Daarna las ik elke tekst na en paste ik aan wat niet als mij klonk.

Dezelfde drie onderdelen die jij straks krijgt

Website in een weekend is het aanbod waarmee je straks zelf je site bouwt. Daarin zitten drie onderdelen:

  • Mijn vragenlijst over je klanten en je aanbod. Jouw antwoorden worden je teksten.

  • Mijn Framer-template: een ontwerp in Framer dat al klaarstaat en dat Claude invult.

  • Mijn Claude-skills: vaste instructies die Claude volgt als ’ie in Framer bouwt.

Claude bouwt daarmee je site in Framer. Voor mijn eigen site gebruikte ik de drie onderdelen in deze volgorde.

De homepage van quintverkoeijen.nl met de kop Bouw in één weekend een website van agency-niveau en een formulier om je op de wachtlijst te zetten

Eerst de vragenlijst, dan pas Framer

Framer bleef eerst gewoon dicht. Ik begon met de vragenlijst: dezelfde vragen die mijn klanten krijgen. Die vragenlijst is het meeste werk, maar ook het belangrijkste.

In de vragenlijst maak je de keuzes die AI niet voor je kan maken: voor wie je werkt, wat je aanbiedt en hoe je klinkt. Sla je de vragenlijst over, dan schrijft Claude teksten die net zo goed op de site van een ander kunnen staan.

Mijn template legt het ontwerp al vast

Claude begint niet bij een lege pagina, want in mijn template liggen de opbouw, de lettertypes en de witruimte al vast. Elke sectie werkt aan een aanvraag.

Omdat Claude op die template bouwt, is versie 1 al voor 80 tot 90 procent af. Daarna schaaf je vooral je teksten nog bij.

Hoeveel verschil mijn template en vragenlijst maken, zie je op mijn homepage. Daar staan twee sites voor dezelfde verzonnen coach, allebei gemaakt met AI. Links staat de versie “Met een AI-tool”, gemaakt uit één opdracht: alles in het geel is een AI-gewoonte. Rechts staat de versie “Met mijn template”, met mijn vragenlijst.

Waarom ik voor mijn template Framer koos en niet Wix of Squarespace, lees je in Framer, Wix of Squarespace.

Mijn Claude-skills houden de AI-geur eruit

In mijn Claude-skills staat ook een lijst met kenmerken die niet op een site mogen. Een lezer die zo’n kenmerk ziet, denkt aan AI. Zonder zo’n lijst kiest Claude de kleuren, kopjes en zinnen die je overal ziet. Met de lijst bepaal jij wat er niet op je site komt.

Op die lijst staan onder meer:

  • Paarse gradients (kleurverlopen).

  • Kopjes in hoofdletters boven elke titel.

  • Overal opsommingstekens en lange gedachtestreepjes.

  • Beloftes als “Ontgrendel je potentieel”.

  • Op elke pagina een zin als “het is niet X, het is Y”.

In zo herken je een website die door AI is gemaakt leg ik uit waarom deze kenmerken naar AI ruiken. Twijfel je over je eigen site, doe dan de gratis AI-geurtest: ik kijk zelf welke van deze kenmerken op jouw site staan.

De keuzes bleven van mij

Terwijl Claude bouwde, hield ik vier taken zelf in handen:

  • Kiezen voor wie ik werk en wat ik aanbied.

  • Elke tekst lezen en aanpassen tot ’ie klinkt als ik.

  • Foto’s aanleveren.

  • Beslissen over de open vragen die Claude voorlegde.

Bijsturen deed ik grotendeels vanaf mijn telefoon. Ik koos, Claude bouwde verder.

Nakijken doe je niet in hetzelfde gesprek

Mijn ervaring: laat je AI een pagina nakijken in hetzelfde gesprek waarin ’ie die pagina maakte, dan keurt ’ie ’m meestal goed. Wil je een pagina laten beoordelen, start dan een nieuw gesprek en zeg er niet bij wie ’m gemaakt heeft.

Een mens blijft daarnaast nodig. Laat je site voor de livegang doorklikken op een telefoon, door iemand die ’m nog niet kent. Zit er een knop op je site die nergens heen gaat, dan drukt die persoon er gegarandeerd als eerste op.

Wat je vooraf beslist

  • Wat wil jij nooit op je site zien?

  • Welke beslissingen wil je zelf nemen en welke laat je aan AI over?

  • Wie kijkt je site na voordat ’ie live gaat, behalve jij en de AI die ’m bouwde?

Zo begin je zelf

Ga je zelf aan de slag, begin dan net als ik bij je klanten en wat je ze aanbiedt. Framer open je pas daarna. In mijn artikel over zelf een site bouwen met AI lees je waar je dan tegenaan loopt.

Liever niet vanaf nul beginnen? Eind 2026 of begin 2027 start website in een weekend, met dezelfde vragenlijst, template en Claude-skills waarmee ik mijn site bouwde. Claude zet daarmee jouw site in Framer neer. Zet je op de wachtlijst, dan hoor je de startdatum en de prijs vóór iedereen.

Quint Verkoeijen

Wat ik zou doen

Nog voordat AI één pagina bouwt, zou ik opschrijven wie je klanten zijn en wat je verkoopt. Maak er een lijstje bij van wat je bezoeker nooit mag zien, zoals paarse gradients. Geef dat lijstje bij elke opdracht aan de AI mee. Laat de AI je pagina’s daarna in een vers gesprek kritisch lezen.

Quint Verkoeijen

Wat ik zou doen

Nog voordat AI één pagina bouwt, zou ik opschrijven wie je klanten zijn en wat je verkoopt. Maak er een lijstje bij van wat je bezoeker nooit mag zien, zoals paarse gradients. Geef dat lijstje bij elke opdracht aan de AI mee. Laat de AI je pagina’s daarna in een vers gesprek kritisch lezen.

Veelgestelde vragen

Bronnen

Eigen werk: de bouw van quintverkoeijen.nl met mijn vragenlijst, Framer-template en Claude-skills

Google Search Central over AI-content, bekeken op 29 oktober 2026

Quint Verkoeijen

Quint Verkoeijen

Jij bent goed in je vak. Je site mag dat ook laten zien. Laten we praten.

Design Bewust, Weverstraat 16, 6811 EL Arnhem. KvK 93200226

Quint Verkoeijen

Quint Verkoeijen

Jij bent goed in je vak. Je site mag dat ook laten zien. Laten we praten.

Design Bewust, Weverstraat 16, 6811 EL Arnhem. KvK 93200226

Quint Verkoeijen

Quint Verkoeijen

Jij bent goed in je vak. Je site mag dat ook laten zien. Laten we praten.

Design Bewust, Weverstraat 16, 6811 EL Arnhem. KvK 93200226