Projekte

Kundenseiten und eigene Produkte.
Selbst gebaut, selbst betrieben.

Ich rede gern darüber, was eine gute Webseite ausmacht. Überzeugender ist es, zu zeigen, was ich gebaut habe. Vom Kunden-Auftritt bis zur eigenen Software: Design, Code, Server und Betrieb verantworte ich jeweils komplett selbst.

https://cedre.backsafe.de
Screenshot der Startseite von cedre.backsafe.de
01

cedre.backsafe.de

Cèdre Barbershop: mehr als ein Schnitt. Ein Ritual.

Live ansehen

Ein Barbershop verkauft Vertrauen und Atmosphäre. Das muss die Website in den ersten Sekunden transportieren, vor allem auf dem Handy, wo die meisten Gäste zuerst landen.

Die Anforderung

  • Ein Premium-Auftritt, der das Handwerk inszeniert, kein 08/15-Friseur-Look.
  • Leistungen und Preise sofort sichtbar, ohne dass jemand anrufen muss.
  • Online-Terminbuchung direkt vom Smartphone.
  • Mobil zuerst: Gäste kommen über Instagram und Google.

Die Umsetzung

  • Dunkles, ruhiges Design mit Gold-Akzent, das die „Ritual"-Positionierung trägt.
  • Leistungs- & Preisübersicht, Team, Standort und Öffnungszeiten klar strukturiert.
  • Online-Terminbuchung und Google-Bewertungen eingebunden.
  • Schnell geladen, mobil-optimiert, gehostet in Deutschland.

Tech-Stack

Astro Tailwind Online-Terminbuchung Hosting in DE
https://gartenlandschaftsbau.backsafe.de
Screenshot der Startseite von gartenlandschaftsbau.backsafe.de
02

gartenlandschaftsbau.backsafe.de

Muster-Auftritt: „Wir bauen Gärten, die bleiben."

Live ansehen

Ein Muster-Projekt für die Branche Garten- & Landschaftsbau. Es zeigt, wie ein moderner Handwerks-Auftritt aussehen kann, bevor ein echter Betrieb dafür unterschreibt.

Die Anforderung

  • Zeigen, wie ein GaLaBau-Betrieb online wirken kann: handfest, regional, vertrauenswürdig.
  • Leistungen und Beispiele visuell statt als Textwüste.
  • Ein klarer, kurzer Weg zur Anfrage.

Die Umsetzung

  • Kräftiger Foto-Hero mit grünem Marken-Akzent und ruhiger Struktur.
  • Leistungen, Referenz-Look und Anfrage-Strecke als Muster aufgebaut.
  • Mobil-first und schnell, als Vorlage für echte Projekte nutzbar.

Tech-Stack

Astro Tailwind Muster / Demo Hosting in DE
https://send.backsafe.de
Screenshot der Startseite von send.backsafe.de
03

send.backsafe.de

SEND: Dateien senden, ohne sich erklären zu müssen.

Live ansehen

WeTransfer kennt jeder. Jeder weiß aber auch: Links liegen auf US-Servern, sind durchsuchbar, „selbstzerstörend" gibt es da nicht und 250 MB-Limit ist 2026 albern. SEND ist die Antwort darauf: ein eigener verschlüsselter Datei-Versand-Dienst.

Die Anforderung

  • Ein eigener Datei-Versand-Dienst: schnell, einfach, mit Datenschutz, der auch hält.
  • Verschlüsselung muss VOR dem Upload passieren, der Server darf den Klartext technisch nie sehen.
  • QR-Code zum Senden vom Desktop zum Smartphone (oder umgekehrt) ohne Mail-Umweg.
  • Automatisches Löschen nach Download oder Ablauf, keine Datenleichen auf irgendeinem Server.
  • Beide Welten: Cloud-Komfort und Self-host-Option, wenn Daten gar nicht erst aus dem Haus sollen.

Die Umsetzung

  • Dateien werden direkt im Browser per WebCrypto verschlüsselt, der Upload-Server bekommt nur einen unleserlichen Blob.
  • Astro-4-App mit React-Inseln für Upload-Flow und QR-Generierung (qrcode.react), Tailwind-UI.
  • Standard-Deployment auf Cloudflare Pages: global verteiltes Edge-Hosting, sub-100 ms-Latenz.
  • Self-host-Variante als Docker-Image: läuft auf Synology NAS hinter Cloudflare Tunnel, eigene Daten bleiben physisch beim Kunden.
  • Mobile-first: ein Tap zum Hochladen, Link + QR-Code direkt teilbar, ohne Login.

Tech-Stack

Astro 4 React WebCrypto Tailwind Cloudflare Pages Docker + Synology Cloudflare Tunnel
https://note.backsafe.de
Screenshot der Startseite von note.backsafe.de
04

note.backsafe.de

Eine Nachricht, einmal lesbar. Danach: weg.

Live ansehen

Passwort per Mail schicken? Schlecht. Per Slack? Auch schlecht. Per WhatsApp? Bitte nicht. Es brauchte etwas, das den Empfänger erreicht und danach nicht mehr existiert.

Die Anforderung

  • Einmal-lesbare verschlüsselte Notizen für sensible Informationen (Passwörter, Zugänge, Kontaktdaten).
  • Kein Speichern beim Anbieter, der Server darf den Inhalt technisch nie sehen.
  • Open-Source-Code, damit jeder die Sicherheit selbst prüfen kann.
  • So simpel, dass man es nicht erklären muss.

Die Umsetzung

  • Verschlüsselung läuft komplett im Browser des Senders, der Server bekommt nur den verschlüsselten Blob.
  • Schlüssel wird im URL-Fragment (#) übertragen, der Server sieht ihn nie, weil Fragmente nie an Server gehen.
  • Nach erstem Abruf wird die Nachricht serverseitig gelöscht. Punkt.
  • Quellcode öffentlich auf GitHub (kvnflx/secure-note-app): Audit by anyone, anytime.

Tech-Stack

Web Crypto API Open Source Self-hosted Zero-Knowledge-Architektur
https://dealmeal.app
Screenshot der Startseite von dealmeal.app
05

dealmeal.app

„Was kochen wir?" auf Auto-Pilot. Aus Wochenangeboten.

Live ansehen

Eine deutsche Familie wirft jedes Jahr Lebensmittel im Wert von ~940 € weg und gibt gleichzeitig 30 % zu viel für Einkäufe aus. Niemand will das. Aber wer hat schon Zeit, Prospekte zu vergleichen?

Die Anforderung

  • Wochenpläne sollten automatisch entstehen, aus dem, was diese Woche tatsächlich im Angebot ist.
  • Einkaufsliste sollte sich von selbst sortieren, nach Markt, nicht nach Zutat.
  • Preisalarme, Preisgedächtnis (bis 6 Monate Verlauf), Bio-/Saison-Filter.
  • Familien-Sharing bis 5 Personen, ohne Account-Akrobatik.

Die Umsetzung

  • Vollständige SaaS-Plattform: Web-Dashboard + responsive Webapp, gehostet in Saarbrücken.
  • Crawler-Pipeline für 16 Supermarkt-Ketten (REWE, EDEKA, Aldi, Lidl, Penny, Netto, Kaufland, etc.), täglich aktualisiert.
  • Algorithmus erzeugt Wochenpläne aus aktuellen Angeboten, mit Berücksichtigung von Bio, Saison, Familiengröße.
  • Drei-Tier-Pricing (kostenlos / 4,99 € / 8,99 €) mit 7-Tage-Trial ohne Kreditkartendaten.

Tech-Stack

Next.js SaaS-Architektur Dashboard-App Eigene Crawler Hosted in Saarbrücken
https://wlan.backsafe.de
Screenshot der Startseite von wlan.backsafe.de
06

wlan.backsafe.de

Gäste-WLAN als druckfertiges PDF, in Sekunden.

Live ansehen

In jeder Praxis und jedem Café klebt der WLAN-Zettel handgeschrieben an der Wand. Es brauchte etwas, das in 30 Sekunden ein sauberes, scanbares A4-PDF macht, ohne dass die Zugangsdaten das Gerät verlassen.

Die Anforderung

  • WLAN-Zugang als hübsches, druckfertiges A4-PDF mit QR-Code.
  • Gast scannt, ist verbunden, kein Passwort-Abtippen.
  • 100 % lokal: keine WLAN-Daten auf fremden Servern.

Die Umsetzung

  • QR-Code und PDF werden komplett im Browser erzeugt, nichts wird hochgeladen.
  • Live-Vorschau des A4-Blatts, 6 Design-Vorlagen, WPA/WPA2/WPA3 inkl. verstecktem Netz.
  • Ein Klick zum Download, sofort druckbar.

Tech-Stack

Astro Lokal im Browser PDF-Generierung QR-Code

Was alle diese Projekte gemeinsam haben.

Ob Kundenauftritt oder eigene Software: bei jedem liegt alles in einer Hand.

Design, Code, Server, Wartung und Sicherheit führe ich zusammen, statt sie auf drei Dienstleister zu verteilen. Genau das ist die Arbeit, die ich auch für Sie mache: Webseite, Hosting und Pflege als eine durchdachte Sache, nicht als drei getrennte Rechnungen.

Klingt das nach jemandem, mit dem Sie reden wollen?

30 Minuten Telefonat, kein Verkaufsgespräch, nur ehrlich, ob es passt.