Voorbeeldzaak · Loodgieter · Eindhoven

Een website voor een loodgieter: voorbeeldzaak Koperwerk

Loodgieter in Eindhoven, gebouwd met Claude Code. Koperwerk is een voorbeeldzaak: de zaak is verzonnen, de site is echt.

Eerlijk antwoord: Koperwerk bestaat niet. De site wel. Alles hieronder is echt gebouwd en echt gemeten. De reviews, mensen, cijfers en prijzen óp de demo zijn opvulling.

Bekijk Koperwerk (opent in een nieuw tabblad)
Koperwerk op de telefoon: bovenaan koperen leidingen met twee kranen, daaronder de kop over water door je plafond, een knop Bel voor spoed en het nummer in de balk
Beeld, kop, knop. Het nummer staat al bovenin.

Wat ik bouwde en waarom

Drie keuzes voor een loodgieter.

  • De lekdetectiepagina op de telefoon: een monteur richt een warmtecamera op een witte muur, daaronder de kop over water door je plafond of muur en de belknop
    De vakman bij het lek, niet alleen een kop.

    Beeld, dan kop

    Op de telefoon staat eerst het beeld, dan de kop en de knop. Op een desktop staan ze naast elkaar. Je ziet meteen het werk.

  • De tarievenpagina op de telefoon: een monteur en een bewoonster hurken bij een open keukenkastje met een tablet, daaronder de kop over wat een loodgieter kost en de prijsregel
    De prijs staat in het eerste scherm.

    De prijs vooraf

    Bij een lek wil je weten wat het kost. Voorrijden en uurtarief staan in het eerste scherm, de hele lijst heeft een eigen pagina.

  • De spoedpagina op de telefoon: een monteur met een warmtecamera in een warm verlichte ruimte, daaronder de kop, een spoedtarief en de knop Bel voor spoed
    Dezelfde knop als op de andere pagina’s.

    Eén knop: bellen

    Bij een lek wil je iemand aan de lijn. De pagina’s hebben dezelfde knop, Bel voor spoed, en het nummer staat bovenin.

Uit de bouw

Letterlijk uit de bestanden.

  1. progress.md · wo 21-10

    Ja, alles in één ronde

Van dossier tot klaar

Zo ging de bouw, met echte tijden.

Elke tijd komt uit de git-log van de bouw. Wat de lus alleen deed en waar ik bijstuurde, staat erbij.

  1. di 20-10 · 09:23 Het dossier is klaar De intake duurde 13 minuten en 44 seconden. Niets overgeslagen.
  2. 13:27 tot 14:32 Elke pagina een eigen stap Elf pagina’s, elk een eigen commit. Veertien hulpagenten, veertien taken.
  3. 14:59 Eerste eindcontrole groen Build, beide meetscripts en de formulieren: nul fouten.
  4. 16:42 Tim kijkt op zijn iPhone Teksten te dicht op elkaar. Gemeten: 171 krappe plekken. Daarna nul.
  5. 18:08 en 19:06 Minder en gelijker De home van 16 naar 10 schermen, en gelijke dingen staan gelijk.
  6. wo 21-10 · 20:05 Alles in één ronde Elke belofte één keer per pagina, nieuwe beelden, een herkeuring.
  7. za 24-10 · 08:54 De nieuwe meetlat, 313 fouten Elf pagina’s heropend, elk met een foutenlijst.
  8. 11:14 tot 11:37 Hoofden heel in beeld Vier kijkbeurten. De tarievenfoto moest twee keer opnieuw.
  9. 12:31 De laatste afwerking Een lege strook onder de hero op desktop is dicht. Dit is de stand nu.
Werkbon Voorbeeldzaak Koperwerk · loodgieter, Eindhoven
Gebouwd met
Claude Code met de Pre-Build Copilot-motor, versie 6.49 bij de laatste afwerking
Pagina's
13 11 pagina’s, een bedankpagina en een 404
Taken
20 van 20 allemaal groen
Commits
56 31 op di 20-10, 3 op wo 21-10, 22 op za 24-10
Dossier tot klaar
ruim 4 dagen di 20-10 09:23 tot za 24-10 12:31, 3 dagen gewerkt
Formulieren
2 met een echte serverfunctie, 30 proeven groen op 24-10
Wat misging
313 fouten za 24-10 08:54: de nieuwe meetlat vond 313 fouten en 14 in de teksten, op een site die al groen stond
Controles
0 fouten interactie-qa en site-qa, za 24-10 12:31
Prijs
n.v.t. voorbeeldzaak, geen opdracht

Tijden uit de git-log van de bouw en het logboek van de intake. Lighthouse is na 20-10 niet opnieuw gemeten.

De werkbon

Alles op één bon.

Wat je kunt tellen, op één bon. Ook wat misging.

Ook zo'n site voor jouw zaak?

Vaste prijs, en de werkbon erbij.

Wat kost een website

Liever zelf bouwen? Zelf leren bouwen met Claude Code.