← Terug naar werkKLANTPROJECT · PROTOTYPE → PRODUCT
MyFIFOGuide
Een overtuigend AI-concept had geen nieuw ontwerp nodig, maar een productieklare Next.js-basis waarmee de eigenaar zelf verder kon.
Prototype → Product
De twist
Het concept zag er al goed uit.
De visuele richting hoefde niet opnieuw ontworpen te worden. De zwakke plek zat onder het ontwerp.
De eerste versie gebruikte eigen foto's en verwees naar de bestaande ebookwinkel. Claude maakte daaruit een heldere publieke eerste indruk. De inhoudelijke richting en de visuele start waren bruikbaar. Het doel was daarom niet om het idee weg te gooien, maar om het een betere onderlaag te geven.
Claude-conceptEén HTML-bestand
→Bewuste keuzeVisuele richting behouden
Vervang de fundering
Vervang de fundering
Dezelfde overtuigende presentatie kreeg de structuur, vindbaarheid en leveringsworkflow van een echte productieapplicatie.
Gebouwd om door de eigenaar voortgezet te worden
Gebouwd om door de eigenaar voortgezet te worden
Tim maakte niet alleen de website productieklaar. Hij richtte ook een werkbare lokale route in waarmee de eigenaar zelf verder kan met Claude Code en Git.
- 01Een idee of wijziging
- 02Claude Code werkt in de gestructureerde repository
- 03De eigenaar draait en controleert de wijziging lokaal
- 04De wijziging wordt met Git vastgelegd
- 05Netlify publiceert de bijgewerkte website
AGENTS.MDAGENTS.md en repositoryrichtlijnen geven AI-ondersteunde wijzigingen vaste context en controlepunten.
Resultaat
De eigenaar heeft nu een echte website en repository als basis om zelf met Claude Code wijzigingen te maken en via Git te publiceren.
Technisch bewijs
- Next.js App Router
- EN / DE
- SEO-basis
- GitHub
- Netlify
- Claude Code-workflow
Prototype → Product