So arbeite ich.
Eigentum, Technik, Support, ohne Umwege.
Wem gehört das System hinterher? Wovon bin ich abhängig? Was passiert bei einem Ausfall? Hier die ehrlichen Antworten, an einem Ort.
01 — Einleitung
Die Basics
Diese Seite zeigt, wie ein Projekt bei mir abläuft, was du dazu beitragen musst, was drin ist und was nicht, und was nach dem Launch passiert. Das alles steht vor dem Projektstart fest, nicht erst, wenn es brennt. Keine Marketing-Floskeln, sondern dieselben Antworten, die ich auch im persönlichen Gespräch gebe.
Das steht auf dieser Seite
02 — Grundsätze
Drei Prinzipien, nicht verhandelbar.
Eigentum
Nach vereinbarter Anzahlung bekommst du die Schlüssel zu deinem Projekt: den kompletten Programmcode und alle Daten (Admin-Zugriff auf Repository und Datenbank), durchgehend und nicht erst am Projektende. Die Nutzungsrechte am fertigen Projekt gehen vollständig auf dich über, Details regelt der Vertrag. Damit kann jeder andere Entwickler dein Projekt übernehmen.
Nur Open Source
In deinem Projekt kommt ausschließlich Open-Source-Software zum Einsatz. Keine Bindung an einen einzelnen Anbieter, kein Vendor-Lock-in.
Eigene Infrastruktur
Hosting, Backend und Datenbank deines Projekts laufen auf eigener, deutscher Infrastruktur, keine Drittanbieter-Cloud. Das gilt fürs Projekt selbst, nicht für Werkzeuge, die ich zur Entwicklung nutze, etwa GitHub oder KI-Assistenten. Deine Kundendaten landen nicht in KI-Werkzeugen, das ist strikt getrennt.
Beispiel: Was du in der Hand hast
Nach der Anzahlung
Du bekommst Admin-Zugriff auf Code und Datenbank.
Während des Projekts
Der aktuelle Stand des Codes liegt immer auch bei dir, nicht nur bei mir.
Falls ich ausfalle
Ein anderer Entwickler bekommt deine Zugänge, arbeitet sich ein und macht weiter.
Kein Anbieter-Zwang
Alles ist Open Source. Wechselst du den Entwickler, bleibt dein System, wie es ist.
03 — So läuft dein Projekt ab
Der vollständige Ablauf, in sieben Schritten.
Erstgespräch & Bedarfsanalyse
Wir sprechen über deine Ziele, bestehende Probleme und den groben Budgetrahmen. Du musst dafür kein technisches Konzept vorbereiten.
Lösungsvorschlag & Angebot
Du bekommst einen nachvollziehbaren Vorschlag mit Leistungsumfang, technischer Lösung, Zeitrahmen und Kosten, bevor irgendetwas beauftragt wird.
Konzeption & Design
Je nach Projekt entstehen vorab Struktur, Nutzerführung und visuelles Design, damit die wesentlichen Entscheidungen stehen, bevor die Entwicklung beginnt. Die wichtigsten Design- und Strukturentscheidungen stimmen wir gemeinsam ab.
Entwicklung & Einblicke
Dein Projekt entsteht in einer geschützten Testumgebung. Du siehst jederzeit den aktuellen Stand, ohne dass deine bestehende Seite betroffen ist. Automatisierte Tests prüfen wichtige Funktionen, damit Fehler früh auffallen.
Feedback & Qualitätssicherung
Du meldest Änderungswünsche oder Probleme direkt im Projekt, mehr dazu im nächsten Kapitel. Ich prüfe Funktion und Darstellung im vereinbarten Umfang, bevor es weitergeht.
Abnahme & Veröffentlichung
Wir prüfen gemeinsam, ob die vereinbarten Anforderungen erfüllt sind. Das letzte Go gibst in der Regel du. Nur wenn wir beim Angebot ausdrücklich etwas anderes vereinbaren, gebe ich frei. Falls nach der Veröffentlichung etwas schiefläuft, kann ich jederzeit auf eine vorherige funktionierende Version zurückwechseln.
Übergabe, Wartung & Weiterentwicklung
Du erhältst alle vereinbarten Zugänge (Programmcode und Daten) und die nötigen Informationen, damit du dein Projekt unabhängig weiterbetreiben oder von einem anderen Entwickler übernehmen lassen kannst. Auf Wunsch übernehme ich Hosting, Wartung und künftige Erweiterungen, mehr dazu weiter unten.
Beispiel: Ablauf an einem Projekt
1. Erstgespräch
Ein Unternehmen erzählt: Die alte Website bringt kaum Anfragen und ist am Handy kaum nutzbar.
2. Lösungsvorschlag
Neue Website mit Anfrageformular, als Pauschale mit Leistungsumfang und Zeitrahmen.
3. Konzeption & Design
Du entscheidest mit: Welche Seiten gibt es, und welche Angaben fragt das Anfrageformular ab?
4. Entwicklung
In der Testumgebung siehst du, wie Seiten und Formular am Handy aussehen, lange bevor etwas live geht.
5. Feedback
Du meldest direkt im Projekt, dass dir das Anfrageformular noch zu lang ist. Ich kürze es.
6. Abnahme
Du schickst selbst eine Testanfrage ab und prüfst die Seiten. Passt es, geht die Seite live.
7. Übergabe
Du erhältst die vereinbarten Zugänge. Auf Wunsch übernehme ich Hosting und Wartung.
04 — Zusammenarbeit & Kommunikation
Wie wir in Kontakt bleiben.
Kommunikation ist bei mir keine einzelne Phase, sondern läuft während des ganzen Projekts mit, über feste, immer gleiche Kanäle.
Feedback-Formular
Direkt in deinem Projekt, inklusive Screenshot und technischen Infos aus deinem Browser. Die Meldung landet automatisch in meiner Aufgabenliste und wird der Reihe nach abgearbeitet.
Eigener Projekt-Chat
Selbst gehostet, für alles, was schneller geht als eine Mail.
Video-Erklärungen
Bei komplexeren Themen, statt langer Text-Nachrichten, die aneinander vorbeigehen.
Upload-Bereich
Für große Dateien, Dokumente oder Videos, ebenfalls selbst gehostet.
Beispiel: Eine Meldung von A bis Z
Du meldest
Im Feedback-Formular schreibst du: „Beim Anfrageformular ist der Absenden-Button am Handy zu klein.“
Automatisch dabei
Screenshot und technische Infos aus deinem Browser kommen automatisch mit. Du musst nichts erklären oder suchen.
In meiner Aufgabenliste
Die Meldung landet in meiner Aufgabenliste und wird der Reihe nach abgearbeitet.
Rückmeldung
Sobald es auf der Testumgebung korrigiert ist, schaust du drauf. Bei Rückfragen reicht der Projekt-Chat oder ein kurzes Video.
05 — Kosten & Leistungsumfang
Was drin ist, und was nicht.
Ein Fehler ist eine Abweichung von der vereinbarten Anforderung. Alles andere ist ein Änderungswunsch und bekommt ein eigenes Angebot, kein stillschweigendes "mal eben mitmachen", nie eine Überraschung auf der Rechnung.
Abrechnung
Drei Formen, je nach Projekt: Pauschale, Stundensatz, oder ein eigenes Angebot pro Änderungswunsch. Preise stehen bewusst nicht auf dieser Seite, zu individuell je nach Projekt, du bekommst den Rahmen aber immer vorab genannt, bevor etwas beauftragt wird.
Nicht enthalten
- Komplette Redesigns oder grundlegende Konzeptänderungen
- Content-Erstellung (Texte, Bilder, Videos), kann separat beauftragt werden
- Anbindung neuer Drittsysteme über den vereinbarten Umfang hinaus
Die genauen Grenzen für dein Projekt stehen im Vertrag, den du vor Projektstart bekommst.
Das brauche ich möglicherweise von dir
- Texte und Bilder, oder die Beauftragung dafür bei mir
- Zeitnahes Feedback und Entscheidungen an den vereinbarten Schritten
- Zugänge zu bestehender Domain, Hosting oder Tools, falls es welche gibt
Beispiel: Angebot für ein Projekt
Ein fiktives Beispiel, damit klar wird, wie Umfang und Abgrenzung in der Praxis aussehen. Beträge fehlen bewusst, die hängen vom Projekt ab.
Das Projekt
Website für einen Galabau-Betrieb: Startseite, Leistungen, Referenzen und ein Anfrageformular.
Abgerechnet wird als Pauschale. Der Preis steht vor Projektstart fest.
Im Angebot enthalten
- Struktur und Design, gemeinsam abgestimmt, bevor die Entwicklung startet
- Entwicklung in der Testumgebung, inklusive automatischer Tests für das Anfrageformular
- Feedback direkt im Projekt, Abnahme und Veröffentlichung
- Übergabe aller vereinbarten Zugänge
Das ist ein Fehler
Eine Anfrage über das Formular landet nicht im Postfach des Betriebs, obwohl das so vereinbart ist. Das weicht von der Vereinbarung ab, ich behebe es.
Das ist ein Änderungswunsch
Du willst nachträglich eine Online-Terminbuchung für Vor-Ort-Termine. Das war nicht vereinbart, du bekommst dafür vorab ein eigenes Angebot. Dasselbe gilt für ein komplett neues Farbkonzept.
06 — Nach der Veröffentlichung
Hosting, Wartung, Ausfälle, Datenschutz.
Läuft dein Projekt bei mir weiter
- Hosting inklusive
- 3 kostenlose Bugfix-Anfragen pro Monat, kleinere Korrekturen, keine kompletten Umbauten
- 3 Monate Kündigungsfrist
Bei einem echten Ausfall
Reaktion spätestens am nächsten Werktag, unabhängig vom monatlichen Kontingent. Wochenende und Feiertage zählen nicht als Werktag.
Für die Behebung selbst gibt es keine feste Zeitzusage, das hängt vom Umfang ab. Individuelle, straffere Zeiten sind möglich, werden dann gesondert vereinbart und vergütet. Im Normalfall wird das Problem aber so schnell wie möglich behoben.
Wenn ich mal ausfalle
- Alle Zugänge (Hosting, Programmcode, Datenbank, Domains) sind bei dir hinterlegt, nicht nur bei mir.
- Dein Projekt lässt sich auch auf einem gewöhnlichen Server weiterbetreiben, ohne meine Spezialtechnik (Kubernetes). Dafür reicht Docker Compose, das jeder Entwickler kennt.
Datenschutz
Auftragsverarbeitungsvertrag nach Art. 28 DSGVO auf Anfrage. Nach Vertragsende bekommst du alle Daten übergeben, personenbezogene Daten ohne gesetzliche Aufbewahrungspflicht werden innerhalb von 30 Tagen gelöscht, inklusive Backups nach Ablauf des Backup-Zyklus.
Beispiel: Zwei Fälle nach dem Launch
Kleinere Korrektur
Auf der Leistungsseite steht ein Tippfehler. Das läuft über die 3 kostenlosen Bugfix-Anfragen im Monat.
Echter Ausfall
Echter Ausfall heißt: Die Seite ist nicht erreichbar, oder Formular, Kauf oder Login funktionieren nicht. Zum Beispiel: Das Anfrageformular nimmt keine Anfragen mehr an. Ich reagiere allerspätestens am nächsten Werktag, unabhängig vom Kontingent. Wie lange die Behebung dauert, hängt vom Umfang ab, meistens aber so schnell wie möglich.
07 — Technik & Qualität
Werkzeuge, die jeder übernehmen kann.
Ich baue bewusst nicht mit Exoten-Technik, die nur ich verstehe. Falle ich mal aus oder willst du wechseln, kann sich jeder andere Entwickler schnell einarbeiten und weitermachen. Etablierte Technik und verständlicher Code erleichtern die Übernahme deutlich, auch KI-Assistenten kommen damit gut zurecht. Niemand sitzt fest.
Konkret heißt das: Astro und Vue fürs Frontend, Tailwind CSS fürs Design, Docker und Kubernetes für den Betrieb, dazu eine Datenbank je nach Projekt, immer Open Source, nie ein Abo-Zwang bei einem einzelnen Anbieter, der z.B. pleite gehen kann.
Tech-Stack im Detail
Astro
Baut die Seite als statisches HTML vor, lädt dadurch extrem schnell, kein Nachladen von Code, den niemand braucht.
Eigene Projekte, die das nutzen (5)
Vue
Für die wirklich interaktiven Teile: Formulare, Konfiguratoren, Dashboards. Nur dort, wo es gebraucht wird, nicht für die ganze Seite.
Eigene Projekte, die das nutzen (8)
TypeScript
Typsicherheit im Code, ein Fehler fällt beim Schreiben auf, nicht erst bei dir als Bug.
Eigene Projekte, die das nutzen (6)
Tailwind CSS
Design-System aus Tokens statt verstreuter Einzelwerte. Eine Farbe ändern heißt eine Stelle ändern, nicht fünfzig.
WordPress
Für redaktionelle Projekte mit viel Blog- oder Content-Pflege durch dich selbst ist es oft noch die richtige Wahl, nur die passende Lösung fürs jeweilige Projekt.
Eigene Projekte, die das nutzen (8)
PHP
Kommt vor allem in WordPress-Projekten zum Einsatz, läuft da technisch drunter.
Eigene Projekte, die das nutzen (4)
Python
Für datengetriebene Backends und kleinere Skripte, wo es die passendere Wahl als JavaScript ist.
Eigene Projekte, die das nutzen (3)
Docker
Jedes Projekt läuft in einem eigenen, abgeschlossenen Container. Was lokal funktioniert, funktioniert auch live, keine Überraschungen.
Eigene Projekte, die das nutzen (4)
Kubernetes
Orchestriert die Container auf eigener Infrastruktur, automatisches Deployment bei jedem Push.
Eigene Projekte, die das nutzen (4)
PocketBase
Leichtgewichtiges, selbst gehostetes Backend für kleinere bis mittlere Projekte, eine einzige Datei, kein Cloud-Abo.
Eigene Projekte, die das nutzen (3)
MySQL
Klassische, bewährte Datenbank für Projekte, die mehr Struktur brauchen.
Eigene Projekte, die das nutzen (2)
Postgres
Alternative zu MySQL, je nach Projektanforderung die eine oder die andere.
GitHub
Quellcode-Verwaltung, Issues, Pipeline, alles an einem Ort. Du bekommst Admin-Zugriff, sobald die vereinbarte Anzahlung geleistet ist.
Mattermost
Eigener Chat pro Projekt, selbst gehostet, keine Daten bei Slack oder Microsoft.
Nextcloud
Upload-Bereich für große Dateien, Dokumente, Videos, selbst gehostet.
Playwright
Browser-Tests, die echte Nutzerwege durchspielen, Buchung, Kauf, Formular, bevor ein echter Kunde es tut.
VS Code
Mein Editor für die eigentliche Entwicklungsarbeit.
KI-Werkzeuge, die ich einsetze
Claude
Haupt-KI für die Entwicklung. Ich lese und verstehe jede Zeile, die dabei entsteht, kein blindes Vertrauen.
ChatGPT / Codex CLI
Coding-Assistent im Terminal, für bestimmte Aufgaben.
GPT Image
Bildgenerierung.
Midjourney
Bildgenerierung, wenn es besonders künstlerisch werden soll.
Monid
KI-Router/Proxy, ähnlich OpenRouter, Zugriff auf viele Modelle über eine Schnittstelle.
OpenRouter
KI-Router/Proxy, ein Zugang für viele verschiedene Modelle verschiedener Anbieter.
Seevio (früher Seedance)
Videogenerierung, von ByteDance.
Qwen
Open-Source-Modell, auch lokal betreibbar, für Aufgaben, die nicht in die Cloud sollen.
Gemini
KI von Google, für bestimmte Bild- und Textaufgaben.
Nano Banana
Geminis Bildgenerierungs-Feature, für schnelle Bildbearbeitung.
08 — Ein Projekt von A bis Z
Vom ersten Kontakt bis zum fertigen Projekt.
Alles von oben noch einmal an einem Beispiel: Was du in jedem Schritt tust, und was ich tue.
Vorab: Erster Kontakt
Du: Du schickst mir einen Link oder beschreibst kurz, was du vorhast.
Ich: Ich melde mich innerhalb von zwei Werktagen.
1. Erstgespräch
Du: Du erzählst von deinen Zielen, Problemen und dem groben Budgetrahmen. Vorbereiten musst du nichts.
Ich: Ich höre zu und sage dir ehrlich, was sinnvoll ist und was nicht.
2. Angebot
Du: Du entscheidest in Ruhe. Beauftragt wird erst danach, mit Anzahlung bekommst du deine Zugänge.
Ich: Ich schicke dir Leistungsumfang, Lösung, Zeitrahmen und Kosten, bevor irgendetwas beauftragt wird.
3. Konzeption & Design
Du: Du gibst Feedback zu Struktur und Entwurf, die wichtigsten Entscheidungen treffen wir gemeinsam.
Ich: Ich erarbeite Struktur, Nutzerführung und visuelles Design.
4. Entwicklung
Du: Du siehst jederzeit den aktuellen Stand, ohne dass deine bestehende Seite betroffen ist.
Ich: Ich baue das Projekt in einer geschützten Testumgebung, automatische Tests prüfen die wichtigen Funktionen.
5. Feedback
Du: Du meldest Änderungswünsche oder Probleme über das Formular im Projekt, Screenshot und technische Infos aus deinem Browser kommen automatisch mit.
Ich: Ich arbeite die Meldungen der Reihe nach ab und prüfe Funktion und Darstellung.
6. Abnahme & Go-live
Du: Du prüfst selbst und gibst das Go. Nur wenn wir es beim Angebot anders vereinbart haben, gebe ich frei.
Ich: Ich veröffentliche. Falls danach etwas schiefläuft, wechsle ich auf die vorherige funktionierende Version zurück.
7. Übergabe
Du: Du kannst dein Projekt unabhängig weiterbetreiben oder von jedem anderen Entwickler übernehmen lassen.
Ich: Ich übergebe alle vereinbarten Zugänge und die nötigen Informationen.
Danach
Du: Du meldest Probleme wie bisher über das Formular. Kleine Korrekturen laufen über die 3 Bugfix-Anfragen im Monat.
Ich: Auf Wunsch übernehme ich Hosting und Wartung. Bei einem echten Ausfall reagiere ich spätestens am nächsten Werktag.
Häufige Fragen
Hey, ich bin Tobias!
Seit über 20 Jahren verwandle ich Kaffee in Code, aus meinem Hauptquartier in der Mainzer Altstadt. Ich baue Websites, Landingpages und Web-Apps, die schnell laden, bei Google gefunden werden und aus Besuchern Anfragen machen.
Dazu kommt: KI-gebauten Code auf Sicherheit und DSGVO prüfen, Barrierefreiheit, und SEO, das auch bei ChatGPT funktioniert, nicht nur bei Google.
Bei mir gibt es keine Überraschungen. Du weißt vorher, was es kostet und was passiert, du siehst während der Arbeit, wie dein Projekt entsteht, und am Ende gehört es dir. Wie das genau abläuft, steht offen auf meiner Website.
Mehr Anfragen über deine Website? Einen KI-Prototypen absichern? Schreib mir. Du sprichst immer direkt mit mir, nicht mit einem Account Manager.
Fragen zu
deinem Projekt?
Schick mir einen Link oder beschreib kurz, was du vorhast. Ich melde mich innerhalb von zwei Werktagen.
Du musst nichts vorbereiten, einfach schreiben.