ThaiKickStarter Europe
Dreisprachige Agenturplattform
mit scrollgesteuertem Film

Projektüberblick

ThaiKickStarter Europe begleitet thailändische Unternehmerinnen und Unternehmer beim Aufbau ihres Geschäfts in Europa — von der ersten Idee über Website, Marke und Buchungssystem bis zur laufenden Betreuung. Die Kundschaft betreibt Massagestudios, Restaurants, Nagelstudios, Hotels und Einzelhandel.

Die Aufgabe war deshalb nicht eine Website, sondern eine Plattform: Acht Leistungsbausteine, sechs Branchen, Pakete, Referenzen und ein Blog mussten so angelegt sein, dass sie sich erweitern lassen, ohne dass jede neue Seite von Hand gebaut wird. Inhalte liegen als Module vor, nicht als Text in Vorlagen.

Die Besonderheit liegt im Publikum: Ein Teil der Interessentinnen liest am liebsten Thai, ein Teil Deutsch, ein Teil Englisch — und zwar dieselben Inhalte, nicht eine Kurzfassung. Genau daran scheitern die meisten mehrsprachigen Auftritte.

• Acht aufeinander aufbauende Leistungsbausteine als eigene Seiten
• Sechs Branchen mit eigener Ansprache
• Pakete, Referenzen und Blog als erweiterbare Bereiche
• Inhalte als Module statt als Text in Vorlagen
• Ein fester Ansprechpartner statt Ticketsystem — auch in der Seitenführung abgebildet

Drei Sprachen, gleichwertig

Deutsch, Englisch und Thai sind hier keine Abstufung, sondern drei gleichwertige Fassungen: 31 Seiten je Sprache, 93 insgesamt. Es gibt keine Sprache, in der ein Bereich fehlt, und keine, in der ein Text nur zur Hälfte übersetzt wurde.

Thai ist dabei der anspruchsvolle Teil. Die Schrift hat keine Wortabstände, sie baut hoch und tief über die Grundlinie hinaus und braucht mehr Zeilenhöhe als eine lateinische Schrift, sonst berühren sich die Zeichen. Zeilenumbrüche, Zeilenabstand und Schriftwahl mussten deshalb pro Sprache eigene Regeln bekommen — eine gemeinsame Einstellung für alle drei hätte in einer davon schlecht ausgesehen.

Jede Seite meldet ihre Sprachalternativen an die Suchmaschinen, sodass thailändische Interessentinnen die thailändische Fassung finden und nicht die deutsche. Die Sprachwahl bleibt dabei eine Entscheidung der Besucherin und wird nicht aus der Herkunft erraten.

• 31 Seiten je Sprache — Deutsch, Englisch, Thai in gleicher Tiefe
• Eigene Typografie-Regeln für Thai statt einer gemeinsamen Einstellung
• Sprachalternativen auf jeder Seite an Suchmaschinen gemeldet
• Sprachwahl bleibt Entscheidung der Besucherin
• Kein Automatenübersetzer im Auslieferungsweg

Der scrollgesteuerte Film

Unter „Dein Weg" liegt ein Film, der nicht abgespielt, sondern gescrollt wird: sechs Kapitel, von der leeren Ladenfläche am frühen Morgen bis zum ersten Gast. Erzählt wird der Weg einer Gründerin — kein Werbespot, sondern eine Geschichte mit einem Anfang und einem Ende.

Technisch ist das kein Videoplayer, sondern eine Bildfolge, die an die Scrollposition gekoppelt ist. Wer langsamer scrollt, sieht die Szene langsamer; wer zurückgeht, sieht sie rückwärts — flüssig, ohne Puffern und ohne Ladebalken. Die Texttakte setzen an den Stellen ein, an denen das Bild sie tragen kann.

Auch hier gilt die Regel, die einen Film erst benutzbar macht: Wer im Betriebssystem „Bewegung reduzieren" eingestellt hat, bekommt ruhige Bilder statt einer scrollgetriebenen Animation. Und die Seite mit dem Film misst im Lighthouse-Desktop-Test volle 100 Punkte in Performance und Barrierefreiheit — die Inszenierung geht also nicht zulasten des Tempos.

• Sechs durchkomponierte Kapitel mit eigener Dramaturgie
• Bildfolge an die Scrollposition gekoppelt — kein Videoplayer, kein Puffern
• Rückwärts genauso flüssig wie vorwärts
• Respektiert die Systemeinstellung für reduzierte Bewegung
• Film-Seite gemessen: 100 Performance, 100 Barrierefreiheit, CLS 0
• In allen drei Sprachen verfügbar

Architektur, Tempo & Datensparsamkeit

Alle 93 Seiten werden beim Bauen zu fertigem HTML vorgerendert. Wer die Seite aufruft, bekommt den Text, bevor ein Skript gelaufen ist — auf einem älteren Telefon in Thailand derselbe Vorteil wie für eine Suchmaschine.

Die Seite lädt nichts von Dritten: keine Analyse, keine Karten, keine externen Schriften. Nachgemessen sind es 41 Anfragen an genau einen Host, die eigene Domain. Für ein Publikum, das seine Daten nicht beiläufig in fremde Rechenzentren geben will, ist das kein Nebenpunkt.

Die Startseite erreicht im Lighthouse-Desktop-Test 100 Punkte in der Performance bei einem CLS von 0 und 0,8 Sekunden bis zum größten Bildaufbau. Der Wert für Best Practices liegt bei 93 statt 100 — die Seite meldet Verstöße gegen ihre eigene, bewusst strenge Content-Security-Policy in der Browser-Konsole. Das ist ein offener Punkt und keine Auslegungssache.

Barrierefreiheit ist mitgebaut und nicht nachgerüstet: Die Startseite liegt bei 99, die Film-Seite bei 100.

• 93 vorgerenderte Seiten, ausgeliefert als statisches HTML
• 0 fremde Hosts bei 41 Anfragen
• Startseite: 100 Performance, CLS 0, 0,8 s bis zum größten Bildaufbau
• Barrierefreiheit 99 auf der Startseite, 100 auf der Film-Seite
• Selbst gehostete Schriften für alle drei Schriftsysteme
• Offener Punkt: Konsolenmeldungen zur Content-Security-Policy drücken Best Practices auf 93

Was ein echtes Projekt davon übernimmt

Der Aufbau ist nicht auf diese Agentur zugeschnitten. Eine Plattform mit Leistungen, Branchen, Paketen und einem Blog, dreisprachig und vorgerendert, ist dieselbe Aufgabe für ein Ingenieurbüro wie für eine Kanzlei — nur mit anderen Inhalten.

Was ein neues Projekt erbt, ist die Struktur: Inhalte als Module, Marke und Farbwelt als Konfiguration, Sprachfassungen als gleichwertige Zweige statt als nachträgliche Übersetzung. Was es beisteuert, sind seine Texte, seine Zahlen und seine Bilder.

Und es erbt eine Entscheidung, die sich später schwer nachholen lässt: dass die dritte Sprache von Anfang an gleich viel wiegt wie die erste. Wer sie nachträglich hinzufügt, baut sie erfahrungsgemäß als Anhängsel — und sieht das der Seite an.

• Inhalte als Module, Marke und Farbwelt als Konfiguration
• Sprachfassungen als gleichwertige Zweige, nicht als Anhängsel
• Erweiterbar um Leistungen, Branchen und Beiträge ohne neue Bauarbeiten
• Scroll-Film als eigener Baustein, nicht als Sonderfall der Startseite
• Übertragbar auf jede beratende Dienstleistung mit erklärungsbedürftigem Angebot