SchmiemanDev
Website
2026-09-13
NL

Talent Solutions 101

Tweetalige website voor een wervingsbureau in Utrecht dat Europees talent koppelt aan Australische bedrijven. Zeven pagina's in het Engels en Nederlands, een blog die de oprichter zelf bijhoudt en een contactformulier dat spam buiten de deur houdt.

Next.js TypeScript Tailwind CSS Sanity CMS Formspree Vercel
Bekijk de website
Talent Solutions 101

Talent Solutions 101 is een wervingsbureau in Utrecht van een Australische oprichter met twintig jaar ervaring in recruitment. Ze plaatsen Europese kandidaten bij Australische bedrijven die hier uitbreiden. De site moest voor beide kanten werken: Engels voor de Australische klanten, Nederlands voor de lokale markt.

Wat ik heb gebouwd

Zeven pagina's — home, over ons, diensten, sectoren, inzichten, contact en de juridische pagina's — elk met Engelse en Nederlandse tekst. De oprichter schrijft haar eigen artikelen in Sanity CMS onder vier vaste categorieën, en de site toont ze onder Inzichten. Het contactformulier loopt via Formspree, met validatie in beide talen en een verborgen honeypot-veld tegen bots. Elke pagina heeft hreflang-tags en de sitemap vermeldt beide taalversies, zodat Google de Engelse en Nederlandse pagina's apart indexeert.

Het geheel kostte 22 werkdagen in mei en juni 2026; de taalwisselaar kwam er in september bij.

Twee dingen die het vermelden waard zijn

De afbeeldingen. De eerste versie ging live met hero-banners van 3,7 MB als PNG. Negen van de 24 commits in het project gaan over afbeeldingen: alles omzetten naar WebP (de grootste banner ging van 3,7 MB naar 464 KB), en daarna een ronde om de tekst in de hero leesbaar te maken op telefoons, waar de foto nu achter een dicht vlak staat in plaats van een doorzichtige overlay.

Nederlands kwam in twee stappen. De URL-structuur was tweetalig vanaf de eerste commit — /en/… en /nl/… — en elke pagina had vanaf het begin Nederlandse tekst. Maar er was geen wisselaar, en elke bezoeker werd naar het Engels gestuurd. In september heb ik de wisselaar toegevoegd, detectie op basis van de taalinstelling van de browser, en een cookie zodat de keuze een jaar blijft staan. Een tweede ronde heeft daarna de grammatica en anglicismen in de Nederlandse tekst rechtgezet.

Het lastige deel

De site precies laten aansluiten op wat de klant voor ogen had. De eerste versie zat dichtbij, maar was het nog niet. De weg ernaartoe waren korte feedbackrondes: een aanpassing, even kijken, weer een aanpassing. Daar komen de meeste "changed pictures"-commits vandaan. Het is uitgekomen op iets waar we allebei blij mee zijn.

Stack

Next.js 16 (App Router), Tailwind CSS 4, Sanity CMS voor de blog, Formspree voor het contactformulier, Vercel voor hosting en analytics.