Puls Reinigung ist ein Gebäudereinigungsbetrieb aus Krefeld, seit 2024 am Markt. Das Team reinigt Büros, Praxen, Treppenhäuser, Wohnungen und Fenster, für Privathaushalte ebenso wie für Unternehmen in der Region. Eine Spezialität ist die Dachrinnenreinigung: Mit einem Spezialsauger reinigt das Team die Rinnen vom Boden aus, bis in 15 Meter Höhe.
Den Kontakt hat ein gemeinsamer Bekannter hergestellt. Konzept, Design und Entwicklung lagen bei mir, und ich betreue die Seite seit dem Start weiter.
Ausgangslage
Die alte Website war mit Elementor gebaut, und mit ihrem Design war die Inhaberin nicht mehr zufrieden. Sie gab nicht wieder, wie professionell Puls im Alltag arbeitet. Gesucht war ein Auftritt, der Privatkunden wie Unternehmen auf den ersten Blick überzeugt.
Lösung
Die Grundidee stammt aus dem Handwerk des Kunden. Über dem Einstieg der Seite liegt eine beschlagene Glasscheibe. Fährt man mit der Maus darüber, zieht man sie frei wie mit einem Fensterabzieher, und die Spur beschlägt nach kurzer Zeit wieder. Bevor ich mit WordPress begonnen habe, habe ich den Effekt als eigenständigen Prototyp gebaut, um Wirkung und Performance früh zu prüfen. Auch der Ladebildschirm greift das Motiv auf: Der Schriftzug erscheint auf beschlagenem Glas, dann zieht eine Klinge darüber und gibt die Seite frei.
Technisch läuft die Seite auf WordPress mit Bedrock und einem eigenen Theme auf Basis von Sage. Alle Inhalte, von den Leistungen über die Bilder bis zu den Google-Rezensionen, pflegt das Team über Felder in ACF Pro, ohne Code anzufassen.
Kleinere Details führen die Markenidee weiter. Auf den Buttons schreibt sich der Puls-Schriftzug neu, und neben den Kundenwünschen zeichnet sich beim Scrollen eine EKG-Linie, die auf Höhe jeder Zeile ausschlägt.
Was schwierig war
Der Wisch-Effekt ist ein Shader in Three.js. Jede Mausbewegung schreibt ihre Spur in eine Textur, die von Bild zu Bild weitergereicht wird und dabei langsam wieder beschlägt. Bei schnellen, geschwungenen Bewegungen zerfiel diese Spur anfangs in eckige Segmente. Inzwischen setzt der Shader entlang der tatsächlichen Mausbahn viele schmale Abdrücke einer Klinge, deren Anzahl sich nach Strecke und Drehung richtet. Die Wischkante bleibt dadurch glatt, ohne schwächere Geräte auszubremsen.
Beim Logo lag die Schwierigkeit in der Datei selbst: Der Schriftzug ist als gefüllte Fläche angelegt, nicht als Linie. Eine Strich-Animation wäre deshalb außen um den Umriss gelaufen statt durch die Buchstaben. Ich habe aus dem Umriss eine Mittellinie berechnet, also das Skelett der Schrift. Sie dient als Maske und deckt den echten Schriftzug in Schreibrichtung auf.
Ergebnis
Die neue Website ist seit dem 3. September 2026 online. Die Inhaberin ist mit dem Ergebnis sehr zufrieden, und ich betreue die Seite weiter, von neuen Inhalten bis zu technischen Updates.
