Voorbeeldzaak · Barbier · Haarlem

Website bouwen met Claude: zo ontstond voorbeeldzaak SNIT

Website bouwen met Claude, zonder dat ik code lees. SNIT is een voorbeeldzaak, geen klant: een barbier in Haarlem. Dit is hoe de site ontstond, met de echte tijden.

Eerlijk antwoord: SNIT bestaat niet. De site wel. Alles hieronder is echt gebouwd en echt gemeten. De reviews, aantallen en het adres óp de demo zijn opvulling, geen echte klanten.

Wanneer er gebouwd werd

Eén nacht bouwen, daarna rondes.

De bouwlus deed het grote werk in één nacht: beurt 1 tot en met 14, tussen 00:13 en 02:14. Daarna stuurde ik bij, in rondes verspreid over tien dagen. Elk streepje is een keer dat hij online ging.

zo 12-07 (dossier): 23:52 tot 23:54, dossier erin, de lus start
ma 13-07 (de nacht): 00:13 tot 02:14, bouwlus, beurt 1 tot en met 14; 07:57 tot 08:14, bouwlus, laatste 4 beurten
di 14-07: 20:08 online gezet; 21:34 online gezet
wo 15-07: 06:22 online gezet
do 16-07: 06:03 online gezet; 15:54 online gezet; 21:17 online gezet; 21:25 tot 21:52, dag- en nachtthema
vr 17-07: 21:11 tot 22:40, negen keer online gezet
za 18-07: 07:21 online gezet; 08:04 online gezet
zo 19-07: 01:23 tot 01:33, gedaante-ronde; 08:44 tot 09:09, videokop; 11:19 tot 14:18, klikbare kaarten
ma 20-07 (stil):
di 21-07: 18:02 tot 21:29, van veilig naar privéclub
wo 22-07 (nu live): 06:04 online gezet

Echte kloktijden uit de git-log en de deploy-geschiedenis. Op 20 juli gebeurde niets.

De video's

Website maken met Claude, in twee afleveringen.

Uit de serie "Eén vakman, negen websites".

Wil je dit zelf? Zo werkt een website bouwen met Claude Code

Aflevering 1
Eén vakman, negen websites

De opener: alle negen voorbeeldzaken op een rij.
Aflevering 2
SNIT, de barbier

Van de homepage naar een afspraak, en daarna de meting.

Wat misging

Drie regels uit het logboek.

Een bouwlus is geen toverdoos. Deze drie regels staan letterlijk in de logboeken van SNIT. Twee zijn eerlijk. Eén is vals.

STOP

Nog vóór de bouw hield de controle na de intake het dossier tegen: verzonnen klantaantallen, een echt ogend telefoonnummer, een adres. De intake-tool zelf had niets gemarkeerd. Ik koos daarna bewust voor een volle demo, met verzonnen contactgegevens.

In deze non-interactieve lus is GEEN beeldbron beschikbaar

Eerlijk van de lus: hij mocht geen foto's maken, de rechten stonden dicht. Ik maakte de beelden zelf, met AI, en startte hem opnieuw.

BUILD-COMPLEET

Dit was vals. De lus zag het woord ergens staan en stopte, terwijl er nog een taak open stond. De derde run, 's ochtends, maakte hem echt af: 13 van 13 taken groen.

Voor en na

Van veilig naar privéclub.

De eerste versie ging op 14 juli online. Een week later voelde de site me nog te veilig. Ik wilde hem harder. Op 22 juli stond er een privéclub: nacht als standaard, "De vaste stoel", genummerde hoofdstukken en een video in de kop.

De homepage van SNIT op 14 juli, op een telefoon: een gevel met warm licht, de kop Strak. Scherp. Elke keer weer. en een prijskaart — Dezelfde plek op de site, op een telefoon. Schuif om te vergelijken.

De homepage van SNIT op 22 juli, op een telefoon: een donkere video van een barber aan het werk, een monogram en de knoppen Boek een afspraak en Vraag een stoel aan — Dezelfde plek op de site, op een telefoon. Schuif om te vergelijken.

De site zelf

Vier tikken tot een afspraak.

Barber, dienst, dag, tijd. De boekknop staat bovenaan, niet pas onderaan. Een barbershop website moet vooral dat goed doen.

De homepage van SNIT op een laptop: een barbier aan het werk, de kop Strak. Scherp. Elke keer weer. en rechts de prijslijst met Boek-knoppen — De homepage op een laptop. Rechts de prijslijst, met achter elke dienst een knop om te boeken.

Boeken, stap 1: bij wie wil je in de stoel?
De laatste stap: de afspraak staat. Het is een demo, er wordt niets echt geboekt.
Het menu op een telefoon: grote links, rustig onder elkaar.

Tweede leven · 24 september

De proefsite voor mijn eigen gereedschap.

Twee maanden later werd SNIT de eerste bestaande site die ik in Orbis inbracht, mijn eigen gereedschap om bestaande sites te verbouwen. Vijf pogingen, twee fixes, één verbouwronde en meteen weer terug. Elke fout werd daar een regel.

do 24-09 · 11:33 Poging 1: "klaar", maar leeg De klus meldde klaar. Er stond geen enkel voorbeeldbestand.
11:58 Poging 2: 504 bestanden Na een eerste fix in het gereedschap.
12:01 Poging 3 faalt "Het voorbeeld kon niet worden geplaatst." De tweede fix: altijd vers plaatsen.
12:21 tot 12:27 Poging 4 en 5: allebei goed
12:27 tot 12:38 Eén verbouwronde Een verzonnen oprichtingsjaar van de demo weghalen. Eén beurt, $0,50 geschat, uit het abonnement.
12:39 Meteen weer teruggedraaid Het was een proef. Terugdraaien kostte niets.

De werkbon

Meten, niet gokken. Dit is de werkbon.

Lighthouse is de test van Google voor snelheid en toegankelijkheid. Ik mat de live site opnieuw op 30 september. Eerder, op 29 september: 100 in 7 van 8 metingen, 1× 98.

100

Prestaties op een telefoon mediaan van 3 · Lighthouse 13.5.0 · live site · 30-09-2026

Werkbon Voorbeeldzaak SNIT · barbier, Haarlem

Gebouwd met: Claude Code
Beurten: 19 in 3 runs van de bouwlus
Taken: 13 van 13 allemaal groen
De nachtbouw: 00:13 tot 02:14 beurt 1 t/m 14, ma 13-07
Bouwdagen: 12-07 t/m 22-07 10 van 11 dagen gewerkt, 20-07 stil
Online gezet: 33 keer online gezet, van 14-07 tot 22-07
Pagina's: 13
Wat misging: geen foto’s, vals "klaar" de lus mocht geen beelden maken en stopte te vroeg; eigen beelden, herstart
Prestaties: 100 mobiel, mediaan van 3, 30-09
Toegankelijkheid: 100 mobiel en desktop
Prijs: n.v.t. voorbeeldzaak, geen opdracht