Net Rénovation
Die Website eines Trockenbauers, fürs Smartphone gebaut – denn dort sind seine Kunden.
- Jahr
- 2026
- Umsetzung
- 2 Wochen
- Stack
- React · Vite · Tailwind · Vercel
- Mobile-first-Design
- Entwicklung
- Lokales SEO
- Texte
- der Besuche mobil
- 80 %
- Breite des Referenzlayouts
- 375 px
- Performance – Baustelle offen und beziffert
- 59/100
Was gelöst werden musste.
Der Kontext
Lyoner Trockenbaubetrieb: Trennwände, Vorsatzschalen, abgehängte Decken, Innendämmung, für Privatkunden und Renovierungsprojekte.
Die Einschränkung
Mehr als 80 % der Besuche kommen vom Smartphone, oft aus einer Google-Maps-Suche, tagsüber. Die bisherige Website war für den Desktop gebaut und auf dem Handy unbrauchbar: Formular außerhalb des Bildschirms, Nummer nicht anklickbar.
Die Antwort
Alles wurde zuerst für einen 375 Pixel breiten Bildschirm gestaltet und dann erweitert. Die Nummer ist jederzeit anklickbar, das Formular passt auf einen Bildschirm, und die Leistungen sind in der Sprache der Kunden beschrieben – „eine Decke erneuern“, nicht „abgehängte Decke aus 12,5-mm-Gipskartonplatten“.
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.
Gestaltet bei 375 Pixeln
Das Referenzlayout ist das mobile, nicht das Desktop-Layout. Umgekehrt vorzugehen führt immer zu einer abgespeckten Mobilversion – und dort sind 80 % der Besucher.
Die Sprache der Kunden
Die Leistungen heißen so, wie Kunden sie formulieren. Das Fachvokabular gibt es, aber auf der zweiten Ebene – es schafft Vertrauen, ohne auszuschließen.
Anruf und Angebot immer erreichbar
Feste Aktionsleiste am unteren Bildschirmrand. Auf dem Smartphone ist der untere Rand die Daumenzone und damit die einzige Position, die den Zugriff garantiert.
Farbpalette des Projekts
Schieferblau
#2C4A63
Identität
Orange
#D96D2B
Handlung
Gipsweiß
#F7F7F5
Hintergrund
Tinte
#1E2226
Text
Typografisches System
Überschriften
Outfit 700
Fließtext
Inter 400
Zwei Familien genügen; die dritte, aus den ursprünglichen Inhalten übernommen, ist im Optimierungsplan zur Entfernung vorgesehen.
Was unter der Haube steckt.
- React
- Vite
- Tailwind
- Vercel
Eine offen benannte Performance-Baustelle
59 in der Performance: einer unserer zwei niedrigsten Werte, verursacht durch eine vom Kunden ohne Optimierung gelieferte Projektgalerie und eine zusätzliche Display-Schrift. Der Plan steht – Vereinheitlichung der Bilder, Entfernen der dritten Schrift – und wird beim nächsten Durchgang umgesetzt. Wir zeigen ihn, weil das Verbergen eines öffentlichen Scores noch nie eine Website verbessert hat.
Ein tolerantes Formular
Telefonnummern werden in allen üblichen Schreibweisen akzeptiert und automatisch normalisiert. Eine Nummer mit Punkten abzulehnen, ist eine absurde Art, einen Kunden zu verlieren.
Wie die Website gefunden wird.
„Trockenbauer Lyon“ und Nachbargemeinden
Eine Seite pro tatsächlich bedientem Gebiet, jeweils mit eigenen Projektbeispielen.
Übereinstimmung mit dem Google-Eintrag
Name, Adresse, Telefon und Öffnungszeiten stimmen exakt mit dem Unternehmensprofil überein, von dem der Großteil des mobilen Traffics kommt.
Was ausgeliefert wurde.
- Startseite
- Leistungen
- Referenzen
- Einsatzgebiete
- Angebot
Der Projektablauf.
Mobile first
Layout mit 375 px, Aktionsleiste, Formular auf einem Bildschirm.
Inhalte
Leistungen in der Sprache der Kunden umformuliert.
Entwicklung
Tolerantes Formular, lokales SEO.
Ausblick
Vereinheitlichung der Bilder und Entfernen der überflüssigen Schrift.
Was man uns oft fragt.
Weitere Referenzen
Bau & RenovierungSER & BAT
Zwei Zielgruppen, eine Website: Privatkunde und Sozialwohnungsträger lesen nicht dieselbe Seite.
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.
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.