Zum Inhalt springen
← Alle Projekte

Jan Dreier – 3er Dienstleistungen UG

OWL-Reinigung mit Innungsbrief – solide statt laut.

Webdesign Corporate Identity Lokales Marketing Performance

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

HTML5 CSS3 Vanilla JavaScript CSS Custom Properties IntersectionObserver CSS Scroll-Snap CardNav-Pattern Glassmorphism JSON-LD Schema.org Open Graph hreflang DE/EN Performance-optimiert ed25519 SSH · tar-bundle Hostinger DSGVO-clean prefers-reduced-motion Mobile-First Lighthouse-optimiert

Das Ergebnis ansehen

Schau Jans neue Webpräsenz selbst an – Kirchlengern bis Paderborn auf einen Klick.