Naar de inhoud
fusionstudios.
Case study2026

Eigen tool-site · Hardware-diagnostiek

MyGearCheck

Elf hardwaretests die volledig in de browser draaien: toetsenbord, muis, microfoon, webcam, beeldscherm en controller. Geen download, geen account, geen uploads.

Periode juli 2026 tot heden
Rol Strategie, branding, ontwerp en bouw
Stack Next.js 16, React 19, TypeScript
Live mygearcheck.com
01

Het vraagstuk

Werkt mijn hardware of niet?

Wie zoekt op keyboard test of mic test heeft geen interesse in een merk, maar in één ding: doet mijn apparaat het. Dat antwoord moet er binnen seconden zijn, zonder download en zonder account.

Er is in feite één taak, en alles wat tussen de bezoeker en die taak staat, is verlies. De lastigste eis zit onder de motorkap: wat je typt, zegt of voor de camera houdt mag nergens naartoe gaan, en die belofte moet technisch waar zijn in plaats van alleen opgeschreven.

De opgave was dus niet om meer functies te bouwen dan anderen, maar om de weg naar het antwoord zo kort mogelijk te maken.

02

De aanpak

Een instrument, geen website.

(01)Native browser-API'sDe tests leunen op wat de browser zelf kan: keydown-events, getUserMedia, de Web Audio API en de Gamepad API. Geen dienst van buiten, geen verwerking op een server.
(02)Echte metingenDe gamepadtest markeert stick drift zodra een as uitslaat terwijl je niets aanraakt, de microfoontest analyseert in het geheugen van de browser zonder op te nemen, en de dead-pixeltest loopt fullscreen door negen volvlakskleuren.
(03)Een merk als meetpaneelDonker paneel, cyaan accent, groene pass-kleur en JetBrains Mono voor alles wat als uitlezing moet lezen. Met de hand geschreven, zonder CSS-framework of componentbibliotheek.
(04)Eén contentbronElke tool draagt zijn intro, stappen en FAQ's in één TypeScript-bestand, dat ook de kaarten, categoriepagina's, kruimelpaden en sitemap voedt.
(05)Structured data die kloptFAQPage, HowTo en BreadcrumbList op de tools, gevoed door dezelfde inhoud die de bezoeker ziet. Geen markup die iets belooft wat de pagina niet waarmaakt.
03

Het werk

Cyaan op donker, klaar om te meten.

Het dashboard leest als een rij instrumenten: statuscodes in mono, een vaste cyaan led door de chrome, en binnen de tools een indicator die pas oplicht bij een uitslag die klopt.

mygearcheck.com
Homepage van MyGearCheck op desktop
Het dashboard: elf tests, elk met een eigen statuscode
Homepage van MyGearCheck op mobiel
Mobiel hetzelfde meetpaneel
mygearcheck.com
De toetsenbordtest van MyGearCheck met virtueel toetsenbord
De toetsenbordtest: elke aanslag licht op, rollover incluis
De toetsenbordtest van MyGearCheck op mobiel
Testen waar je ook bent
04

Het resultaat

Een belofte die je in de code kunt nalopen.

De elf tools doen geen enkel netwerkverzoek. Een grep over de app- en componentenboom levert precies één fetch-call op, en die zit in het contactformulier dat je zelf invult en verstuurt.

Wat je typt, zegt of voor de camera houdt blijft dus in het geheugen van je browser: een eigenschap die je in de repo kunt controleren in plaats van een zin die je moet geloven. Het geheel draait statisch op drie runtime-dependencies, zonder backend, database of advertentiescript dat vandaag al meelaadt.

11

Hardwaretests in vier categorieën

1

Netwerkverzoek in de app: het contactformulier

3

Runtime-dependencies, verder niets

0

Uploads tijdens elke test

BellenWhatsAppStart een project