Een badkamer kies je op gevoel. Nu ook online.
Baderie Barneveld verkoopt badkamers vanuit een showroom van 800 m². Voor hen bouwden we een nieuwe website: een volledig redesign op headless WordPress met een Next.js-voorkant. Het team beheert alles nog in WordPress, de bezoeker krijgt een site die in Lighthouse 98 scoort op mobiel en 100 op desktop. Plus een moodboard waarin je je droombadkamer bij elkaar klikt.
Een headless WordPress-website voor een badkamerzaak, zonder dat het team iets nieuws hoeft te leren.
De oude site draaide op een eigen WordPress-thema uit de tijd dat Baderie nog Van Manen Badkamers heette. Hij deed wat hij moest doen, maar zag er gedateerd uit naast de showroom. En wie een badkamer zoekt, bladert vaak weken door foto's voordat er een telefoontje komt. Die foto's moesten groot, scherp en snel in beeld staan.
WordPress weggooien was geen optie. Het team zet er zelf projecten, blogs, vacatures en merken in, en dat moest zo blijven. Dus hielden we WordPress als beheeromgeving en bouwden we er een losse voorkant in Next.js tegenaan. Dat heet headless WordPress: de redactie ziet niks veranderen, de bezoeker krijgt een compleet nieuwe site.
Een headless site klinkt als een verbouwing voor de redactie. Hier niet. Het team logt in op dezelfde WordPress, klikt op opslaan en de pagina staat vernieuwd online. Er kwam geen nieuw systeem bij om te leren.
Van brochure-site naar een plek waar je je badkamer samenstelt.
Een nieuw ontwerp, een snelle voorkant en een module die inspiratie opsparen net zo makkelijk maakt als een foto liken.
Mooie badkamers, gedateerde site
De showroom liet zien wat Baderie kan, de website niet. Bezoekers keken foto’s, klikten weg en kwamen met lege handen naar een gesprek.
Redesign, headless en een moodboard
Eerst het ontwerp, daarna een Next.js-voorkant op de bestaande WordPress. Bovenop de site een moodboard dat op elke foto werkt.
98 op mobiel, 100 op desktop
Een site die in Lighthouse 98 en 100 scoort, beheerd in de WordPress die ze kennen. En bezoekers die met een moodboard de showroom binnenlopen.
Snel voor de bezoeker, vertrouwd voor het team.
Drie ingrepen aan de site zelf. Het moodboard krijgt verderop een eigen hoofdstuk.
Grote foto's, toch snel
Een badkamersite bestaat voor de helft uit foto's, en foto's zijn zwaar. Door de voorkant los te halen van WordPress staan de pagina's kant-en-klaar op Vercel. WordPress levert alleen nog de inhoud. Op desktop staat de grootste foto na 0,6 seconde in beeld, op een gesimuleerde trage mobiel na 2,1.
Kiezen op sfeer, niet op productgroep
Mensen zoeken geen “wastafelmeubel”, ze zoeken een landelijke of een Japandi-badkamer. Het mega-menu opent daarom met twaalf stijlen, elk met een eigen pagina. Donker waar de foto's moeten spreken, licht waar je moet lezen. En op elke pagina een knop naar een afspraak in de showroom.
Opslaan in WordPress, direct live
Het nadeel van een snelle, vooraf gebouwde site: een wijziging moet ergens een seintje geven. Dat regelt een kleine plugin in WordPress. Slaat het team een project, blog of vacature op, dan bouwt de site precies die pagina's opnieuw. Formulieren gaan nog steeds via Gravity Forms, zoals ze gewend waren.
Het team werkt in de WordPress die ze al kenden. De bezoeker ziet alleen de snelle voorkant.
Klik een hartje aan. Loop binnen met je moodboard.
Wie een badkamer uitzoekt, maakt screenshots, bewaart Pinterest-borden en weet na een week niet meer waar die ene tegel stond. Het moodboard haalt dat naar de site van Baderie zelf. Geen account nodig, alles blijft in je browser bewaard tot je terugkomt.
Hartje op elke foto
Projecten, stijlpagina’s, tegels. Waar een foto staat, staat een hartje. De teller in de header laat zien hoeveel je al bewaard hebt.
Kleuren en eigen foto’s erbij
25 kleurstalen die bij badkamers passen, een eigen kleurcode, en foto’s uploaden van een badkamer die je ergens anders zag.
Mailen, en Baderie krijgt een kopie
Het moodboard gaat als afbeelding naar je inbox. Met één vinkje krijgt de showroom een kopie, zodat het adviesgesprek niet bij nul begint.
Een laag over de hele site, dus ook nieuwe projecten krijgen vanzelf een hartje.
Het moodboard staat in je browser. Kom je een week later terug, dan ligt alles er nog.
Elk gemaild moodboard komt als event binnen, inclusief of het vinkje voor Baderie aan stond.
Een site die een stapje terug doet voor de foto's.
Het ontwerp is bewust rustig. Dit soort badkamers verkopen zichzelf, als ze groot en scherp in beeld staan.
Foto's: Baderie Barneveld, van opgeleverde projecten.
Geen claim, gewoon de meting.
Lighthouse, de motor achter Google PageSpeed, op de live homepage. Een voor-meting van de oude site hebben we niet bewaard, dus hier staat alleen wat de site nu doet.
Lighthouse 12, 25 september 2026. Mobiel met gesimuleerde trage verbinding; herhaalde metingen gaven 98 tot 99.
Wat bezoekers echt zien en doen.
Zeven schermen van de live site, van de homepage tot het mailen van een moodboard.
De volledige homepage
Donkere hero met hun eigen badkamerfoto, daarna diensten, het stappenplan, montage en projecten. Rustig opgebouwd, met op elke hoogte een weg naar een afspraak.
Wat het opleverde.
Een snelle site, een redactie die gewoon doorwerkt en bezoekers die voorbereid binnenkomen.
Lighthouse 98 op mobiel, 100 op desktop
Op desktop staat de grootste foto na 0,6 seconde in beeld, zonder dat er iets verspringt. Op een site die voor de helft uit badkamerfoto’s bestaat.
Inspiratie die niet verloren gaat
48 opgeleverde badkamers, elk met een hartje erop. Bezoekers bewaren badkamers, tegels en kleuren op één plek en nemen dat mee naar de showroom. Wie het moodboard mailt met het vinkje aan, komt als lead bij Baderie binnen.
Geen nieuw systeem voor het team
Projecten, blogs, vacatures en merken beheren ze in dezelfde WordPress als voorheen. Opslaan is live, zonder tussenkomst van ons.
Een snellere site, zonder je WordPress kwijt te raken?
Net als bij Baderie kan je redactie gewoon in WordPress blijven werken terwijl de voorkant opnieuw wordt gebouwd. Wil je een website laten maken in Barneveld of je huidige site laten migreren naar headless? We laten eerst zien hoe het eruit komt te zien.