01
Een pagina, een bestelroute
Het verhaal, de inhoud, de doelgroep en het bestelformulier staan op een doorlopende pagina, zodat niets tussen de lezer en de bestelling staat.
Case study · Website
AI in Actie
De bestelpagina voor een praktische Nederlandse gids over AI op het werk.
- Klant
- Bas Bogaards
- Sector
- Onafhankelijk uitgeven
- Wat we deden
- Ontwerp en bouw
- Jaar
- 2026
- Status
- Live
Overview
AI in Actie is de bestelpagina voor de praktische gids van Bas Bogaards over veilig en effectief gebruik van kunstmatige intelligentie. Een doorlopende pagina bevat het verhaal, de inhoud, de doelgroep en het bestelformulier, zodat een lezer van omslag naar bestelling gaat zonder de pagina te verlaten. Gebouwd om gelezen te worden door mensen en juist geciteerd door zoekmachines en AI-assistenten.
The brief
What they needed
Bas Bogaards schreef een praktische gids over AI en had een plek nodig om het boek te verkopen. Het boek verdiende een eigen pagina: een die uitlegt wat erin staat, de prijs en het ISBN toont en direct bestellingen aanneemt, zonder webshopplatform en zonder database eronder.
What we built
The work, piece by piece
02
Bestellen zonder webshop
Een kort formulier vraagt naam, adres en aantal en geeft een volledig opgestelde bestelling door aan de e-mailclient van de klant. Geen checkout, geen database, nergens kaartgegevens.
03
Geschreven om geciteerd te worden
Gestructureerde data voor boek, FAQ en website, een llms.txt en expliciete toestemming voor GPTBot, ClaudeBot en PerplexityBot, zodat assistenten het boek juist beschrijven.
04
Redactionele vormgeving
Warm bijna zwart papier, goudfolie accenten, Spectral en Archivo, een initiaal en een cremekleurig vlak dat de pagina halverwege omslaat.
05
Snel en cookievrij
AVIF en WebP, een omslag met laadvoorrang, onveranderlijke caching voor statische bestanden en cookieloze statistieken, met Core Web Vitals uit de praktijk.
How it was built
The approach
Next.js 16 met de App Router, Tailwind en Framer Motion, gehost op Netlify. Alle Nederlandse tekst staat in een constants-bestand, zodat de auteur elke regel kan wijzigen zonder een component aan te raken en een tweede taal er zonder herschrijving bij past. Bestellen is bewust buiten een betaalplatform gehouden: bij een boek met een vaste prijs kost een bestelling via de mailclient niets om te draaien en blijven kaartgegevens buiten het project.
The outcome
Het boek heeft een eigen pagina om lezers naartoe te sturen en elke bestelling komt binnen als een gestructureerde e-mail die de auteur direct kan afhandelen, zonder platformkosten.
Work with the studio
Want one like it?
We design and build custom websites, booking systems and Power Platform solutions, done for you and handed over working. Tell us what you have in mind and we will map the first step.