Website bouwen met AI? Dit ging er bij mij allemaal mis

Voor iemand die anderen vertelt hoe ze vindbaar worden, was een eigen website al een tijdje een pijnlijk gat. Ik had een Wix-account en een domeinnaam, maar geen site.

Dus besloot ik nicciseverens.nl stap voor stap te bouwen, samen met AI. Claude, om precies te zijn.

Hieronder alles wat daarbij misging, want van wat goed ging leer je meestal niks. Kan dat eigenlijk wel, een website bouwen met AI?

Het korte antwoord: ja, maar AI bouwt niet voor je, het bouwt met je. AI levert de maten, de opbouw, de SEO-teksten en de code. Jij neemt de beslissingen over smaak, en je ontdekt onderweg alle eigenaardigheden van je websitebouwer zelf.

AI was de architect, ik was de handen

In Wix moest ik nog altijd zelf elk blok slepen, elke maat invullen en elke kleur kiezen. AI gaf de maten en de opbouw. Ik schreef de teksten, deed het klikwerk en nam alle beslissingen over smaak.

Dat bleek een eerlijke taakverdeling. Al voelde het soms alsof ik de handen was van een architect die zelf geen muis kon vasthouden en het niet kon laten om elke pixel na te meten.

Waarom zag mijn site eruit als een template?

Omdat ik in een template begon en stap voor stap bouwde. Ik koos de Wix-template Minimalistische indeling en liet me per element vertellen wat ik moest doen.

Na een paar secties zag het eruit als precies wat het was: een template met mijn naam erin.

De oplossing was de volgorde omdraaien. Eerst liet ik per sectie een compleet visueel ontwerp maken, met exacte maten, kleuren en afstanden. Pas daarna bouwde ik het na in Wix.

Ontwerpen en klikken zijn twee verschillende klussen. Doe je ze tegelijk, dan krijg je een website die naar allebei ruikt.

Hoe kies je een lettertype voor je website?

Door heel veel lettertypes lelijk te vinden. Ik begon met Cormorant Garamond voor de koppen. Elegant, keurig, en na drie dagen te braaf. Ik wilde iets met meer lef.

Abril Fatface (alleen al voor de naam) en Bebas Neue zaten niet in de Wix-bibliotheek. Anton vond ik erg lelijk. Instrument Serif vond ik spuuglelijk, en dat is het officiële verslag.

Het werd Playfair Display Bold voor de koppen en Avenir Light voor de lopende tekst, op een crème achtergrond met een amber accent en alleen zwart-witfoto's.

Ik heb nog even overwogen om alles zwart-wit te maken. Toen kwam ik weer lichtelijk bij zinnen.

Wat weet AI niet over Wix?

De eigenaardigheden die je pas ontdekt als je het zelf doet. Een paar uit mijn verzameling:

• Een X- of Y-positie invullen lukt vaak pas de tweede keer, dus altijd twee keer invoeren en controleren.

• Druk je op Cmd+A zonder eerst in de tekst te klikken, dan selecteer je alle elementen op de hele pagina. Leuk als je alles wilt verplaatsen, minder leuk als je één zin wilde wijzigen.

• Na het typen springt de tekstgrootte terug naar de standaard van het thema.

• De hoogte van een sectie stel je niet in met een getal, maar door aan een paars pilletje te slepen.

• Een onderstreping kun je niet los van de tekst kleuren. Mijn amber lijntjes onder links zijn daarom losse lijn-elementen die netjes onder de tekst liggen te doen alsof.

AI kende geen van deze trucs vooraf. Elke keer dat ik er een tegenkwam, werd het een vaste regel in de werkwijze. Zo leerden we het allebei, al mocht alleen ik erover vloeken.

Wat gebeurt er als AI zelf mag klikken?

Inmiddels werk ik ook met een Claude die rechtstreeks aan Wix gekoppeld is en zelf pagina's bouwt. Dat scheelt een hoop slepen. Het levert ook nieuwe verrassingen op.

Toen hij een nieuwe pagina aanmaakte, kwam die als los item in mijn hoofdmenu terecht. Daardoor paste het menu niet meer op één regel en verdween Boeken achter een knopje More. Een andere keer klikte hij per ongeluk de editor weg naar het dashboard, terwijl ik er zelf in werkte.

Het meest menselijke moment: een bestand dat ik in een ander gesprek had gekregen, kon hij niet zien. Twee AI's in dezelfde browser, en ik als postbode ertussen.

Waar woonde mijn domein eigenlijk?

Niet bij mijn nieuwe site. Mijn domeinnaam bleek nog vast te zitten aan een oudere Wix Studio-site, gebouwd op een template met de naam Camille Brown.

Ik bouwde dus wekenlang aan een huis terwijl mijn adres nog bij mijn ex-site stond ingeschreven. Inmiddels staat alles op het goede adres.

Wat doet AI wél goed bij een website?

Alles wat met precisie en geduld te maken heeft. Exacte ontwerpspecificaties per sectie, teksten in mijn toon, SEO-titels en metabeschrijvingen, alt-teksten en FAQ-schema voor elke blogpost.

Werk dat ik normaal in stukjes tussendoor doe, lag nu klaar voordat ik koffie had gezet.

Wat AI niet doet

AI kan niet zeggen dat iets lelijk is en dat ook menen. Toen ik mijn eerste blogpost opende, stond er nog een Engelse voorbeeldtekst van Wix over communicatie in, met een foto van tulpen.

Geen enkel taalmodel had me gewaarschuwd dat mijn SEO-artikel bloemen bevatte. Kijken blijft mensenwerk.

Wat zou ik anders doen?

Eerst ontwerpen, dan bouwen. Lettertypes kiezen voordat ik verliefd word op een kleur. Mijn domein meteen goed koppelen. Mijn eigen gouden regel bleef overeind: altijd opslaan, nooit per ongeluk publiceren.

Sneller, maar nog steeds van mij

AI maakte het bouwen sneller, maar het maakte de keuzes niet. Deze site is nog steeds van mij, inclusief elk lelijk lettertype dat het niet werd.

Veelgestelde vragen

Kun je een website bouwen met AI?

Ja, maar AI bouwt met je, niet voor je. AI levert maten, opbouw, teksten en code. Jij neemt de beslissingen over smaak en controleert of alles echt klopt in je websitebouwer.

Hoe voorkom je dat je AI-website op een template lijkt?

Laat eerst per sectie een compleet ontwerp maken, met exacte maten, kleuren en afstanden, en bouw het daarna pas na. Ontwerpen en bouwen tegelijk levert een site op die naar de template blijft ruiken.

Wat kan AI goed bij het bouwen van een website?

Precisiewerk: ontwerpspecificaties, teksten, SEO-titels, metabeschrijvingen, alt-teksten en gestructureerde data zoals FAQ-schema.