// fallstudie · 2025

Cleanfix Textilpflege
Mönchengladbach

Komplette Unternehmenswebsite mit dynamischen Preislisten, aktuellen Angeboten und Filialübersicht. Die Inhalte werden automatisch via Backend aktualisiert – fällt der Server aus, bleibt die Website trotzdem vollständig nutzbar.

HTML / CSS / JS Cloudflare Pages Dark Mode Responsive n8n Backend Cloudflare Tunnel Zoho SMTP
Jahr 2025
Art Unternehmenswebsite
Hosting Cloudflare Pages
Hosting-Kosten 0 € / Monat

// dark & light mode

Zwei Modi, ein Design

Bewegen Sie den Regler, um zwischen Dunkel- und Hellmodus zu wechseln. Das System erkennt automatisch die Präferenz des Besuchers.

Regler ziehen zum Vergleichen · automatische Systemerkennung · ohne JavaScript-Abhängigkeit

// screenshots

Einblick in die Website

Cleanfix – Dunkelmodus
🌙 Dunkelmodus
Cleanfix – Hellmodus
☀ Hellmodus
Cleanfix Admin-Panel – Zeitplan-Übersicht
🗓️ Admin-Panel – Zeitplan-Übersicht (Banner, Monatsangebote, Sonderangebote)

// was das system kann

Die wichtigsten Features

Hinter der einfachen Oberfläche steckt ein vollständiges Verwaltungssystem – ohne teures CMS, ohne monatliche Kosten.

🗓️

Zeitgebundene Angebote

Angebote gelten oft nur für einen bestimmten Zeitraum. Der Inhaber lädt sie über das Admin-Panel hoch – inklusive Start- und Enddatum. Die Website zeigt sie automatisch an und blendet sie nach Ablauf wieder aus. Kein manuelles Eingreifen nötig.

// vollautomatisch
📊

Preisliste per Excel oder Admin-Panel

Die Preisliste wird als Excel-Datei gepflegt – vertraut, schnell, fehlersicher. Einfach hochladen, fertig. Alternativ lassen sich Preise direkt im Admin-Panel bearbeiten. Die Website übernimmt alle Änderungen sofort und automatisch.

// excel-upload oder admin-panel
🔄

Offline-sicher

Fällt der Heimserver einmal aus, bleibt die Website trotzdem voll funktionsfähig. Die zuletzt geladenen Daten werden im Browser gecacht – Besucher sehen immer die letzte bekannte Version, nie eine Fehlermeldung.

// kein single point of failure

// unter der haube

Wie das Backend funktioniert

Die Website ist eine reine HTML/CSS/JS-Seite – kein Framework, kein CMS. Trotzdem werden Preise und Angebote automatisch aktualisiert. Das macht ein selbst betriebenes n8n-Backend auf einem Heimserver.

01
🏠

Heimserver (n8n)

Ein Heimserver betreibt n8n – eine Open-Source-Automatisierungsplattform. Dort laufen Workflows, die Preise, Angebote und weitere Inhalte verwalten und auf Änderungen reagieren.

02
🌐

Cloudflare Tunnel

Damit der Server von außen erreichbar ist, läuft ein Cloudflare Tunnel. Er stellt eine sichere HTTPS-Verbindung her, ohne Ports am Router öffnen zu müssen.

03
📄

Statische Seite

Die Website fragt beim Laden die aktuellen Daten vom n8n-Backend ab und zeigt sie an. Ist der Server nicht erreichbar, greift die Seite auf zuletzt gecachte Daten zurück – sie bleibt immer nutzbar.

04
📬

Kontaktformular

Anfragen über das Kontaktformular werden per Webhook an n8n geschickt. Von dort aus läuft die Benachrichtigung automatisch an die Cleanfix-Adresse – ohne manuelles Zutun.

// verwendete technologien

Tech-Stack

📄
HTML / CSS / JS Kein Framework-Overhead. Reiner Code – schnell, wartbar, ohne Abhängigkeiten.
🌐
Cloudflare Pages Kostenloses Hosting mit globalem CDN und automatischem SSL. Deployment direkt aus GitHub.
n8n Open-Source-Automatisierung auf eigenem Server. Keine monatlichen Kosten, volle Kontrolle über Daten und Workflows.
🔒
Cloudflare Tunnel Sicherer HTTPS-Zugang zum Heimserver ohne offene Ports. Läuft komplett im Hintergrund.
🐙
GitHub Versionskontrolle und automatisches Deployment. Jede Änderung am Code ist nachvollziehbar.

Ähnliches Projekt für Ihr Unternehmen?
Sprechen Sie mich an.

Ich baue individuelle Websites für kleine Unternehmen – schnell, kostenlos gehostet und ohne unnötige Komplexität.