Een viertalige website voor Business Radar, tot op de pixel
Business Radar maakt risico-informatie over bedrijven voor banken en verzekeraars. Ik bouwde hun nieuwe site: tientallen eigen bouwblokken, exact naar het ontwerp van hun designer, in vier talen. En hij laadt in ongeveer een halve seconde.
- ✓Live sinds augustus 2026
- ✓Tientallen eigen bouwblokken
- ✓Engels, Duits, Frans en Nederlands
- ✓Laadt in ongeveer een halve seconde
- ✓Tot op de pixel naar ontwerp
- ✓Eigen AI-vertaalworkflow
businessradar.com in het echt.
Ga met je muis over het scherm en je scrolt door de homepage, met de klantlogo's en de productkaarten.
Een designerontwerp, precies zo gebouwd.
De klanten van Business Radar zijn banken en verzekeraars. Die doelgroep ziet het verschil tussen bijna goed en goed.
Business Radar speurt wereldwijd nieuwsbronnen, sanctielijsten en handelsregisters af en vertaalt dat naar risicoprofielen van bedrijven. Daar hoort een site bij die dezelfde precisie uitstraalt.
Het ontwerp kwam van hun eigen designer, uitgewerkt in Figma tot op de pixel, met voor mobiel aparte ontwerpen in plaats van een automatisch meeschalende versie. Mijn opdracht: bouw het exact zo. Daarvoor legde ik elke gebouwde sectie automatisch naast de ontwerpexport, met de verschillen rood gemarkeerd. Gokken op een marge of een kleur was er niet bij.
Elke sectie werd een eigen Beaver Builder module, tientallen in totaal, van de menubalk tot de vacaturelijst. Geen enkel blok komt van de plank. Het resultaat staat sinds 11 augustus 2026 live op businessradar.com.
De techniek in het kort.
Zes dingen die deze site dragen. Twee ervan werk ik hieronder uit.
Vier talen, één werkwijze.
Een B2B-site in vier talen onderhouden wordt al snel een moeras: wie vertaalt een nieuwe pagina, en wie houdt bij wat er nog openstaat?
Voor Business Radar bouwde ik daarom een eigen vertaalplugin bovenop TranslatePress. Die stuurt teksten mét context naar een taalmodel: wat voor pagina het is, waar de zin staat, en welke vaktermen onvertaald moeten blijven omdat de doelgroep ze zo kent.
De uitkomsten komen terug als beheerde waarden, zodat je per taal precies ziet wat er staat en wat er nog mist. Bij de eerste volledige ronde ging dat om duizenden waarden over alle openbare pagina's, in Duits, Frans en Nederlands. Een nieuwe pagina vertaal je met dezelfde werkwijze in minuten in plaats van dagen.
Er zit een kostenbewaking in met een limiet en een teller, en het vertaalverkeer loopt via een route die de inhoud niet bewaart. De plugin staat los van deze site, dus hij kan ook andere meertalige sites helpen.
De verhuizing waarbij IPv6 nog even terugvocht.
De oude site draaide bij Amazon. De nieuwe moest live zonder dat een klant, een zoekmachine of een certificaat er iets van merkte.
Voor de livegang schreef ik een draaiboek: welke DNS-records er echt zijn, welke uit moeten, en in welke volgorde. Daardoor kwam vooraf al boven water dat de vier adresrecords in werkelijkheid één alias naar het oude platform waren, en dat een certificaataanvraag zou stranden als je daar zomaar een record naast zet.
Na de omzetting werkte de site bij mij perfect, en bij de klant en de designer niet. De oorzaak: acht achtergebleven IPv6-records wezen nog naar het oude platform, en iedereen met IPv6 belandde in een eindeloze doorverwijslus. Op kantoornetwerken zonder IPv6 was er niets aan de hand, op mobiele netwerken juist wel. Records opgeruimd, lus verdwenen, en precies verklaard waarom het probleem zich zo vreemd verspreidde.
Voor de vindbaarheid kreeg elk belangrijk oud adres een doorverwijzing. Ruim duizend verouderde bedrijfsprofielen zijn juist bewust definitief afgemeld in plaats van doorverwezen, zodat zoekmachines ze opruimen in plaats van eindeloos herkauwen.
Snel, vindbaar en klaar voor AI-zoekers.
Snelheid is hier geen toeval maar een optelsom van keuzes.
Er laadt geen enkel blokkerend extern bestand, bestanden krijgen een versienummer op basis van hun eigen wijzigingsdatum, en zware onderdelen laden pas als ze in beeld komen. In de meting bij oplevering stond de grootste inhoud er binnen een halve seconde, antwoordde de server vrijwel direct, en verschoof de pagina daarna helemaal niet.
Voor de vindbaarheid verwijst elke pagina in elke taal netjes naar zijn drie vertalingen, met één organisatieprofiel dat over alle talen hetzelfde blijft. Een structurele ingreep in de templates bracht het aantal pagina's zonder hoofdkop terug van tientallen naar een handvol.
En omdat steeds meer bezoekers via een AI-assistent binnenkomen, ligt er een leeswijzer voor taalmodellen klaar die zichzelf actueel houdt: hij wordt opgebouwd uit de pagina's zelf, dus er kan geen dode link of verouderde titel in staan. Alle gangbare AI-crawlers komen er gewoon in.
Twee tabbladen en klaar.
Een site met zoveel eigen blokken is alleen wat waard als de klant er zelf mee uit de voeten kan.
Alle blokken werken hetzelfde: een tabblad voor de inhoud en een tabblad voor de opmaak, met ruimte en achtergrond altijd op dezelfde plek. In tientallen tekstvelden kan de redactie opmaak gebruiken, maar alleen nadruk en links, dus de huisstijl kan niet per ongeluk stuk. Iconen kies je uit een visueel raster in plaats van een lijst met codes, en elk instellingenveld heet gewoon wat het is, zonder jargon of pixelmaten.
Bij twijfel over een ontwerpkeuze kreeg de klant kale voorbeelden naast elkaar, zonder labels, zodat alleen het gedrag het verschil maakte. Zo is bijvoorbeeld het scrollgedrag van de kaartensectie gekozen: op papier abstract, naast elkaar in de browser meteen duidelijk.
Zo liep het project.
Van Figma-bestand tot livegang, in drie stappen.
Ontwerp ontleden
Het Figma-bestand werd een bouwbijbel: per sectie de ontwerpnode voor desktop en mobiel, met de afspraak dat het beeld altijd wint.
Bouwen met bewijs
Elke module ging pas door als de automatische vergelijking met het ontwerp geen verschil meer liet zien.
Vertalen en verhuizen
Daarna alle pagina's naar drie extra talen, en de livegang met draaiboek op 11 augustus 2026.
Vrijblijvend, en je spreekt meteen degene die het ook bouwt.
Vragen over deze case.
De vragen die andere bedrijven mij hierover stellen.
Wat is er gebouwd voor Business Radar?
Een compleet nieuw WordPress-thema met tientallen Beaver Builder blokken, exact naar het Figma-ontwerp van hun designer, in vier talen. Plus de verhuizing van het domein vanaf Amazon, met draaiboek en doorverwijzingen.
Het ontwerp kwam niet van jou?
Klopt, en dat werkt prima. Hun designer maakte het ontwerp, ik bouwde het exact na en toetste elke sectie automatisch aan de ontwerpexport. Wil je liever één partij voor ontwerp én bouw, kijk dan bij websites op maat.
Hoe blijven vier talen actueel?
Met een eigen vertaalplugin die AI inzet mét context, en alles bijhoudt in beheerde waarden per taal. Een nieuwe pagina vertaal je in minuten, en je ziet altijd wat er nog openstaat.
Waarom is de site zo snel?
Geen blokkerende externe bestanden, versienummers per bestand zodat een wijziging niet alle cache weggooit, en zware onderdelen die pas laden als ze in beeld komen. Gemeten bij oplevering: de grootste inhoud staat er binnen een halve seconde.
Wat is een leeswijzer voor AI-zoekmachines?
Een bestand op de site dat taalmodellen in één keer vertelt welke pagina's er zijn en waar ze over gaan. Hier wordt hij opgebouwd uit de pagina's zelf, dus hij veroudert niet en er kan geen dode link in staan.
Kan dit ook voor mijn bedrijf?
Als je website je visitekaartje is en je merkt dat een standaardoplossing knelt, dan is dit de route. Begin bij website laten maken voor het overzicht, of bij websites op maat voor deze aanpak.
Ook zo'n site neerzetten?
Vertel wat je wilt bereiken, dan denk ik met je mee. Je krijgt dezelfde werkdag antwoord, gewoon van mij en niet van een salesafdeling.
Vertel kort waar je aan denkt
Nu gesloten, ik reageer de volgende werkdag
Maurits leest je bericht en neemt persoonlijk contact met je op.