Projekt 04
Time to Work International B.V.
Eine mehrsprachige, SEO-orientierte Unternehmensplattform, von Grund auf gebaut für ein niederländisches Unternehmen im Bereich internationale Arbeitskräfte und Personalvermittlung.
- Kategorie
- Web
- Rolle
- Frontend-Architektur, Lokalisierung und Deployment
- Jahr
- 2026
verwendete technologien
- TypeScript
- Next.js
- React
- Tailwind CSS
- Framer Motion
- i18n
problem
Problem
Die bestehende Web-Infrastruktur des Unternehmens war langsam, blieb hinter responsiven Standards zurück und verarbeitete die Mehrsprachigkeit schwerfällig. Als digitales Gesicht eines Unternehmens, das internationale Kandidaten und Firmen bedient, spiegelte sie zudem die Corporate Identity nur unzureichend wider.
lösung
Lösung
Ich habe eine modulare, SEO-orientierte Architektur auf dem Next.js App Router, TypeScript und Tailwind CSS aufgebaut. Für die Oberflächeninteraktionen habe ich Framer Motion integriert und die mehrsprachige Struktur so entworfen, dass jede Sprache eine eigene generierte Seite erhält, ohne Performance zu kosten.
ergebnis
Ergebnis
Die Unternehmensplattform ging live und läuft unter ttw-international.nl, sodass internationale Kandidaten und Firmen von jedem Gerät aus bequem Bewerbungen einreichen können.
wichtigste funktionen
- 01Modulare Architektur auf dem Next.js App Router, die SSR und statische Generierung kombiniert.
- 02Dynamische mehrsprachige (i18n) Struktur ohne Performance-Einbußen.
- 03Flüssige Oberflächeninteraktionen und eine unternehmerische Designsprache mit Framer Motion.
- 04Responsiver Bewerbungsablauf, der auf allen Geräten reibungslos funktioniert.
warum diese entscheidungen
Warum Next.js SSR/SSG statt einer klassischen React-SPA?
Für ein internationales Personalvermittlungsunternehmen bedeutet Suchmaschinen-Traffic unmittelbar Geschäft. In einer Single-Page-React-Anwendung wird der Inhalt im Browser gerendert und erscheint Suchmaschinen verzögert. Serverseitiges Rendering und statische Seiten maximierten sowohl Indexierung als auch Ladeperformance.
Warum dynamisches i18n?
Mehrsprachige Websites teilen üblicherweise entweder jede Sprache in eine eigene Codebasis auf oder liefern alle Übersetzungen an den Client aus. Ersteres macht die Wartung unmöglich, Letzteres bläht die Seitengröße auf. Ich habe eine Struktur gebaut, in der jede Seite nur die Texte ihrer eigenen Sprache trägt.
Warum Tailwind?
Das Design musste der Corporate Identity folgen, und eine fertige Komponentenbibliothek hätte bedeutet, auf jedem Bildschirm gegen diese Identität anzukämpfen. Tailwind lieferte ein konsistentes Skalen- und Farbsystem, während das Design von Grund auf entstand.