project 04
Time to Work International B.V.
Een meertalig, SEO-gericht zakelijk webplatform, vanaf nul gebouwd voor een Nederlands bedrijf in internationale arbeidsbemiddeling en personeelsdiensten.
- Categorie
- Web
- Rol
- Frontend-architectuur, lokalisatie en deployment
- Jaar
- 2026
gebruikte technologieën
- TypeScript
- Next.js
- React
- Tailwind CSS
- Framer Motion
- i18n
probleem
Probleem
De bestaande webinfrastructuur van het bedrijf was traag, bleef achter bij responsieve standaarden en verwerkte meertaligheid omslachtig. Als digitaal gezicht van een bedrijf dat internationale kandidaten en werkgevers bedient, weerspiegelde ze de huisstijl bovendien onvoldoende.
oplossing
Oplossing
Ik heb een modulaire, SEO-gerichte architectuur gebouwd op de Next.js App Router, TypeScript en Tailwind CSS. Voor de interface-interacties heb ik Framer Motion geïntegreerd, en de meertalige structuur zo opgezet dat elke taal een eigen gegenereerde pagina krijgt zonder prestatiekosten.
resultaat
Resultaat
Het zakelijke platform is live gegaan en draait op ttw-international.nl, waar internationale kandidaten en bedrijven vanaf elk apparaat comfortabel kunnen solliciteren.
belangrijkste functies
- 01Modulaire architectuur op de Next.js App Router, die SSR en statische generatie combineert.
- 02Dynamische meertalige (i18n) structuur zonder prestatieverlies.
- 03Vloeiende interface-interacties en een zakelijke ontwerptaal opgebouwd met Framer Motion.
- 04Responsieve sollicitatieflow die op alle apparaten soepel werkt.
waarom deze keuzes
Waarom Next.js SSR/SSG in plaats van een klassieke React-SPA?
Voor een internationaal arbeidsbemiddelingsbedrijf betekent zoekverkeer direct omzet. In een single-page React-applicatie wordt de inhoud in de browser gerenderd en verschijnt die vertraagd voor zoekmachines. Server-side rendering en statische pagina's maximaliseerden zowel indexering als laadprestaties.
Waarom dynamische i18n?
Meertalige sites splitsen doorgaans elke taal in een eigen codebase of sturen alle vertalingen naar de client. Het eerste maakt onderhoud onmogelijk, het tweede blaast de paginagrootte op. Ik heb een structuur gebouwd waarin elke pagina alleen de teksten van haar eigen taal meedraagt.
Waarom Tailwind?
Het ontwerp moest de huisstijl volgen, en een kant-en-klare componentenbibliotheek zou betekenen dat je op elk scherm tegen die huisstijl vecht. Tailwind leverde een consistent schaal- en kleursysteem terwijl het ontwerp vanaf nul werd opgebouwd.