Muller Toiture
Een daklek behandel je niet als een renovatieproject: twee trajecten, één site.
- Jaar
- 2026
- Ontwerp
- 4 weken
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Ontwikkeling
- Rekentool
- Lokale SEO
Demoversie door Kayzen Web online gezet op een Vercel-adres; het definitieve domein is eigendom van de klant.
- afzonderlijke trajecten
- 2
- vragen voor een schatting
- 3
- Lighthouse-SEO
- 100/100
Wat er opgelost moest worden.
De context
Muller Toiture is een dakdekkersbedrijf uit Mions, actief in het oosten van de regio Lyon en in Nord-Isère: dakbedekking, zinkwerk, isolatie, ontmossen.
De beperking
Twee klanten met tegengesteld gedrag komen op dezelfde website terecht. Wie een lek heeft, zoekt een nummer, meteen, vaak op zondagavond. Wie overweegt zijn dak te vernieuwen, zoekt een prijsindicatie en vraagt over twee maanden drie offertes aan. Eén enkel traject had beide slecht bediend.
Het antwoord
Twee afzonderlijke ingangen vanaf het eerste scherm. Een permanente noodbalk met het nummer, zichtbaar zonder te scrollen. En voor de tweede een dakcalculator die meteen een prijsvork geeft op basis van oppervlakte en type dakbedekking. De ene vangt de urgentie op, de andere de lange intentie.
De scores bij oplevering.
Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.
Elke keuze, en de reden erachter.
Permanente noodbalk
Klikbaar nummer, altijd zichtbaar, nooit weggescrold. Bij een lek is de enige maatstaf die telt het aantal seconden tussen aankomst en telefoontje.
Een calculator in drie vragen
Oppervlakte, type dakbedekking, staat. Het resultaat is een prijsvork die uitdrukkelijk als zodanig wordt gepresenteerd, met de aannames erbij. Een exacte prijs geven zou oneerlijk zijn; niets geven stuurt de bezoeker naar de concurrent die het wel aandurft.
Ontmossen apart behandeld
Een dienst met een klein bedrag maar een groot volume, vaak los gezocht. Ze heeft een eigen pagina in plaats van een regel in een lijst.
Kleurenpalet van het project
Leisteen
#39434D
Structuur — kleur van het materiaal
Dakpan
#B15A2B
Actie
Hemel
#EEF3F7
Achtergrond
Noodrood
#C0392B
Uitsluitend de lekbalk
Typografisch systeem
Koppen
Outfit 700
Lopende tekst
Inter 400
Het noodrood is strikt voorbehouden aan de lekbalk: een alarmkleur die ter decoratie wordt gebruikt, alarmeert niet meer.
Wat er onder de motorkap zit.
- Next.js
- React
- Tailwind
- Vercel
Calculator volledig aan clientzijde
De berekening gebeurt in de browser: geen serveraanroep, geen wachttijd, geen persoonsgegevens verzameld voordat de gebruiker daartoe besluit. Contactgegevens worden pas gevraagd nadat het resultaat is getoond.
Een geïdentificeerd performanceproject
75 op performance, door de galerij met klussen. Het plan ligt klaar: conversie naar AVIF, srcset en opsplitsing van de galerij in pagina's. De score is openbaar; hem uitleggen is nuttiger dan hem verbergen.
Hoe de website vindbaar wordt.
Noodzoekopdrachten en projectzoekopdrachten
“Fuite toiture urgence Lyon”, “couvreur Mions”, “prix réfection toiture Nord-Isère”. Drie intenties, drie families van pagina's: ze door elkaar halen betekent op geen enkele ranken.
Een expliciet werkgebied
De gemeenten die werkelijk worden bediend, worden opgesomd en gemarkeerd. Een vakman die “heel Frankrijk” opgeeft, verliest de zoekopdracht op gemeente, en die is de enige die converteert.
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.
Calculator met het toetsenbord te bedienen
Native velden, resultaat aangekondigd in een live-regio, geen enkele stap die van slepen en neerzetten afhangt.
Wat er is opgeleverd.
- Home — nood + calculator
- Dakbedekking en zinkwerk
- Isolatie
- Ontmossen
- Dakcalculator
- Werkgebied
- Contact
Het verloop van het project.
Analyse van de aanvragen
Twee profielen geïdentificeerd op basis van de ontvangen telefoontjes.
Design
Noodbalk, calculator, gescheiden trajecten.
Ontwikkeling
Calculator aan clientzijde, formulieren, meldingen.
SEO
Drie families van pagina's, gemarkeerd werkgebied.
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.