Comment nous avons construit digitalstudio.world : huit langues, pas de framework, aucun tracking

Le brief le plus exigeant que nous pouvions écrire

Un site de studio n’a qu’une seule mission honnête : prouver que le studio sait faire le travail. N’importe qui peut revendiquer du savoir-faire dans une liste de services. Nous avons donc traité notre propre site comme un projet client, avec le brief le plus exigeant jamais écrit chez nous - un voyage 3D piloté au scroll, premium au toucher, rendu en une fraction de seconde, parlant huit langues dès le premier rendu, affichant de vrais prix, et respectant assez le visiteur pour ne pas le tracker.

Ce billet explique la construction. Comme tout ce journal, tout y est réel et vérifiable - le site sur lequel vous le lisez en est la preuve.

Pas de framework, volontairement

Chaque page de digitalstudio.world est un fichier HTML autonome. Pas de framework, pas de bundler, pas de routeur côté client. Le voyage de la page d’accueil - une sphère de particules qui se transforme en vague puis en galaxie au fil du scroll - tourne sur three.js avec une bibliothèque de scroll fluide, et c’est toute la liste des dépendances.

Ce n’est pas de la nostalgie, c’est du contrôle. Quand rien d’inutile n’est livré, chaque milliseconde de chargement nous appartient. Le pipeline WebGL est adapté à l’appareil : les téléphones reçoivent un champ de particules allégé, une résolution réduite et un halo recalibré, pour que le même voyage reste fluide sur un mobile de milieu de gamme. La boucle d’animation s’arrête dès que l’onglet est masqué et rend sa mémoire GPU quand vous partez.

Huit langues sans flash d’anglais

La plupart des sites multilingues traduisent dans le navigateur : la page charge en anglais, un script se réveille, le texte clignote vers le français. Pour un studio qui vend de la localisation, ce clignotement est un aveu d’échec.

Nous avons construit l’inverse. L’URL est la langue : /de/, /fr/, /pl/. Un petit script de build lit une source anglaise et un dictionnaire par langue, puis émet 56 pages statiques entièrement localisées - titres, métadonnées, données structurées, jusqu’à la devise. Un visiteur en Pologne voit des prix en złoty dès le premier rendu, parce que ce rendu a été construit ainsi avant même de quitter le serveur.

• Les anciens liens en ?lang= sont redirigés à l’edge, avant qu’une ligne de code ne s’exécute dans le navigateur.
• Une préférence de langue enregistrée vous route vers votre langue à l’arrivée - aucun rendu anglais ne peut clignoter.
• Les pages 404 et la page de remerciement du brief existent dans chaque langue.
• Chaque page porte un cluster hreflang complet et sa propre URL canonique, pour que chaque langue se classe par elle-même.

Le build refuse de coopérer avec les erreurs : un script de garde analyse chaque page avant génération et fait échouer le build si une référence casserait une fois copiée dans un dossier de langue - en nommant le fichier, la ligne et le correctif. Une rigueur mécanique et ennuyeuse - exactement ce qu’exige la localisation.

La vitesse comme décision de design

Pour nous, la vitesse n’est pas un score Lighthouse ; c’est un matériau. Le premier rendu du site se situe entre environ 150 et 400 millisecondes dans nos mesures de laboratoire, sur les routes suivies, dans chaque langue - et le décalage cumulé de mise en page est exactement zéro, parce que prix et libellés sont rendus dans le HTML plutôt qu’injectés après coup.

La liste sans gloire qui rend cela vrai : des polices auto-hébergées réduites au nécessaire, des assets statiques empreints par chemin et mis en cache immuable un an, du HTML revalidé à chaque requête pour qu’un déploiement soit visible immédiatement, et une seule petite fonction edge - le formulaire de brief - comme unique pièce mobile de tout le site.

Note d’honnêteté : ce sont des mesures de laboratoire, CPU bridé et caches froids. Nous ne publions pas de chiffres terrain pour une raison simple - les collecter reviendrait à vous tracker, et nous ne le faisons pas.

Rien ne vous piste

Pas d’analytics. Pas de cookies publicitaires. Pas de fingerprinting. La seule chose que ce site stocke sur votre appareil est votre choix de langue, et l’avis qui vous le dit est la seule bannière que vous verrez jamais ici. La politique de sécurité du contenu est verrouillée sur notre propre origine - la page refusera de charger un script tiers, même si un jour on en injectait un.

Nous testons en laboratoire au lieu de mesurer les visiteurs. Cela nous coûte des données. Nous pensons que cela achète mieux.

Ce que cela vous apporte

Tout ce qui précède est l’architecture même que nous vendons. La structure de recherche trilingue de Doggo Paradiso, le sprint de 21 jours de la marque à la production pour Maison Astral, la fiche de store expédiée dans 175 pays pour Water Sommelier - tout est fait des pièces décrites ici : des pages static-first, une localisation juste dès le premier rendu, et la vitesse traitée comme une part du design.

Notre site est la première pièce de notre portfolio. Vous en tenez la preuve.