Voorbeeldzaak · Nagelstudio · Amsterdam

Een website voor een nagelstudio: voorbeeldzaak Satijn

Nagelstudio in Amsterdam, gebouwd met Claude Code. Satijn is een voorbeeldzaak: de zaak is verzonnen, de site is echt.

Eerlijk antwoord: Satijn 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 Satijn

De home van Satijn op een telefoon: een foto over het hele scherm van twee handen met melkwitte nagels op een kussen, een stift in de ene hand, daaronder de kop Nagels die weken mooi blijven en een bordeaux knop Plan je afspraak — De foto vult het scherm, kop en knop staan erin. Zo koos ik het na kijken op mijn iPhone.

Wat ik bouwde en waarom

Drie keuzes voor een nagelstudio.

Bovenaan staat de belofte: prijs en tijd staan bij elke behandeling.

Prijs en garantie vooraan

Haar bezoekers twijfelen of het blijft zitten en wat het kost. Dus staan garantie, prijsbelofte en één knop al in het eerste scherm.
Een aanvraag in drie stappen, zonder account.

Boeken is een aanvraag

Het formulier stuurt een aanvraag, geen vaste boeking. Er is geen live agenda, en de pagina doet niet alsof.
De hoofdknop zit onderaan het menu.

Eén knop, in het menu

Overal dezelfde knop: Plan je afspraak. Op de telefoon zit hij in het menu, want naast de hamburger zat hij in de weg.

Uit de bouw

Letterlijk uit de bestanden.

HEADERKNOP-MENU.md · za 24-10
Haal de button maar weg en zet deze in het menu zelf van de hamburger.

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.

ma 19-10 · 21:45 Het dossier gaat erin Tien pagina’s, een nagelstudio in Oud-Zuid, readiness 89 van 100.
21:46 De lus weigert te starten De map was nog niet vertrouwd, dus geen pnpm. Een kwartier later staat de eerste bouwcommit.
22:01 tot 23:12 Elke pagina een eigen stap Elf commits in 71 minuten: de opzet en de tien pagina’s.
23:41 Eerste eindcontrole groen Bijna twee uur na het dossier, met 82 AI-beelden erbij. Site- en interactiecontrole: 0 fouten.
di 20-10 · 06:12 Ronde 2: alles aanpassen Eerlijker boeken, een galerij erbij, minder herhaling.
wo 21-10 · 05:11 Nieuwe motor, rustiger pagina’s Alles gelijk uitgelijnd, de hero opgeruimd. Eindkeuring om 19:53.
za 24-10 · 09:03 245 meetfouten Na de volgende motor-update. Om 11:33 stond de teller op 0.
11:49 De foto over het hele scherm Ik keek op mijn iPhone en koos beeld-vol voor de hero.
14:16 De knop naar het menu Laatste afwerking. Zo staat hij nu.

Werkbon Voorbeeldzaak Satijn · nagelstudio, Amsterdam

Gebouwd met: Claude Code via de Pre-Build Copilot-motor
Pagina's: 11 tien uit het dossier, de galerij kwam in ronde 2
Commits: 72 in 4 dagen: 19, 20, 21 en 24-10
Dossier tot werkende site: bijna 2 uur ma 19-10 21:45 tot 23:41, met 82 beelden
Formulieren: 2 met een serverfunctie, lokaal getest
Wat misging: foto in de kop te zacht za 24-10: 0,9 beeldpunt per schermpunt, grens 1,5. 12:28 opgeschaald naar 2688 px
Ook misgegaan: 245 meetfouten na de nieuwe motor, za 24-10 09:03. Om 11:33 stond de teller op 0
Controles nu: 0 fouten site- en interactiecontrole, 24-10
Prijs: n.v.t. voorbeeldzaak, geen opdracht