De etalage

Website voorbeelden: negen voorbeeldzaken, echt gebouwd

Dit zijn geen klanten. Dit zijn negen sites die ik als voorbeeld bouwde, en van elke site lees je hoe hij ontstond. Overdag gietvloeren. 's Avonds bouwen. Kijk zelf.

beurten · bouwdagen · wat misging · meting Kom je uit een video? Dan ben je hier goed.

Negen voorbeeldzaken

Een barbier, een architect, een dronefotograaf.

Negen complete sites, gebouwd met Claude Code. Per zaak lees je in het bouwverslag wat goed ging, wat misging en wat de meting zegt. De reviews en aantallen óp die sites zijn voorbeeldvulling.

  1. De homepage van voorbeeldzaak SNIT op een telefoon: donkere barbershop met warm lamplicht
    Voorbeeldzaak

    SNIT: lees het bouwverslag

    Barbier · Haarlem

    Een afspraak in vier tikken: barber, dienst, dag, tijd. Het grote werk deed de bouwlus in één nacht.

    19 beurten Claude Code, in 3 runs

  2. De homepage van voorbeeldzaak KADANS op een telefoon: een donkere kop met grote witte letters over een zacht vervaagde trainingsfoto
    Voorbeeldzaak

    KADANS: lees het bouwverslag

    Personal trainer · Amsterdam

    Vaste prijzen op de site en een keuzehulp van drie vragen.

    ruim 6 uur bouwlus, van dossier tot eerste versie

  3. De homepage van voorbeeldzaak FORM by Elias op een telefoon: donkergroene kop met een trainingsplan
    Voorbeeldzaak

    FORM by Elias: lees het bouwverslag

    Personal trainer · Rotterdam

    Dezelfde site, maar sneller: de telefoon laadt geen zware animatiecode meer.

    133 KB → 2,4 KB animatiecode bij het openen

  4. De homepage van voorbeeldzaak BLIK op een telefoon: zachte huidtinten van een lashstudio
    Voorbeeldzaak

    BLIK: lees het bouwverslag

    Lashstudio · Den Bosch

    Lash, PMU en bruids op één site, met een plaktest vóór je PMU boekt.

    ± 1,5 uur bouwlus, zondag overdag

  5. De homepage van voorbeeldzaak PAND op een telefoon: een bakstenen gevel, schuin van onderen
    Voorbeeldzaak

    PAND: lees het bouwverslag

    Architect · Utrecht

    Een architectensite als boek: omslag, inhoudsopgave, colofon.

    40 beurten, tot de harde grens

  6. De homepage van voorbeeldzaak Studio Havik op een telefoon: een licht interieur met een grote kop
    Voorbeeldzaak

    Studio Havik: lees het bouwverslag

    Architect · Rotterdam

    Projecten filteren op type en regio, met een voor-na-schuif. De eerste van de negen.

    18 rondes bouwlus, in 85 minuten

  7. De homepage van voorbeeldzaak BOVEN op een telefoon: een luchtfoto van daken
    Voorbeeldzaak

    BOVEN: lees het bouwverslag

    Dronefotografie · Eindhoven

    Vier ingangen over de volle breedte, en de werkwijze als vliegroute.

    71 → 98 prestaties mobiel, 17-07 en 30-09

  8. De homepage van voorbeeldzaak Kaya Lento op een telefoon: palmbomen en een wit paviljoen aan helder water
    Voorbeeldzaak

    Kaya Lento: lees het bouwverslag

    Boutique hotels · Curaçao

    Boeken zonder tussenpersoon: datum kiezen, totaalprijs zien. Hotels en villa’s op Curaçao en in Colombia, in één vrijdagavond en -nacht gebouwd.

    4 hero's op één avond

  9. De homepage van voorbeeldzaak Luna Créative Studios op een telefoon: warm portretlicht
    Voorbeeldzaak

    Luna Créative Studios: lees het bouwverslag

    Personal branding · Lyon

    Een portfolio voor personal branding, eerst zonder één foto.

    49 verbouw-beurten na de bouwlus

Wat ze gemeen hebben

Zzp website voorbeelden: wat de goede gemeen hebben.

Negen zaken in zeven vakken, en drie dingen die vaak terugkomen. Kijk ernaar als je naar je eigen site kijkt.

  1. Je ziet meteen wat het kost.

    KADANS zet drie trajecten met een vaste prijs gewoon op de site, met een keuzehulp van drie vragen. Geen "vraag een offerte aan" voordat je iets weet.

    Het verslag van KADANS
  2. Je kunt meteen iets doen.

    Bij SNIT staat een afspraak in vier tikken: barber, dienst, dag, tijd. Bij Kaya Lento kies je een datum en zie je direct de totaalprijs.

    Het verslag van SNIT
  3. Hij is snel op je telefoon.

    Alle negen halen op mobiel 97 of hoger voor snelheid (Lighthouse 13.5.0, mediaan van drie metingen, 30-09-2026). Bij FORM zie je hoe dat ging: dezelfde site, zonder zware animatiecode op de telefoon.

    Het verslag van FORM

De klok

Wanneer werd er gebouwd?

Eerlijk antwoord: niet alleen 's avonds. De bouwlus draait zelf, ook overdag; ik stuur en keur wanneer ik kan.

Wanneer de negen voorbeeldzaken gebouwd werden, per zaak alle bouwdagen op één balk van 24 uur
  1. SNIT (Barbier): 23:52 tot 23:54, dossier erin, de lus start; 00:13 tot 02:14, bouwlus, beurt 1 tot en met 14; 07:57 tot 08:14, bouwlus, laatste 4 beurten; 21:25 tot 21:52, dag- en nachtthema; 21:11 tot 22:40, negen keer online gezet; 01:23 tot 01:33, gedaante-ronde; 08:44 tot 09:09, videokop; 11:19 tot 14:18, klikbare kaarten; 18:02 tot 21:29, van veilig naar privéclub
  2. KADANS (Personal trainer): 19:52 tot 20:12, bouwlus; 20:24 tot 22:06, bouwlus; 22:25 tot 23:59, bouwlus; 00:00 tot 01:28, bouwlus; 06:50 tot 09:41, ronde met mij; 21:15 tot 22:45, ronde met mij; 06:58 tot 08:03, ronde met mij; 00:08 tot 00:17, ronde met mij; 08:34 tot 09:07, ronde met mij; 14:24 tot 14:24, klikbare kaarten en interne links; 18:03 tot 18:20, ronde met mij; 20:55 tot 21:29, ronde met mij; 06:12 tot 06:42, ronde met mij
  3. FORM (Personal trainer): 18:23 tot 19:21, beelden en video, na de lus; 15:20 tot 17:44, bouwlus, begin afgeleid uit bestandstijden; 19:50 tot 21:06, nog zes keer online gezet; 16:25 tot 16:55, fix en meting; 18:09 tot 19:29, beweging terug, lessen opgeschreven; 20:14 tot 21:07, lessen in de intake-tool
  4. BLIK (Lashstudio): 10:48 tot 12:20, bouwlus, 18 beurten; 12:20 tot 14:22, aankleding, ergens tussen de lus en de eerste deploy; 18:02 tot 21:28, serif, 3D-achtergrond, 9 deploys; 06:15 tot 06:32, nieuwe hero, 3 deploys
  5. PAND (Architect): 15:55 tot 20:27, bouwlus, 40 beurten; 21:39 tot 23:56, beelden, motion terug, kwaliteitsronde; 07:44 tot 09:09, boek-ronde en video-hero; 14:25 tot 14:25, kruislinks; 17:57 tot 20:51, editorial, dag en nacht; 06:30 tot 06:31, lijntekening als achtergrond
  6. Studio Havik (Architect): 15:40 tot 17:05, bouwlus, 18 rondes; 17:28 tot 20:24, fixes, achtergrond, video, Netlify; 20:30 tot 20:33, rode cirkels; 09:08 tot 09:08, fix menu en filterbalk
  7. BOVEN (Dronefotografie): 09:25 tot 10:40, bouwlus; 16:14 tot 16:49, bouwlus; 18:24 tot 19:55, ronde met mij; 21:47 tot 22:51, ronde met mij; 01:42 tot 02:03, ronde met mij; 08:44 tot 09:08, ronde met mij; 18:02 tot 18:37, ronde met mij
  8. Kaya Lento (Boutique hotels): 19:26 tot 19:26, dossier en beelden erin; 19:39 tot 22:05, bouwlus, run 1; 22:21 tot 00:39, bouwlus, run 2 (loopt door na middernacht); 00:00 tot 00:39, run 2, laatste beurten; 01:25 tot 01:47, bezoeknotities, merk, staande video; 11:16 tot 11:23, de zee-laag
  9. Luna (Personal branding): 13:48 tot 19:25, bouwlus; 00:46 tot 01:07, beelden erbij, door wie staat niet vast; 09:50 tot 14:41, ronde met mij; 18:11 tot 18:19, ronde met mij; 21:35 tot 21:51, ronde met mij; 09:05 tot 15:37, ronde met mij; 11:30 tot 13:15, ronde met mij

Elk blok is een vastgelegde tijd van die zaak: uit git, de log van de bouwlus of van Orbis, of bestandstijden. Bij FORM is het begin van de bouwlus afgeleid. Online zetten telt hier niet mee. Alle bouwdagen van een zaak staan op één balk.

De werkbon

Zo ziet mijn werkbon eruit.

Op elke werkbon zie je de beurten, de bouwdagen en de meting. Wat er misging, lees je in elk verslag. Fouten benoemen is het bewijs, niet de zwakte. Meten, niet gokken.

SNIT haalde op 29-09 in Lighthouse (13.5.0, mobiel, live) prestaties 100 in 7 van 8 metingen, 1 keer 98. Toegankelijkheid 100.

Benieuwd wat een website kost met zo'n werkbon erbij?

Bekijk de hele werkbon van SNIT
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

Meten, niet gokken.

Gemeten met Lighthouse 13.5.0 op de live site, 30-09-2026. Tijden uit de git-log en de deploy-geschiedenis.

Reeks 1 · Claude Code

Wil je zien hoe ik met Claude Code werk? Ik nam het op.

  1. Cover van deel 1: Geen terminal. Alleen een app.
  2. Cover van deel 2: Verder dan de app? Richt je werkplaats in.
  3. Cover van deel 3: Claude Code in je Terminal? Drie stappen.
  4. Cover van deel 4: Ik lees geen code. En toch bouw ik websites.
  5. Cover van deel 5: Eén gesprek. Op drie schermen.
  6. Cover van deel 6: Tafel 7 bestelt. Zonder kassa.

Kijk de reeks op Instagram of TikTok.

Wil je zoiets voor jouw zaak?

Vertel me wat je zaak nodig heeft. Je krijgt een eerlijke prijs, of een eerlijk nee.

Vraag een prijs

Liever zelf leren? Pak de gratis gids.