Muller Toiture
Ein undichtes Dach ist kein Renovierungsprojekt: zwei Wege, eine Website.
- Jahr
- 2026
- Umsetzung
- 4 Wochen
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Entwicklung
- Schätzrechner
- Lokales SEO
Demoversion, von Kayzen Web unter einer Vercel-Adresse veröffentlicht; die endgültige Domain gehört dem Kunden.
- getrennte Wege
- 2
- Fragen für eine Schätzung
- 3
- Lighthouse-SEO
- 100/100
Was gelöst werden musste.
Der Kontext
Muller Toiture ist ein Dachdeckerbetrieb mit Sitz in Mions, tätig im Osten von Lyon und im Nord-Isère: Dacheindeckung, Klempnerarbeiten, Dämmung, Moosentfernung.
Die Einschränkung
Zwei Kunden mit gegensätzlichem Verhalten landen auf derselben Website. Wer ein Leck hat, sucht sofort eine Telefonnummer, oft am Sonntagabend. Wer eine Dachsanierung plant, sucht eine Preisgrößenordnung und holt über zwei Monate drei Angebote ein. Ein einziger Weg hätte beiden schlecht gedient.
Die Antwort
Zwei getrennte Einstiege schon auf dem ersten Bildschirm. Ein dauerhaftes Notfallbanner mit der Nummer, sichtbar ohne Scrollen. Und für den zweiten Kunden ein Dach-Schätzrechner, der aus Fläche und Art der Eindeckung sofort eine Preisspanne liefert. Das eine fängt den Notfall auf, das andere die langfristige Absicht.
Die Werte bei der Auslieferung.
Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.
Jede gestalterische Entscheidung – und ihr Grund.
Dauerhaftes Notfallbanner
Anklickbare Nummer, immer sichtbar, nie vom Scrollen verdeckt. Bei einem Leck zählt nur eine Kennzahl: die Sekunden zwischen Ankunft auf der Seite und Anruf.
Schätzrechner mit drei Fragen
Fläche, Art der Eindeckung, Zustand. Das Ergebnis ist eine ausdrücklich als solche dargestellte Spanne, mit ihren Annahmen. Einen exakten Preis zu nennen wäre unredlich; gar nichts zu nennen schickt den Besucher zum Wettbewerber, der sich traut.
Die Moosentfernung separat behandelt
Eine Leistung mit kleinem Auftragswert, aber hohem Volumen, die oft einzeln gesucht wird. Sie hat eine eigene Seite statt einer Zeile in einer Liste.
Farbpalette des Projekts
Schiefer
#39434D
Struktur – Farbe des Materials
Ziegel
#B15A2B
Handlung
Himmel
#EEF3F7
Hintergrund
Notfallrot
#C0392B
Ausschließlich Banner für Lecks
Typografisches System
Überschriften
Outfit 700
Fließtext
Inter 400
Das Notfallrot ist strikt dem Leck-Banner vorbehalten: Eine Warnfarbe, die zur Dekoration dient, warnt nicht mehr.
Was unter der Haube steckt.
- Next.js
- React
- Tailwind
- Vercel
Schätzrechner vollständig auf der Client-Seite
Die Berechnung läuft im Browser: kein Serveraufruf, keine Wartezeit, keine personenbezogenen Daten, bevor der Nutzer es selbst entscheidet. Kontaktdaten werden erst nach Anzeige des Ergebnisses abgefragt.
Eine identifizierte Performance-Baustelle
75 in der Performance, verursacht durch die Projektgalerie. Der Plan steht: AVIF-Konvertierung, srcset und Aufteilung der Galerie auf mehrere Seiten. Der Score ist öffentlich – ihn zu erklären ist nützlicher, als ihn zu verbergen.
Wie die Website gefunden wird.
Notfall- und Projektanfragen
„Dach undicht Notdienst Lyon“, „Dachdecker Mions“, „Preis Dachsanierung Nord-Isère“. Drei Suchintentionen, drei Seitengruppen: Wer sie vermischt, rankt für keine davon.
Ausdrücklich genanntes Einsatzgebiet
Die tatsächlich bedienten Gemeinden sind aufgelistet und ausgezeichnet. Ein Handwerker, der „ganz Frankreich“ angibt, verliert die Suche nach Gemeinde – die einzige, die konvertiert.
Für alle nutzbar.
Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.
Schätzrechner per Tastatur bedienbar
Native Felder, Ergebnis in einer Live-Region angekündigt, kein Schritt ist von Drag-and-drop abhängig.
Was ausgeliefert wurde.
- Startseite – Notfall + Schätzrechner
- Dacheindeckung und Klempnerarbeiten
- Dämmung
- Moosentfernung
- Dach-Schätzrechner
- Einsatzgebiete
- Kontakt
Der Projektablauf.
Analyse der Anfragen
Zwei Profile anhand der eingegangenen Anrufe identifiziert.
Design
Notfallbanner, Schätzrechner, getrennte Wege.
Entwicklung
Clientseitiger Schätzrechner, Formulare, Benachrichtigungen.
SEO
Drei Seitengruppen, ausgezeichnetes Einsatzgebiet.
Was man uns oft fragt.
Weitere Referenzen
DSGVO-Compliance & SaaSKonsent by Kayzen
Ein Banner-Anbieter, der Banner prüft, ist Richter in eigener Sache: Unabhängigkeit war das Produkt.
Offensive Cybersicherheit & SaaSSentinel by Kayzen
Ein Sicherheitsprodukt an Ingenieure verkaufen: Jede Aussage musste nachweisbar sein.
Daten & WetterdienstMétéo Climat France
358 indexierbare Seiten, eine animierte Karte über 72 Zeitpunkte – und keine einzige Zeile Framework.
Derselbe Anspruch, für Ihre Website.
Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.