Jan Dreier – 3er Dienstleistungen UG
OWL-Reinigung mit Innungsbrief – solide statt laut.
Die Geschichte
Ein OWL-Innungsbetrieb braucht keine Startup-Site. Aber auch keine von 2010.
Jan Dreier führt 3er Dienstleistungen seit 1997 aus Kirchlengern – Gebäudereinigung als Innungsbetrieb, mittlerweile mit vier Geschäftsfeldern: Unterhaltsreinigung, Sonderleistung, Hausmeisterdienst, Sicherheit & Brandschutz. Hauptkunden sind Maschinenbauer, Arztpraxen, Hausverwaltungen und Industrie in OWL – Auftraggeber, die solide Arbeit erkennen, weil sie selbst eine machen.
Die alte Website wurde dieser Substanz nicht gerecht. Funktional ja, aber tonal an einem Mittelstandsbetrieb der frühen 2010er-Jahre orientiert: WordPress-Standard, Plugin-Stack, generische Stockfotos, keine lokale Verortung. Bewerber wussten nicht, ob 3er auch in ihrer Stadt arbeitet. Maschinenbauer aus Bielefeld konnten den Innungsbrief auf der Startseite nicht erkennen. Und der Karriere-Bereich war eine Sackgasse statt Funnel.
"Wir wollten eine Seite, die genauso ehrlich ist wie unsere Arbeit – kein Marketing-Geblubber."
– Jan Dreier, 3er Dienstleistungen UG
Wir haben die Webpräsenz von Grund auf neu gebaut – Vanilla HTML, CSS und JavaScript, kein Framework, keine SaaS-Tools, keine Tracking-Pixel. Statt einer Fake-SVG-Karte als OWL-Beweis ein Cards-Grid mit zehn echten Städten und konkreten Distanzen. Ein floating CardNav-Header, sticky WhatsApp + Telefon-CTAs, animierte Stats-Counter mit prefers-reduced-motion-Fallback. Volle DSGVO-Hygiene mit eigenem Cookie-Modal, ohne Cookie-Manager-SaaS. Plus zweisprachig DE/EN für die größeren Industrie-Kunden. Die Seite spiegelt jetzt was 3er ist: handwerklich solide, regional verwurzelt, ohne Showmanship.
Leistungen
Was wir umgesetzt haben
01
OWL-Karte als City-Cards-Grid
10 Städte in drei farbcodierten Ringen (≤10 km, OWL-Stadt, OWL-weit) mit echten Distanzen + Fahrtzeiten. Konkrete Antwort auf „kommen die zu uns?" – statt Fake-SVG-Karte.
02
Vanilla statt Framework
HTML5 + CSS3 + Vanilla JS – kein Astro, kein React, keine Plugin-Stacks, keine SaaS-Tools. Lighthouse 90+ auf allen Hauptseiten, < 30 Sekunden Deploy via tar-bundle + SSH.
03
Floating CardNav + Sticky CTAs
Schwebende Glassmorphism-Navigation oben (max-width 920 px, backdrop-filter blur), WhatsApp und Telefon als sticky Floating-Buttons unten rechts mit Brand-Logo + Hover-Tooltip.
04
Stats-Counter mit Scroll-Reveal
Vier KPI-Kacheln (Verträge, Reinigungsfläche, Kundenbindung, Antwortzeit) zählen sich beim Scroll-Reveal hoch. Mit prefers-reduced-motion-Fallback auf statische Endwerte.
05
Testimonial-Carousel ohne Lib
Native CSS Scroll-Snap statt Swiper.js-Dependency. Echte O-Töne aus Maschinenbau und Arztpraxis-Verbund, Touch-tauglich, Pfeil-Buttons auf Desktop.
06
Komplett zweisprachig DE/EN
10+ Seiten DE plus 7 Seiten EN unter /en/. hreflang-Tags, Lang-Switch im CardNav, JSON-LD LocalBusiness-Schema pro Sprache – für Industrie-Kunden mit englischer Zentrale.
Ergebnisse
Was wir erreicht haben
90+
Lighthouse-Performance auf allen Hauptseiten
0
SaaS-Abos · 0 externe Frameworks
17
Seiten zweisprachig (10 DE + 7 EN)
Aus einer WordPress-Standardseite wurde eine OWL-Visitenkarte, die Bewerber, Maschinenbauer und Hausverwaltungen in ihrer Sprache abholt. Lighthouse 90+ statt Plugin-Stack-Bremse, eigene Daten statt Cookie-Manager-SaaS. 3er ist online jetzt so präsent wie auf dem Hof in Kirchlengern.
Technologien
Das Ergebnis ansehen
Schau Jans neue Webpräsenz selbst an – Kirchlengern bis Paderborn auf einen Klick.