Naar de inhoud
fusionstudios.
Case study2026

Eigen tool-site & maatconversies

SizeCharts

Internationale maattabellen voor ringen, schoenen, bh's, hoeden en kleding, verankerd aan de fysieke maat eronder. Het rekenwerk gebeurt in de browser van de bezoeker en gaat nergens heen.

Periode juli 2026 tot heden
Rol Concept, merk, bouw en SEO
Stack Next.js, React, TypeScript
Live mysizecharts.com
01

Het vraagstuk

Op goed geluk besteld, op de post retour.

Wie zoekt naar "ring size chart" of "US to EU shoe size" heeft één simpele vraag en wil één betrouwbaar antwoord. De bestaande pagina's geven dat zelden: het antwoord staat onder een advertentiemuur en de tabel is een afbeelding die je niet kunt doorzoeken.

En vaak staat er niet bij waar de conversie op gebaseerd is, waardoor twee sites elkaar kunnen tegenspreken zonder dat je kunt zien wie gelijk heeft. Het gevolg: mensen bestellen op goed geluk en sturen terug.

Dit is een categorie waar je met een rustige, snelle, eerlijke pagina simpelweg beter kunt zijn dan wat er staat. Niet door meer te bieden, maar door minder in de weg te zetten.

02

De aanpak

Verankerd aan de echte maat.

(01)Conversie via de fysieke maatGeen label naar label, maar via de maat eronder: ringdiameter in millimeters, voetlengte in centimeters, hoofdomtrek, onderbust. Elke conversie blijft zo herleidbaar tot een getal dat je zelf kunt natrekken.
(02)Data als code, met geschiedenisDe maten staan als getypeerde TypeScript-tabellen in de repo, getoetst aan gepubliceerde maatstandaarden. Een correctie is één regel met een zichtbare historie, en landt tegelijk in de pagina's, de JSON-API en de embed-widget.
(03)Een merk dat naar de winkel ruiktWarm greige papier, één terracotta accent en een meetlint-motief: een streepje om de 8 pixels, letterlijk de schaalverdeling van een liniaal. Serif-koppen, geen extern font, WCAG AA-contrast en een volwaardige dark mode.
(04)Het antwoord fysiek makenDe ringmaatpagina drukt cirkels af op ware grootte, met een kalibratiebalk ter breedte van een bankpas zodat je eerst je printer controleert. Het geeft de bezoeker het gereedschap om ons ongelijk te geven.
(05)Handgeschreven long-tailLandenparen en losse maten krijgen een eigen pagina, maar de intro's, FAQ's en meetstappen zijn per categorie met de hand geschreven op de zoekvraag van die categorie, niet uit een sjabloon gegoten.
03

Het werk

Papier, inkt en een meetlint.

De site voelt als een naslagwerk uit een catalogus, niet als een dashboard: warm papier, terracotta waar iets gebeurt, en tabellen die je gewoon kunt doorzoeken.

mysizecharts.com
Homepage van SizeCharts met de maatconverter op desktop
De homepage: kies een categorie, converteer meteen
Homepage van SizeCharts op mobiel
Mobiel hetzelfde warme papier
mysizecharts.com
Ringmaatpagina met converter en internationale maatsystemen
De ringmaatpagina: alle systemen, herleid tot millimeters
04

Het resultaat

Niets om je achter te verstoppen.

De site telt 164 statische contentpagina's verdeeld over 8 categorieën, en draait op drie dependencies: next, react en react-dom. Geen state-library, geen UI-kit, geen analytics-SDK.

Eigen controlescripts draaien na elke build: de crawler meldt 164 contentroutes zonder gebroken interne links en zonder wezen, de schemacontrole meldt 164 van de 164 pagina's met geldige JSON-LD. In de gepubliceerde build staat geen analytics- of advertentiescript, dus wat een bezoeker in een tool intypt blijft op zijn apparaat.

164

Statische contentpagina's

8

Categorieën, van ring tot sok

164 van 164

Pagina's met geldige JSON-LD

3

Dependencies: next, react, react-dom

BellenWhatsAppStart een project