BTP EA Rénovation
Zes velden, geen enkel meer: het formulier is het product.
- Jaar
- 2026
- Ontwerp
- 3 weken
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Design
- Ontwikkeling
- Lokale SEO
- Conversiefunnel
- Copywriting
- kwalificatievelden
- 6
- terugbelbelofte
- 48 u
- geografische pagina's
- 9+
- CAPTCHA's
- 0
Wat er opgelost moest worden.
De context
Afbouwvakman uit Lyon — schilderwerk, stukadoorswerk, vloer- en wandbekleding, badkamerrenovatie — actief in Lyon en de metropool.
De beperking
Een vakman in de bouw verliest geen klanten door gebrek aan zichtbaarheid, maar door gebrek aan kwalificatie. Mislukte gesprekken kosten uren: een klus buiten het werkgebied, een onverenigbaar budget, een dienst die hij niet levert. De website moest vóór het gesprek filteren, zonder de goede aanvragen te ontmoedigen.
Het antwoord
Het offerteformulier staat op het eerste scherm, niet in de footer, en het is kort: zes velden die de klus kwalificeren — soort werk, oppervlakte, ruimte, gemeente, termijn, contactgegevens. Die kwalificatie maakt het terugbellen efficiënt; zonder haar begint het gesprek met vijf minuten vragen.
Elke keuze, en de reden erachter.
De offerte op het eerste scherm
Het formulier staat niet onderaan de pagina, maar naast de belofte. De bezoeker van een vakman weet al wat hij wil; hem drie schermen laten scrollen vóór de actie is puur verlies.
Zes velden, één voor één gekozen
Elk geschrapt veld verhoogt het invulpercentage, elk toegevoegd veld verhoogt de kwalificatie. Zes is de gekozen afweging: daarboven weegt het afhaken zwaarder dan de extra informatie.
Voor/na in plaats van werffoto's
Vakmensen tonen hun lopende klussen. De klant wil het resultaat zien. De galerij is opgebouwd uit voor/na-paren, met de exacte aard van de werkzaamheden.
De terugbelbelofte zichtbaar vermeld
“Teruggebeld binnen 48 uur” is een concrete toezegging, boven het formulier geschreven. Een vage belofte (“we reageren snel”) stelt niemand gerust.
Kleurenpalet van het project
Bouwblauw
#1D4E77
Structuur, vertrouwen
Veiligheidsoranje
#D9601A
Actie, offerte
Betongrijs
#F2F3F5
Achtergrond
Inkt
#1C2126
Tekst
Typografisch systeem
Koppen
Outfit 700
Lopende tekst
Inter 400
Stevig en zonder franje. De cijfers voor oppervlakte en termijn staan in tabulaire breedte, zodat ze in het offerteoverzicht uitgelijnd blijven.
Wat er onder de motorkap zit.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Validatie aan client- en serverzijde
Het formulier valideert live om het invullen te vergemakkelijken, en valideert opnieuw aan serverzijde vóór het opslaan. Alleen clientvalidatie is in tien seconden te omzeilen en laat alles door.
Antispam zonder CAPTCHA
Een lokveld, een tijdstempel bij het verzenden en rate limiting. Een CAPTCHA had wrijving toegevoegd aan het enige element dat de website moet beschermen — en het is een erkende toegankelijkheidsdrempel.
Directe melding
Elke aanvraag vertrekt per e-mail met alle kwalificatiegegevens in de onderwerpregel. De vakman leest zijn telefoon tussen twee klussen door: de nuttige informatie moet in het voorbeeld passen.
Hoe de website vindbaar wordt.
Eén pagina per arrondissement
De negen arrondissementen van Lyon plus de gemeenten van de metropool. Elke pagina heeft specifieke inhoud — wijken, type bebouwing, voorbeelden van klussen — en niet alleen een vervangen plaatsnaam.
Zoekopdrachten naar een vak, niet naar een sector
“Peintre en bâtiment Lyon 3”, “rénovation salle de bain Villeurbanne”: de klant zoekt een vak en een gemeente, nooit “bouwbedrijf”.
HomeAndConstructionBusiness-markering
Een specifiek type, een gedeclareerd werkgebied, diensten opgesomd als Service. Dat bepaalt de weergave in het lokale pakket.
Bruikbaar voor iedereen.
Sinds juni 2025 verplicht de Europese toegankelijkheidsrichtlijn (European Accessibility Act) digitale toegankelijkheid voor een groot deel van de onlinediensten. Wij regelen dat in het ontwerp, niet achteraf.
Een echt toegankelijk formulier
Gekoppelde labels, fouten die worden aangekondigd en aan het veld verbonden zijn, gecontroleerde tabvolgorde. Een formulier is de component die het vaakst ontoegankelijk is — en hier is het de enige die telt.
Wat er is opgeleverd.
- Home — snelle offerte
- Diensten (schilderwerk, stukadoorswerk, vloeren, badkamers)
- Realisaties voor/na
- Werkgebied — 9 arrondissementen + metropool
- Contact
Het verloop van het project.
Kwalificatie
De zes velden samen met de vakman bepaald, op basis van zijn gemiste gesprekken.
Design
Offerte op het eerste scherm, voor/na-galerij, concrete toezegging.
Ontwikkeling
Dubbele validatie, antispam zonder CAPTCHA, melding.
Lokale SEO
Pagina's per arrondissement, vakspecifieke markering.
Wat ons vaak gevraagd wordt.
Andere projecten
AVG/GDPR-compliance & SaaSKonsent by Kayzen
Een bannerleverancier die banners audit, is rechter en partij: onafhankelijkheid wás het product.
Offensieve cybersecurity & SaaSSentinel by Kayzen
Een securityproduct verkopen aan engineers: elke bewering moest aantoonbaar zijn.
Data & WeerdienstMétéo Climat France
358 indexeerbare pagina's, een geanimeerde kaart over 72 tijdstappen — en geen enkele regel framework.
Hetzelfde niveau van zorg, voor uw website.
Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.