Naar de inhoud
fusionstudios.
Case study2026

Eigen tool-site · Bestandsformaten

WhatFormat

Een database van 289 bestandsformaten, plus een identifier die je bestand aan zijn magic bytes herkent. In je browser, zonder dat er iets geüpload wordt.

Periode juli 2026 tot heden
Rol Strategie, merk, bouw en SEO
Stack Next.js 16, React 19, TypeScript
Live whatfiletype.com
01

Het vraagstuk

Wat is dit voor bestand? Een kleine vraag, een grote omweg.

Iemand krijgt een .dat, een .heic of een .dwg binnen en weet niet wat het is. De zoekresultaten bestaan grotendeels uit trage pagina's vol advertenties die het antwoord pas na drie schermen geven, of uit convertersites die vragen of je je bestand even wilt uploaden.

Het antwoord is klein en de omweg is groot. En de vraag stellen betekent meestal dat je het bestand al voor je hebt: dan is de beste hulp geen uitleg, maar herkenning.

Wij wilden een plek waar het antwoord meteen op het scherm staat en waar je bestand op je eigen apparaat blijft.

02

De aanpak

De dataset is het product.

(01)Formaten, met de handElk record heeft een eigen samenvatting, magic-byte signatures, MIME-types, openen-per-besturingssysteem en FAQ's, met verwijzingen naar naslagwerk waar we ze konden vinden. Gegroeid van 114 naar 289 formaten.
(02)Identifier zonder uploadDe dropzone leest de eerste 4 KB van je bestand lokaal in de browser en legt de bytes naast de signaturetabel. Er zit geen uploadpad in die code.
(03)FRIENDLY EXPERT als merkWarm papier in plaats van tech-blauw, diep teal als accent en twaalf categoriekleuren. Herkent de identifier je bestand, dan kleurt de hero mee met de categorie.
(04)Elke intentie een eigen paginaNaast de formaatpagina's ook categoriehubs, how-to-open gidsen, vergelijkingen, signature- en MIME-pagina's: honderden voorgerenderde pagina's uit één dataset.
(05)Controle vóór elke commitnpm run verify draait vier stappen: een contrastgate op WCAG 2.2 AA, de build, een linkchecker die faalt op gebroken interne links, en een JSON-LD-validator.
03

Het werk

Warm papier, diep teal.

Het onderwerp is technisch en de bezoeker is dat vaak niet. Het merk zoekt het midden: het gezag van naslagwerk, de toon van iemand die het rustig uitlegt.

whatfiletype.com
Homepage van WhatFileType met de bestandsidentifier op desktop
De homepage: laat je bestand vallen en lees wat het is
Homepage van WhatFileType op mobiel
Dezelfde identifier op mobiel
whatfiletype.com
Het formatenoverzicht van WhatFileType op desktop
De database: 289 formaten in twaalf categorieën
04

Het resultaat

Een privacybelofte die uit de bouw volgt.

De hele site wordt bij het bouwen voorgerenderd: rond de 289 formaatrecords staan inmiddels honderden pagina's, van how-to-open gidsen tot MIME- en signaturepagina's, plus een gratis statische JSON-API en een insluitbare zoekwidget. Alles op drie dependencies, zonder backend en zonder database.

Het bestand dat je in de identifier laat vallen wordt lokaal gelezen: er is geen upload om te beloven te wissen, want er is geen uploadpad. En de verify-keten weigert te slagen bij één gebroken interne link, één contrastfout of één ongeldig JSON-LD-blok.

289

Formaten, met de hand samengesteld

12

Categorieën met eigen kleur en hub

3

Productie-dependencies

0

Uploads: je bestand blijft op je apparaat

BellenWhatsAppStart een project