Naar de inhoud
fusionstudios.
Case study2026

Eigen product & reflextests

ClickStorm

Klik-, reactie- en aimtests die in de browser van de bezoeker draaien: per zoekintentie een eigen pagina, gemeten met performance.now() in plaats van een teller die achterloopt.

Periode juli 2026 tot heden
Rol Merk, ontwerp, bouw en SEO
Stack Next.js, React, TypeScript
Live clickstorm.app
01

Het vraagstuk

Een scherpe vraag, een vaag antwoord.

Wie zoekt op een kliktest van tien seconden of een jitter-techniek, landt op pagina's waar het klikvlak ingeklemd zit tussen advertenties en de teller pas reageert nadat er scripts zijn geladen.

Het interessantste probleem zit dieper: veel concurrenten hebben wel een pagina voor iedere duur, maar daarachter draait één en dezelfde generieke tool. Je landt op "10 second CPS test" en krijgt een keuzemenu waarin tien seconden toevallig ook een optie is.

De opgave: per zoekintentie leveren wat er gevraagd wordt, zonder de site te laten uitgroeien tot tientallen losse kopieën van elkaar.

02

De aanpak

Eén registry, eerlijke meting.

(01)Eén registry als bron van waarheidElke route legt zijn metadata, teksten, FAQ, testtype en duren vast in één centrale registry, die de testpagina's, de homepagekaarten, de sitemap, het interne-linkblok en de JSON-LD voedt.
(02)Meten zonder te liegenDe meetengines leggen tijd vast met performance.now(), de countdown loopt via requestAnimationFrame, en de eerste klik start de klok en telt meteen mee. Na afloop gaat het vlak op slot, zodat een naklik het resultaat niet opblaast.
(03)Eigen design-systeemHandgeschreven CSS zonder framework: bijna zwartpaars met paars en cyaan als accenten, Orbitron voor scores en Rajdhani voor de uitleg. De dependency-lijst is next, react en react-dom, verder niets.
(04)Scores blijven bij de bezoekerPersoonlijke records staan in localStorage, per testtype geprefixt en per pagina apart. Er is geen backend om scores naartoe te sturen, dus ze worden ook nergens heen gestuurd.
(05)Teksten per pagina, niet uit een sjabloonIedere testpagina heeft eigen prose en een eigen FAQ: de 100-secondenpagina gaat over pacing, de jitter-pagina over spierspanning, de kohi-pagina over de Minecraft-achtergrond van de term.
03

Het werk

Een speelveld, geen document.

Radiale gloed vanuit de bovenhoeken, een bliksemschicht van paars naar cyaan, en een klikvlak dat precies de vorm kreeg die het nodig had.

clickstorm.app
Homepage van ClickStorm op desktop
De homepage: direct klikken, geen account
Homepage van ClickStorm op mobiel
Mobiel op een tap
clickstorm.app
De CPS-test van ClickStorm op desktop
De CPS-test met live tussenstand
04

Het resultaat

Per zoekintentie één eerlijk getal.

ClickStorm telt inmiddels 26 testpagina's en 40 routes, elk met eigen prose, een eigen FAQ en een eigen canonical, volledig statisch gerenderd en zonder eigen backend.

Daarnaast staan er acht gidsen, van wat een goede CPS is tot hoe je jitter-clickt en of snel klikken slecht is voor je hand. De advertentie- en consentlaag is voorbereid maar staat bewust uit: eerst het gereedschap goed maken, dan pas de rest.

26

Testpagina's, elk met eigen inhoud

40

Routes in de sitemap, statisch gerenderd

8

Gidsen over kliktechnieken en CPS

0

Backends of databases: scores blijven lokaal

BellenWhatsAppStart een project