01Doel en markt
Eerst denken, dan bouwen.
Wat moet de site bereiken, en voor wie? Is het doel gegeven, dan scherpt hij het aan. Is het dat niet, dan zoekt hij zelf een kans met echte zoekdata: wat zoeken veel mensen waar nog geen goed antwoord op bestaat? Zijn formule: bewezen zoekvraag × zwakke concurrentie × iets wat te bouwen is.
- Zoekvolumes en zoekresultaten haalt hij op via DataForSEO.
- Hij herkent zwakke zoekresultaten: forums bovenaan, verouderde pagina's, artikels waar mensen een tool zoeken.
- Kan een AI-antwoord de vraag volledig beantwoorden? Dan maakt hij het interactief of laat hij het idee vallen.
02Belofte en structuur
Eén zin die meteen klikt.
Hij vat de kern samen in één zin en test die: snapt iemand in één oogopslag wat dit is en waarom het waardevol is? Daarna kiest hij het type site (een tool, een marketingsite, een contentsite of een gids), de pagina's en de weg naar de actie die telt.
- Bij een tool: waarde binnen tien seconden, zonder account.
- Eén duidelijke hoofdactie per sectie.
03Stijlkader
Het ontwerp ligt vast vóór de eerste regel code.
Typografie, een kleurladder, een vaste spacing-schaal, hoeken, schaduwen en bewegingscurves worden tokens: vaste bouwstenen waar alles uit voortkomt. En hij kiest één signatuur-moment. Rust is het premium-signaal: één moment dat blijft hangen, geen twintig effecten.
- Eén of twee lettertypes, met een bewuste schaal.
- Kleur in tien tot twaalf stappen, spacing op een raster van 4 pixels.
- Elk effect dient begrip, oriëntatie of merkgevoel. Nooit alleen omdat het kan.
04Stack
Het juiste gereedschap voor dit ene project.
Een content- of marketingsite wordt meestal statisch gebouwd, bijvoorbeeld met Astro en Tailwind: het snelst en het best vindbaar. Een tool of app krijgt Next of Vite met React. Een eenvoudige one-pager blijft gewoon statische HTML.
- Statisch waar het kan, op de server waar het moet.
- De kerninhoud staat altijd als echte HTML op de pagina, zodat zoekmachines en AI-crawlers ze lezen.
05Bouwen
Volledig af, en vindbaar vanaf de eerste regel.
Echte teksten, nooit lorem ipsum. Alle pagina's en alle toestanden: hover, focus, laden, leeg, fout en een eigen 404. Beeld en video maakt hij zelf met de creatieve tools, binnen het stijlkader. SEO is geen naschrift: titels, beschrijvingen, schema.org, sitemap, interne links en een deelbeeld per pagina zitten er van bij het begin in.
- Lettertypes zelf gehost, met een correcte licentie.
- Minder beweging voor wie dat in zijn toestel instelt, altijd ingebouwd.
06Testen
Hij kijkt met zijn eigen ogen.
Hij vertrouwt nooit blind op zijn code. Hij draait de site, maakt screenshots op desktop, tablet en gsm, in verschillende scrollposities en toestanden, bekijkt ze echt en verbetert wat hij ziet. Daarna volgen de automatische controles en een strenge eindchecklist. Minstens twee rondes kijken en verbeteren.
- Geen fouten in de console, geen dode links.
- Toegankelijkheid met axe, snelheid met Lighthouse.
- Drie browser-engines, waaronder die van Safari.
- Een eerlijke zelfscore: onder 8 op 10 is het niet af.
07Opleveren en live
Een werkende site, geen mockup.
Hij levert de volledige projectmap op, met start.bat en start.sh om de site op je eigen computer te draaien, een README en een DEVELOPMENT.md met de architectuur, de beslissingen, de bekende beperkingen en de volgende stappen. Zo kan elke developer of agent verder. Online zetten gaat via Zaela: eerst een preview, daarna keurt een Owner of Admin de livegang goed.
- Bedacht hij het idee zelf, dan krijg je de zoekdata achter de kans erbij.
- Hij meldt ook eerlijk waar de zwakste plek zit.