ThaiKickStarter Europe
A trilingual agency platform
with a scroll-driven film

Project overview

ThaiKickStarter Europe helps Thai entrepreneurs build a business in Europe — from the first idea through website, brand and booking system to ongoing support. Its clients run massage studios, restaurants, nail salons, hotels and retail shops.

The brief was therefore not a website but a platform: eight service building blocks, six sectors, packages, references and a blog all had to be laid out so they can grow without every new page being built by hand. Content lives as modules, not as text inside templates.

What makes it unusual is the audience. Some prospects would rather read Thai, some German, some English — and they want the same content, not a summary. That is precisely where most multilingual sites fall down.

• Eight service building blocks, each its own page, building on one another
• Six sectors, each addressed in its own terms
• Packages, references and a blog as areas that can grow
• Content as modules rather than text inside templates
• One named contact instead of a ticket queue — reflected in how the site guides you

Three languages, as equals

German, English and Thai are not a hierarchy here but three equal versions: 31 pages per language, 93 in total. There is no language missing a section, and none where a text was only half translated.

Thai is the demanding part. The script has no word spaces, it builds above and below the baseline, and it needs more line height than a Latin face or the marks start to touch. Line breaking, leading and font choice therefore had to get their own rules per language — one shared setting for all three would have looked wrong in at least one of them.

Every page declares its language alternatives to search engines, so a Thai-speaking prospect finds the Thai version rather than the German one. Which language a visitor reads stays the visitor's choice; it is never guessed from where they happen to be.

• 31 pages per language — German, English and Thai at the same depth
• Typographic rules per script rather than one shared setting
• Language alternatives declared to search engines on every page
• Language choice stays with the visitor
• No machine translator anywhere in the delivery path

The scroll-driven film

Under "Your path" sits a film that is not played but scrolled: six chapters, from an empty shop floor at dawn to the first guest. What it tells is one founder's journey — not an advertisement but a story with a beginning and an end.

Technically there is no video player, only a frame sequence tied to scroll position. Scroll slowly and the scene runs slowly; scroll back and it runs backwards — smoothly, without buffering and without a progress bar. The text beats land where the image can carry them.

The rule that makes a film usable in the first place applies here too: anyone who has asked their operating system for reduced motion gets calm images instead of a scroll-driven animation. And the page carrying the film scores a full 100 for performance and accessibility in a Lighthouse desktop run — the staging costs nothing in speed.

• Six fully composed chapters, each with its own arc
• A frame sequence tied to scroll position — no video player, no buffering
• As smooth backwards as forwards
• Respects the operating system's reduced-motion setting
• Film page measured: 100 performance, 100 accessibility, CLS 0
• Available in all three languages

Architecture, speed & data thrift

All 93 pages are prerendered to finished HTML at build time. Anyone opening the site gets the text before a script has run — the same advantage on an older phone in Thailand as for a search engine.

The site loads nothing from third parties: no analytics, no maps, no external fonts. Measured, that is 41 requests to exactly one host, its own domain. For an audience that would rather not hand its data to unfamiliar data centres in passing, that is not a footnote.

The home page reaches 100 for performance in a Lighthouse desktop run, with a CLS of 0 and 0.8 seconds to the largest paint. Best practices sits at 93 rather than 100: the site reports violations of its own deliberately strict content security policy to the browser console. That is an open item, not a matter of interpretation.

Accessibility was built in rather than retrofitted: 99 on the home page, 100 on the film page.

• 93 prerendered pages, delivered as static HTML
• 0 third-party hosts across 41 requests
• Home page: 100 performance, CLS 0, 0.8 s to the largest paint
• Accessibility 99 on the home page, 100 on the film page
• Self-hosted fonts covering all three writing systems
• Open item: content-security-policy console warnings hold best practices at 93

What a real project takes from it

The structure is not tailored to this agency. A platform with services, sectors, packages and a blog, trilingual and prerendered, is the same task for an engineering office or a law firm — only the content differs.

What a new project inherits is the structure: content as modules, brand and colour world as configuration, language versions as equal branches rather than an afterthought. What it contributes is its own copy, its own figures and its own images.

And it inherits one decision that is hard to make up for later: that the third language weighs as much as the first from the outset. Added afterwards, it tends to be bolted on — and it shows.

• Content as modules, brand and colour world as configuration
• Language versions as equal branches, not as an afterthought
• Extensible with services, sectors and articles without new construction
• The scroll film as a component of its own, not a special case of the home page
• Transferable to any advisory service with an offer that needs explaining