Voorbeeldzaak · Aannemer · Wassenaar

Een website voor een aannemer: voorbeeldzaak Hofwerck

Aannemer in Wassenaar, gebouwd met Claude Code. Hofwerck is een voorbeeldzaak: de zaak is verzonnen, de site is echt.

Eerlijk antwoord: Hofwerck 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 Hofwerck (opent in een nieuw tabblad)
De homepage van Hofwerck op een telefoon: een villa met bakstenen gevel en crème stuc in avondlicht, daaronder de kop Uw villa of herenhuis verbouwd, en elke dag weten waar u staat en een blauwe knop Plan een kennismaking
De voorkant: eerst het huis, dan de kop en één knop.

Wat ik bouwde en waarom

Drie keuzes voor een aannemer.

  • De pagina Villa-renovatie en verbouwing op een telefoon: een rood bakstenen villa onder hoge bomen, daaronder de kop Uw villa van kap tot fundering verbouwd en dezelfde blauwe knop
    Elke dienst een eigen pagina, met een eigen beeld bovenaan.

    Eerst het huis

    Op de telefoon staat het huis bovenaan, dan de kop en één knop. Ik koos de oude voorkant boven een nieuwe hero.

  • De projectenpagina op een telefoon: een ingerichte woonkamer met erkers, openslaande deuren en groene fauteuils, daaronder de kop Het werk dat wij hebben opgeleverd, met de feiten erbij en een regel met vier plaatsen
    Zeven projecten, elk met plaats, werk, omvang en duur.

    Projecten met de feiten

    Zeven projecten met plaats, omvang en duur, zonder prijs of adres. De intake had er geen plek voor, dus die bouwden we eerst.

  • De pagina Kennismaking aanvragen op een telefoon: de kop, een regel dat kennismaking en opname kosteloos en vrijblijvend zijn, en het begin van een formulier met naam, telefoonnummer en e-mailadres
    Elke knop komt hier uit: één formulier voor een kennismaking.

    Eén knop, één formulier

    Plan een kennismaking brengt je overal naar hetzelfde formulier. Bellen blijft het tweede pad. Op de telefoon zit de knop in het menu.

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. do 22-10 · 12:13 De intake begint Veertien minuten, 27 AI-beurten, niets overgeslagen. Om 12:27 staat de zip klaar.
  2. 12:32 Het dossier gaat erin Tien pagina’s gevraagd, drie diensten elk met een eigen pagina.
  3. 12:56 tot 14:10 Elke pagina een eigen stap De bouwlus schrijft per pagina een eigen commit, van de home tot contact.
  4. 14:20 Veertig beeldvakken Allemaal AI-beeld. Negen kwamen na de keuring opnieuw.
  5. 14:33 Eerste versie groen Ruim twee uur na het dossier: build, site-qa en interactie-qa op nul fouten.
  6. 17:08 De motor wordt beter Hofwerck krijgt update v6.43 zoals een lid: knop naar het formulier, team, één werkwijze.
  7. 19:22 Afwerkronde Acht beelden opnieuw, een eigen opener per dienst, het team direct na de hero.
  8. 20:32 tot 23:27 Gelijk maken Stapiconen, gelijke broers, elke stap even lang. Metingen van 49, 40 en 117 fouten, steeds terug naar nul.
  9. za 24-10 · 14:06 De knop naar het menu Op de telefoon alleen logo en hamburger in de balk. Zo staat hij nu.
Werkbon Voorbeeldzaak Hofwerck · aannemer, Wassenaar
Gebouwd met
Claude Code verse hulpagenten, één taak per beurt
Taken
20 van 20 allemaal groen, site-qa 0 en interactie-qa 0
Commits
44 van do 22-10 12:32 tot za 24-10 14:06
Dossier tot eerste versie
ruim 2 uur do 22-10 12:32 tot 14:33, daarna nog afwerken
De intake
14 min do 22-10 12:13 tot 12:27, niets overgeslagen
Pagina's
11
Formulieren
1 aanvraag met een echte serverfunctie
Wat misging
de update brak de galerij do 22-10 18:27: projectbeelden plakten, op 1440 viel er een weg
Prijs
n.v.t. voorbeeldzaak, geen opdracht

Tijden uit de git-log van de bouw en de bestanden van de intake. Alle namen, cijfers en beelden op de demo zijn verzonnen.

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.