Zo bouwden we digitalstudio.world: acht talen, geen framework, niets dat u volgt

De zwaarste briefing die we konden schrijven

De site van een studio heeft precies één eerlijke taak: bewijzen dat de studio het werk aankan. Vakmanschap claimen kan iedereen in een dienstenlijst. Dus behandelden we onze eigen site als een klantproject met de meest veeleisende briefing die we ooit schreven - een scroll-gedreven 3D-reis die premium aanvoelt, in een fractie van een seconde rendert, vanaf het eerste frame acht talen spreekt, echte prijzen toont en de bezoeker genoeg respecteert om niet te tracken.

Dit artikel legt de bouw uit. Zoals alles in dit blog is het echt en verifieerbaar - de site waarop u het leest is het bewijs.

Geen framework, bewust

Elke pagina van digitalstudio.world is een op zichzelf staand HTML-bestand. Geen framework, geen bundler, geen client-side router. De reis van de homepage - een deeltjesbol die tijdens het scrollen via een golf in een melkweg verandert - draait op three.js met een smooth-scroll-bibliotheek, en dat is de hele lijst afhankelijkheden.

Dat is geen nostalgie, maar controle. Als er niets meegestuurd wordt dat niet gebruikt wordt, is elke milliseconde laadtijd van ons om bewust te besteden. De WebGL-pijplijn is per apparaat afgestemd: telefoons krijgen een lichter deeltjesveld, lagere renderresolutie en een kleinere gloed, zodat dezelfde reis soepel blijft op een middenklasser. De animatielus stopt zodra het tabblad verborgen is en geeft zijn GPU-geheugen terug wanneer u weggaat.

Acht talen zonder Engelse flits

De meeste meertalige sites vertalen in de browser: de pagina laadt in het Engels, een script ontwaakt, en de tekst flikkert naar het Nederlands. Voor een studio die lokalisatie verkoopt is die flikkering een bekentenis van falen.

Wij bouwden het andersom. De URL is de taal: /de/, /fr/, /pl/. Een klein buildscript leest één Engelse bron en één woordenboek per taal en genereert 56 volledig gelokaliseerde statische pagina’s - koppen, metadata, gestructureerde data, zelfs de valuta. Een bezoeker in Polen ziet prijzen in złoty in het allereerste frame, omdat dat frame zo gebouwd is voordat het de server verliet.

• Oude links met ?lang= worden aan de edge doorgestuurd, voordat er ook maar één regel code in de browser draait.
• Een opgeslagen taalvoorkeur leidt u bij aankomst naar uw taal - er is geen Engels frame dat kan flitsen.
• 404-pagina’s en de bedankpagina van de brief bestaan in elke taal.
• Elke pagina draagt een volledig hreflang-cluster en een eigen canonieke URL, zodat elke taal op eigen kracht rankt.

De build weigert mee te werken aan fouten: een guard-script controleert elke pagina vóór generatie en laat de build falen als een verwijzing zou breken bij het kopiëren naar een taalmap - met bestand, regel en oplossing. Saaie, mechanische strengheid - precies wat lokalisatie nodig heeft.

Snelheid als ontwerpbeslissing

Snelheid is voor ons geen Lighthouse-score; het is ontwerpmateriaal. De first paint van de site ligt in onze labmetingen tussen ruwweg 150 en 400 milliseconden, op de routes die we volgen, in elke taal - en de cumulatieve layout shift is exact nul, omdat prijzen en labels in de HTML gerenderd worden in plaats van later geïnjecteerd.

De onglamoureuze lijst die dat waarmaakt: zelf-gehoste fonts teruggebracht tot wat de pagina gebruikt, statische assets met fingerprint in het pad en een jaar immutable cache, HTML die bij elk verzoek revalideert zodat een deploy direct live is, en één kleine edge-functie - het briefformulier - als enig bewegend deel van de hele site.

Eerlijkheidsnoot: dit zijn laboratoriummetingen, met beperkte CPU en koude caches. Veldcijfers publiceren we niet, om één simpele reden - ze verzamelen zou betekenen dat we u tracken, en dat doen we niet.

Niets volgt u

Geen analytics. Geen advertentiecookies. Geen fingerprinting. Het enige dat deze site op uw apparaat bewaart is uw taalkeuze, en de melding die u dat vertelt is de enige banner die u hier ooit ziet. De content security policy is vergrendeld op onze eigen origin - de pagina weigert scripts van derden te laden, zelfs als er ooit één geïnjecteerd zou worden.

Wij testen in het lab in plaats van bezoekers te meten. Het kost ons data. Wij denken dat het iets waardevollers oplevert.

Wat u hieraan heeft

Alles hierboven is dezelfde architectuur die we verkopen. De drietalige zoekstructuur voor Doggo Paradiso, de 21-daagse sprint van merk naar productie voor Maison Astral, de storevermelding in 175 landen voor Water Sommelier - alles bestaat uit de onderdelen die hier beschreven zijn: static-first pagina’s, lokalisatie die vanaf het eerste frame klopt, en snelheid als deel van het ontwerp.

Onze site is het eerste bewijsstuk van ons portfolio. U houdt het bewijs vast.