So bauten wir digitalstudio.world: acht Sprachen, kein Framework, kein Tracking

Das härteste Briefing, das wir schreiben konnten

Eine Studio-Website hat genau eine ehrliche Aufgabe: zu beweisen, dass das Studio die Arbeit beherrscht. Behaupten kann man Handwerk in jeder Leistungsliste. Also haben wir unsere eigene Website wie ein Kundenprojekt behandelt - mit dem anspruchsvollsten Briefing, das wir je geschrieben haben: eine scrollgesteuerte 3D-Reise, die sich hochwertig anfühlt, in Sekundenbruchteilen rendert, ab dem ersten Frame acht Sprachen spricht, echte Preise zeigt und Besucher genug respektiert, um sie nicht zu tracken.

Dieser Beitrag erklärt den Build. Wie jeder Beitrag in diesem Blog ist alles daran echt und überprüfbar - die Website, auf der Sie ihn lesen, ist der Beweis.

Kein Framework, mit Absicht

Jede Seite von digitalstudio.world ist eine eigenständige HTML-Datei. Es gibt kein Framework, keinen Bundler und keinen clientseitigen Router. Die Reise der Startseite - eine Partikelkugel, die sich beim Scrollen über eine Welle in eine Galaxie verwandelt - läuft auf three.js mit einer Smooth-Scroll-Bibliothek, und das ist die gesamte Abhängigkeitsliste.

Das ist keine Nostalgie, sondern Kontrolle. Wenn nichts ausgeliefert wird, was nicht genutzt wird, gehört jede Millisekunde Ladezeit und jeder Animationsframe uns. Die WebGL-Pipeline ist nach Gerät gestaffelt: Telefone bekommen ein leichteres Partikelfeld, eine reduzierte Renderauflösung und einen kleineren Glow-Pass, damit dieselbe Reise auch auf einem Mittelklasse-Gerät flüssig bleibt. Die Animationsschleife stoppt, sobald der Tab verborgen ist, und gibt ihren GPU-Speicher zurück, wenn Sie die Seite verlassen.

Acht Sprachen ohne englisches Aufblitzen

Die meisten mehrsprachigen Websites übersetzen im Browser: Die Seite lädt auf Englisch, ein Skript erwacht, und der Text flackert ins Deutsche. Für ein Studio, das Lokalisierung verkauft, ist dieses Flackern ein Eingeständnis der Niederlage.

Wir haben es andersherum gebaut. Die URL ist die Sprache: /de/, /fr/, /pl/. Ein kleines Build-Skript liest eine englische Quelle und ein Wörterbuch pro Sprache und erzeugt 56 vollständig lokalisierte statische Seiten - Überschriften, Metadaten, strukturierte Daten, sogar die Währung. Wer aus Polen kommt, sieht Preise in Złoty im allerersten gerenderten Frame, weil der Frame so gebaut wurde, bevor er den Server je verlassen hat.

• Alte Links mit ?lang= werden an der Edge umgeleitet, bevor im Browser auch nur eine Zeile Code läuft.
• Eine gespeicherte Sprachpräferenz führt Sie bei Ankunft in Ihre Sprache - es gibt keinen englischen Frame, der aufblitzen könnte.
• 404-Seiten und die Danke-Seite des Briefs existieren in jeder Sprache.
• Jede Seite trägt einen vollständigen hreflang-Cluster und ihre eigene kanonische URL, damit jede Sprache aus eigener Kraft rankt.

Der Build weigert sich, bei Fehlern mitzumachen: Ein Guard-Skript prüft jede Seite vor der Generierung und bricht ab, wenn eine Referenz beim Kopieren in einen Sprachordner brechen würde - mit Datei, Zeile und Korrektur. Langweilige, mechanische Strenge - genau das, was Lokalisierung braucht.

Geschwindigkeit als Designentscheidung

Schnelligkeit ist für uns kein Lighthouse-Score, sondern ein Gestaltungsmaterial. Der First Paint der Website liegt in unseren Labormessungen zwischen etwa 150 und 400 Millisekunden, auf den Routen, die wir verfolgen, in jeder Sprache - und der kumulative Layout-Shift ist exakt null, weil Preise und Labels ins HTML gerendert statt nachträglich injiziert werden.

Die unglamouröse Liste dahinter: selbst gehostete, aufs Nötige reduzierte Schriften, statische Assets mit Pfad-Fingerprint und einem Jahr Immutable-Cache, HTML, das bei jedem Aufruf revalidiert, damit ein Deploy sofort live ist, und eine einzige kleine Edge-Funktion - das Brief-Formular - als einziges bewegliches Teil der gesamten Website.

Ehrlichkeitshinweis: Das sind Labormessungen mit gedrosselter CPU und kalten Caches. Felddaten veröffentlichen wir aus einem einfachen Grund nicht - sie zu erheben hieße, Sie zu tracken, und das tun wir nicht.

Nichts trackt Sie

Keine Analytics. Keine Werbe-Cookies. Kein Fingerprinting. Das Einzige, was diese Website auf Ihrem Gerät speichert, ist Ihre Sprachwahl - und der Hinweis, der Ihnen das sagt, ist das einzige Banner, das Sie hier je sehen werden. Die Content-Security-Policy ist auf unseren eigenen Origin beschränkt - die Seite weigert sich, fremde Skripte zu laden, selbst wenn je eines injiziert würde.

Wir testen im Labor, statt Besucher zu vermessen. Das kostet uns Daten. Wir glauben, es kauft etwas Wertvolleres.

Was Sie davon haben

Alles oben ist dieselbe Architektur, die wir verkaufen. Die dreisprachige Suchstruktur für Doggo Paradiso, der 21-Tage-Sprint von der Marke in die Produktion für Maison Astral, der Store-Eintrag in 175 Ländern für Water Sommelier - alles besteht aus den hier beschriebenen Teilen: Static-First-Seiten, Lokalisierung, die ab dem ersten Frame stimmt, und Geschwindigkeit als Teil des Designs.

Unsere Website ist das erste Exponat unseres Portfolios. Sie halten den Beweis gerade in der Hand.