Naar de inhoud
fusionstudios.
Case study2026

Eigen tool-site · Keukenconversie

CupsToGrams

Een converter die weet dat bloem en honing niet hetzelfde wegen: cups naar grammen, per ingrediënt, op basis van echte dichtheid.

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

Het vraagstuk

Eén cup is niet één getal.

Een cup meet volume, een gram meet gewicht. Er is dus geen omrekengetal dat voor alles klopt: een cup bloem weegt ongeveer 125 gram, een cup honing ongeveer 340 gram. Toch geven veel converters precies dat: één vast getal, alsof bloem, honing en boter hetzelfde in de weegschaal leggen.

Wie honing met het bloemgetal omrekent, zit er ruim 200 gram per cup naast. Dat is geen afrondingsverschil, dat is een mislukt recept.

En de zoeker staat op dat moment in de keuken, met bloem aan zijn handen, en wil binnen een seconde een getal. In plaats daarvan krijgt hij een advertentiemuur en een layout die verspringt op het moment dat hij wil tikken.

02

De aanpak

Het ingrediënt als kern.

(01)Dichtheid als rekenbasisDe 48 ingrediënten dragen ieder een eigen dichtheid. De rekenkern reduceert een invoer eerst naar grammen en expandeert daarna naar de gevraagde eenheid, over zeven eenheden in willekeurige combinatie.
(02)Warme keuken als merkCrème, terracotta, olijfgroen en honinggeel, met Fraunces als kookboek-serif. Eigen designsysteem in handgeschreven CSS, geen framework en geen componentbibliotheek.
(03)Volledig statischRuim 80 content-pagina's worden vooraf gerenderd, geen enkele route is server-gerenderd. De omrekening gebeurt in de browser, dus wat je intypt gaat niet naar een server.
(04)Eerlijk over precisieDe dichtheden zijn keukenbenaderingen uit gangbare bakreferenties, en dat staat zo op de site. Bij de ingrediëntpagina's staat een meettip, want hoe je bloem schept scheelt meer dan de derde decimaal.
(05)Uitbreiden op echte dataDe long-tail pagina's per hoeveelheid, zoals 1/2 cup in grams, zijn rechtstreeks uit Search Console-data ontstaan. Decimalen zonder aantoonbare vraag kregen bewust geen eigen pagina.
03

Het werk

Een keukentafel, geen dashboard.

De meeste rekentools zien eruit als een spreadsheet: koud, blauw, technisch. Dat past niet bij iemand die staat te bakken. Dit merk voelt als een kookboek.

cupsngrams.com
Homepage van CupsToGrams met de converter op desktop
De converter: kies je ingrediënt en lees het juiste gewicht
Homepage van CupsToGrams op mobiel
Met één hand te bedienen, ook met bloem aan de andere
cupsngrams.com
Het ingrediëntenoverzicht van CupsToGrams op desktop
48 ingrediënten in zes categorieën, elk met eigen dichtheid
04

Het resultaat

Het juiste getal, zonder omweg.

De site staat live op cupsngrams.com met ruim 80 vooraf gerenderde content-pagina's: de converter, ingrediëntpagina's, hoeveelheidpagina's, gidsen en een oventemperatuurtabel. Geen enkele route wordt op een server gerenderd.

De uitbreidingen komen uit echte Search Console-data en niet uit aannames. En het rekenwerk blijft op je eigen apparaat: er is bij het omrekenen niets te versturen, dus dat is geen belofte in een privacyverklaring maar een gevolg van de architectuur.

48

Ingrediënten met eigen dichtheid

80+

Vooraf gerenderde content-pagina's

7

Eenheden, in willekeurige combinatie

0

Server-gerenderde routes

BellenWhatsAppStart een project