chore: overhaul infrastructure and integrate @mintel packages
Some checks failed
🧪 CI (QA) / 🧪 Quality Assurance (push) Failing after 1m3s

- Restructure to pnpm monorepo (site moved to apps/web)
- Integrate @mintel/tsconfig, @mintel/eslint-config, @mintel/husky-config
- Implement Docker service architecture (Varnish, Directus, Gatekeeper)
- Setup environment-aware Gitea Actions deployment
This commit is contained in:
2026-02-05 14:18:51 +01:00
parent 190720ad92
commit 103d71851c
1029 changed files with 13242 additions and 27898 deletions

View File

@@ -1,123 +0,0 @@
Über mich
Ich baue Websites und Systeme seit über 15 Jahren.
Nicht weil ich Websites so liebe sondern weil ich es hasse, wenn Dinge nicht funktionieren.
In diesen 15 Jahren habe ich:
• Agenturen von innen gesehen
• Konzerne erlebt
• Startups aufgebaut
• Marketingversprechen zerlegt
• Systeme repariert, die „fertig“ waren
• und gelernt, wie man Dinge baut, die einfach laufen
Heute mache ich das ohne Agentur-Zwischenschichten.
Direkt. Sauber. Verantwortlich.
Ich habe fast alle Fehler schon für Sie gemacht
(damit Sie sie nicht machen müssen)
Ich habe als Designer angefangen,
bin dann Entwickler geworden,
und habe irgendwann gemerkt:
Das Problem ist selten Technik.
Es ist immer Zuständigkeit.
Wenn keiner verantwortlich ist, passiert nichts.
Also habe ich mir angewöhnt, Verantwortung zu übernehmen.
Warum ich Websites wie Systeme baue
Ich war viele Jahre Senior Developer in Firmen, in denen:
• Millionenumsätze dranhingen
• Fehler teuer waren
• Performance nicht optional war
• Sicherheit kein Nice-to-Have war
• „kurz mal ändern“ trotzdem passieren musste
Das prägt.
Deshalb sind meine Websites:
• schnell
• stabil
• boring (im besten Sinne)
• erweiterbar
• wartungsarm
• und nicht abhängig von Plugins oder Agenturen
Ich habe beide Seiten gesehen
Ich war:
• Webdesigner
• Entwickler
• Marketing
• Vertrieb
• Agentur
• Inhouse
• Dienstleister
• Unternehmer
Das heißt:
Ich weiß, was Unternehmen brauchen
und was sie nicht brauchen.
(Meetings, Tickets, Workshops, PowerPoint.)
Was Kunden davon haben
Sie bekommen:
• keinen Projektmanager
• keinen Prozess
• kein Team
• kein Ticket
• kein CMS-Drama
Sie bekommen:
• eine Person
• eine Verantwortung
• ein Ergebnis
Ein kurzer Überblick (ohne Lebenslauf-Gefühl)
Ich habe u. a. gearbeitet bei:
• Agenturen
• E-Commerce-Plattformen
• SaaS-Firmen
• Marketing-Teams
• internationalen Unternehmen
• Mittelständlern
• und Konzernen
Als:
• Web Designer
• Frontend Developer
• Software Developer
• Senior Developer
• und später Gründer
Das Ergebnis daraus ist nicht ein Titel.
Sondern eine Arbeitsweise.
Heute
Heute baue ich Websites und Systeme für Unternehmen,
die keine Lust mehr auf Agenturen haben
und keine Zeit für Chaos.
Ich übernehme das Thema komplett
damit es für Sie kein Thema mehr ist.

View File

@@ -1,154 +0,0 @@
Allgemeine Geschäftsbedingungen (AGB)
1. Geltungsbereich
Diese Allgemeinen Geschäftsbedingungen gelten für alle Verträge zwischen
Marc Mintel (nachfolgend „Auftragnehmer“)
und dem jeweiligen Kunden (nachfolgend „Auftraggeber“).
Abweichende oder ergänzende Bedingungen des Auftraggebers werden nicht Vertragsbestandteil, auch wenn ihrer Geltung nicht ausdrücklich widersprochen wird.
2. Vertragsgegenstand
Der Auftragnehmer erbringt Dienstleistungen im Bereich:
• Webentwicklung
• technische Umsetzung digitaler Systeme
• Funktionen, Schnittstellen und Automatisierungen
• Hosting, Betrieb und Wartung, sofern ausdrücklich vereinbart
Der Auftragnehmer schuldet ausschließlich die vereinbarte technische Leistung, nicht jedoch:
• einen wirtschaftlichen Erfolg
• bestimmte Umsätze, Conversions oder Reichweiten
• Suchmaschinen-Rankings
• rechtliche oder geschäftliche Ergebnisse
3. Mitwirkungspflichten des Auftraggebers
Der Auftraggeber verpflichtet sich, alle zur Leistungserbringung erforderlichen Inhalte, Informationen, Zugänge und Entscheidungen rechtzeitig, vollständig und korrekt bereitzustellen.
Hierzu zählen insbesondere:
• Texte, Bilder, Videos, Produktdaten
• Freigaben und Feedback
• Zugangsdaten
• rechtlich erforderliche Inhalte (z. B. Impressum, Datenschutzerklärung)
Verzögerungen oder Unterlassungen der Mitwirkung führen zu einer entsprechenden Verschiebung aller Termine.
Hieraus entstehen keine Schadensersatz- oder Minderungsansprüche.
4. Ausführungs- und Bearbeitungszeiten
Angegebene Bearbeitungszeiten sind unverbindliche Schätzungen, keine garantierten Fristen.
Fixe Termine oder Deadlines gelten nur, wenn sie ausdrücklich schriftlich als verbindlich vereinbart wurden.
5. Abnahme
Die Leistung gilt als abgenommen, wenn:
• der Auftraggeber sie produktiv nutzt oder
• innerhalb von 7 Tagen nach Bereitstellung keine wesentlichen Mängel angezeigt werden.
Optische Abweichungen, Geschmacksfragen oder subjektive Einschätzungen stellen keine Mängel dar.
6. Haftung
Der Auftragnehmer haftet nur für Schäden, die auf vorsätzlicher oder grob fahrlässiger Pflichtverletzung beruhen.
Eine Haftung für:
• entgangenen Gewinn
• Umsatzausfälle
• Datenverlust
• Betriebsunterbrechungen
• mittelbare oder Folgeschäden
ist ausgeschlossen, soweit gesetzlich zulässig.
7. Verfügbarkeit & Betrieb
Bei vereinbartem Hosting oder Betrieb schuldet der Auftragnehmer keine permanente Verfügbarkeit.
Wartungsarbeiten, Updates, Sicherheitsmaßnahmen oder externe Störungen (z. B. Hoster, Netze, Drittanbieter) können zu zeitweisen Einschränkungen führen und begründen keine Haftungsansprüche.
7a. Betriebs- und Pflegeleistung
Die Betriebs- und Pflegeleistung ist fester Bestandteil der laufenden Leistungen des Auftragnehmers.
Sie umfasst ausschließlich:
• Sicherstellung des technischen Betriebs der Website
• Wartung, Updates und Fehlerbehebung der bestehenden Systeme
• Austausch, Korrektur oder Aktualisierung bereits vorhandener Inhalte
• Pflege bestehender Datensätze ohne Änderung oder Erweiterung der Datenstruktur
Nicht Bestandteil der Betriebs- und Pflegeleistung sind insbesondere:
• regelmäßige oder fortlaufende Erstellung neuer Inhalte
(z. B. Blogartikel, News, Produkte, Seiten)
• redaktionelle Tätigkeiten oder Content-Produktion
• strategische Inhaltsplanung oder Marketingmaßnahmen
• Aufbau neuer Seiten, Features, Funktionen oder Datenmodelle
• Serien-, Massen- oder Dauerpflege
(z. B. tägliche oder wiederkehrende Inhaltserstellung)
Die Betriebs- und Pflegeleistung dient ausschließlich der Instandhaltung, Sicherheit und Funktionsfähigkeit der bestehenden Website.
Leistungen, die darüber hinausgehen, gelten als Neuentwicklung oder Inhaltserstellung und sind gesondert zu beauftragen und zu vergüten.
8. Drittanbieter & externe Systeme
Der Auftragnehmer übernimmt keine Verantwortung für:
• Leistungen, Ausfälle oder Änderungen externer Dienste
• APIs, Schnittstellen oder Plattformen Dritter
• rechtliche oder technische Änderungen fremder Systeme
Eine Funktionsfähigkeit kann nur im Rahmen der jeweils aktuellen externen Schnittstellen gewährleistet werden.
9. Inhalte & Rechtliches
Der Auftraggeber ist allein verantwortlich für:
• Inhalte der Website
• rechtliche Konformität (DSGVO, Urheberrecht, Wettbewerbsrecht etc.)
• bereitgestellte Daten und Medien
Der Auftragnehmer übernimmt keine rechtliche Prüfung.
10. Vergütung & Zahlungsverzug
Alle Preise verstehen sich netto zuzüglich gesetzlicher Umsatzsteuer.
Rechnungen sind, sofern nicht anders vereinbart, innerhalb von 7 Tagen fällig.
Bei Zahlungsverzug ist der Auftragnehmer berechtigt:
• Leistungen auszusetzen
• Systeme offline zu nehmen
• laufende Arbeiten zu stoppen
11. Kündigung laufender Leistungen
Laufende Leistungen (z. B. Hosting & Betrieb) können mit einer Frist von 4 Wochen zum Monatsende gekündigt werden, sofern nichts anderes vereinbart ist.
12. Schlussbestimmungen
Es gilt das Recht der Bundesrepublik Deutschland.
Gerichtsstand ist soweit zulässig der Sitz des Auftragnehmers.
Sollte eine Bestimmung dieser AGB unwirksam sein, bleibt die Wirksamkeit der übrigen Regelungen unberührt.

View File

@@ -1,73 +0,0 @@
# Routine Automation
*Kleine Helfer, die den Alltag deutlich entlasten*
In vielen mittelständischen Unternehmen fressen wiederkehrende Aufgaben Monat für Monat unzählige Stunden:
- Daten aus Dokumenten abtippen
- Formulare von Hand ausfüllen
- Angebote, Berichte oder Bestätigungen manuell anpassen
- Eingehende Anfragen immer wieder neu prüfen und bearbeiten
Das ist keine wertschöpfende Arbeit.
Das ist Routine, die teuer ist, Fehler produziert und gute Mitarbeiter davon abhält, sich um das zu kümmern, was wirklich Umsatz bringt.
Ich baue genau für diese Routine **einfache, maßgeschneiderte Helfer** meist mit PDF- oder Excel-Ausgabe, Konfiguratoren oder KI-Dokumenten-Einlesen.
Einmal eingerichtet, laufen sie leise im Hintergrund.
Kein großes Projekt. Kein monatliches Tool-Abo. Kein „lernen Sie das neue System“.
### Was das konkret bringen kann Beispiele aus der Praxis
- **Schnelle Dokumentenerstellung (PDF-Generatoren)**
Kurze Eingaben (Formular, Mail, Excel-Zeile) → fertiges PDF raus: Angebote, Berichte, Protokolle, Bestätigungen, Übersichten. Immer Ihr Corporate Design, immer aktuelle Daten/Bausteine.
→ Von 30120 Minuten runter auf 210 Minuten.
- **Excel-Automatisierungen & smarte Tabellen**
Verkaufszahlen, Lagerbestände, Kundenlisten → automatische Berechnungen, Zusammenfassungen, Prognosen oder Exporte. Monatsberichte oder Preislisten aktualisieren sich von selbst.
→ Kein ständiges Nachrechnen mehr, keine Versionskonflikte.
- **Konfiguratoren für Anfragen & Schätzungen**
Kunde oder Mitarbeiter geht schrittweise durch ein Formular (auf Ihrer Website oder intern): „Welche Leistung? Welcher Umfang? Welcher Termin?“ → sofort realistische Schätzung, Preisspanne oder fertiges Angebot als PDF/Excel.
- **KI-Einlesen von PDFs oder handschriftlichen Dokumenten**
Eingescannte Rechnungen, Lieferscheine, Formulare, Notizen oder handgeschriebene Protokolle → KI liest Text, Zahlen, Felder aus (auch Handschrift, wo lesbar) → Daten landen in übersichtlicher Tabelle/Excel oder vorausgefülltem Formular.
Mitarbeiter prüft nur noch kurz → kleine Korrektur → Prozess geht weiter.
→ Kein stundenlanges Abtippen mehr, deutlich schnellerer Durchlauf.
### Der echte Wert für Sie
- 3080 % weniger Zeit bei Routineaufgaben → Ihre Teams konzentrieren sich aufs Wesentliche
- Weniger Fehler & Rückfragen → einheitlicher, professioneller Output
- Schnellere Reaktion auf Kunden → Konfiguratoren & KI-Einlesen liefern sofort Infos
- Amortisation oft schon nach wenigen Wochen oder Dutzend Nutzungen
- Nutzt, was Sie bereits haben: Website, Excel, Mail, Scanner-App
### Was ich **nicht** mache
Ich ersetze **kein** ERP, CRM, Buchhaltungs- oder HR-System.
Kein automatisches Buchen, keine Finanzamtschnittstelle, keine GoBD-Archivierungspflichten.
Nur smarte Abkürzungen bei Routine der Rest bleibt in Ihren bewährten Tools.
### Ich kann Ihnen helfen, wenn Sie mit diesen typischen Problemen kämpfen
- „Wir tippen immer noch Daten aus gescannten Dokumenten oder handschriftlichen Notizen ab.“
- „Angebote, Berichte oder Protokolle dauern ewig, weil alles von Hand angepasst wird.“
- „Kunden fragen ständig dasselbe wir antworten jedes Mal manuell.“
- „Excel-Tabellen und Berechnungen werden ständig neu gemacht und gehen kaputt.“
- „Bis wir eine realistische Schätzung oder ein Angebot raus haben, vergeht zu viel Zeit.“
Schreiben Sie mir einfach einen kurzen Satz zu Ihrem größten Zeitfresser in diesem Bereich.
Ich antworte meist innerhalb von 12 Tagen:
- Ist das machbar? Ja/Nein
- Ca. wie viel Aufwand (meist 315 Stunden) & Preisrahmen
- Was Sie realistisch sparen können (Zeit, Nerven, Fehler)
Passt es → baue ich es.
Danach: Routine digitalisiert. Mehr Ruhe im Alltag.
**Kurz gesagt**
Routine Automation:
Nicht die große Revolution.
Sondern gezielte Entlastung bei den Dingen, die jeden Tag Zeit und Nerven kosten.
Mehr Zeit. Weniger Frust. Besserer Output.
Und das Gefühl: „Das läuft jetzt einfach.“
Wenn bei Ihnen gerade etwas „von Hand gemacht wird“ oder „ewig dauert“ Ich sage Ihnen, ob und wie schnell man das sinnvoll digitalisieren kann.

View File

@@ -1,83 +0,0 @@
# Service Estimation & AI Consultation Guide
This guide explains how to use the automated estimation system to generate professional PDF quotes for clients using AI-driven context analysis.
## 🛠 Basic Usage
The primary entry point is the `ai-estimate` script. It orchestrates a 6-pass AI consultation:
1. **Fact Extraction**: Identifying company data and project scope.
2. **Feature Deep-Dive**: Generating technical justifications for items.
3. **Strategic Content**: Creating the Briefing Analysis and Strategic Vision.
4. **Information Architecture**: Designing a hierarchical sitemap.
5. **Position Synthesis**: Mapping everything to a transparent pricing model.
6. **Industrial Critic**: Final quality gate for tone and accuracy.
### Generating an Estimation from Scratch
#### 1. With a Website URL (Recommended)
Providing a URL allows the system to crawl the existing site to understand the "Company DNA" and services.
```bash
npm run ai-estimate -- "Relaunch der Website mit Fokus auf B2B Leads" --url https://example.com
```
#### 2. From a Text File
If you have a long briefing in a `.txt` file:
```bash
npm run ai-estimate -- @briefing.txt --url https://example.com
```
#### 3. Text-Only (No URL)
If no URL is provided, the system relies entirely on your briefing text.
```bash
npm run ai-estimate -- "Neuentwicklung eines Portals für XYZ"
```
---
## 📄 Output Modes
The system can generate two types of documents:
### 1. Full Quote (Default)
Includes everything: Front Page, Briefing Analysis, Vision, Sitemap, Technical Principles, Detailed Pricing, Roadmap, and Legal Terms (AGB).
```bash
npm run ai-estimate -- "Project Briefing"
```
### 2. Estimation Only
A condensed version excluding legal terms and deep technical principles. Focuses purely on the strategic fit and the price.
```bash
npm run ai-estimate -- "Project Briefing" --estimation
```
---
## 📦 Cache & Cache Management
To save costs and time, all AI responses and crawl results are cached in the `.cache` directory.
### Regenerating with Cached Data
If you run the same command again (identical briefing and URL), the system will use the cached results and won't call the AI APIs again. This is useful if you want to tweak the PDF layout without spending tokens.
### Forcing a Refresh
To ignore the cache and get a fresh AI consultation:
```bash
npm run ai-estimate -- "Project Briefing" --clear-cache
```
### Manual Tweaking (JSON State)
Every run saves a detailed state to `out/estimations/json/[Company]_[Timestamp].json`.
If you want to manually edit the AI's results (e.g., fix a typo in the sitemap or description), you can edit this JSON file and then regenerate the PDF from it:
```bash
npm run ai-estimate -- --json out/estimations/json/Your_Project.json
```
*(Add `--estimation` if you want the condensed version).*
---
## 💡 Advanced Options
- `--comments "..."`: Add manual notes that the AI should consider (e.g., "Customer prefers a minimalist blue theme").
- `--clear-cache`: Purges all cached data for this project before starting.
- `--url [URL]`: Explicitly sets the crawl target (auto-discovered from briefing if omitted).

View File

@@ -0,0 +1,3 @@
# Infrastructure Overhaul & @mintel Integration
I have successfully overhauled the `mintel.me` infrastructure... (full walkthrough content)

View File

@@ -1,238 +0,0 @@
Digitale Systeme für Unternehmen, die keinen Overhead wollen
Agenturen sind zu langsam.
CMS will keiner pflegen.
Digitale Themen bleiben liegen.
Ich mache das anders.
Was ich mache
Ich setze digitale Systeme für Unternehmen um direkt, sauber und ohne Agentur-Zirkus.
Websites, Funktionen, Systeme, interne Tools.
Keine Workshops. Keine Tickets. Kein Tech-Blabla.
Sie erklären mir, was Sie brauchen.
Ich sorge dafür, dass es funktioniert.
Für wen das ist
Für Unternehmen, die:
• regelmäßig Änderungen an Website oder Systemen brauchen
• keine Lust auf Agenturen haben
• kein CMS anfassen wollen
• keine Tickets schreiben möchten
• keinen Entwickler einstellen wollen
• und wollen, dass Dinge einfach erledigt werden
Wenn bei Ihnen öfter der Satz fällt:
„Das müsste man mal machen …“
… aber es passiert nie dann sind Sie hier richtig.
Das eigentliche Problem
Digitale Arbeit scheitert nicht an Technik.
Sie scheitert an Zuständigkeit.
Agenturen wollen Projekte.
Mitarbeiter haben Wichtigeres zu tun.
IT ist ausgelastet.
Und kleine Aufgaben sind zu klein für große Angebote.
Also bleibt alles liegen.
Warum keine Agentur
Ich habe über 15 Jahre in Agenturen gearbeitet.
Ich kenne das Spiel. Und ich weiß, warum es nervt.
Agenturen machen einfache Dinge kompliziert
Ein Button ändern?
→ Konzeptcall
→ Abstimmung
→ internes Meeting
→ Angebot
→ Warten
→ Rechnung
Ich:
→ mache es
→ fertig
Agenturen verkaufen Prozesse statt Ergebnisse
Workshops, Slides, Roadmaps, Alignment, Stakeholder.
Klingt nach Fortschritt.
Ist oft nur Beschäftigungstherapie.
Bei mir zählt nur Umsetzung.
Agenturen rechnen nach Stunden
(und liegen erstaunlich oft daneben)
„Das dauert nur kurz“
→ Überraschung auf der Rechnung
Ich arbeite mit klaren Leistungen und Fixpreisen.
Sie wissen vorher, was es kostet. Immer.
Agenturen geben Aufgaben weiter
(und verlieren sie dann aus den Augen)
Heute Projektmanager.
Morgen Entwickler.
Übermorgen niemand.
Bei mir gilt:
Eine Person. Eine Verantwortung.
Agenturen verschwinden nach dem Projekt
Kleine Änderung? → neues Angebot
Dringend? → Warteschleife
Ich bleibe.
Solange Sie Dinge brauchen.
Wie ich arbeite (und warum das entspannter ist)
Agenturen machen erst ein Konzept.
Dann wird umgesetzt.
Dann merkt man: „Passt doch nicht ganz.“
Dann wird nachberechnet.
Ich mache es anders.
Ich baue zuerst. Dann reden wir drüber.
Sie erklären mir Ihre Vorstellung.
Ich setze den ersten echten Stand um.
Keine Slides.
Kein Konzept-PDF.
Kein Ratespiel.
Dann arbeiten wir direkt am Ergebnis, bis es passt.
Ohne jedes Mal ein neues Angebot.
Ohne Scope-Diskussionen.
Ohne Theater.
Was ich konkret umsetze
Websites
• neue Websites (klarer Standard, kein Chaos)
• bestehende Websites übernehmen
• Seiten ändern oder ergänzen
• Performance & SEO
• Hosting & Betrieb (inklusive)
Funktionen & Systeme
• Produktbereiche
• Blogs, News, Jobs
• Formulare (auch mehrstufig)
• Downloads
• Suche & Filter
• PDF-Generatoren
• API-Ausgaben & Daten-Sync
• Sonderlogik
Interne Tools
• kleine Inhouse-Tools
• Excel ersetzen
• Importe & Exporte
• Automatisierung
• Dinge, die nerven → weg
Was ich bewusst nicht mache
• keine CMS-Schulungen
• keine Agentur-Workshops
• keine Ticketsysteme
• keine Stundenabrechnung für Websites
• kein Overhead
• keine Prozessshows
Das ist kein Mangel.
Das ist der Vorteil.
Preise (klar & transparent)
Ich arbeite mit festen Leistungen und Fixpreisen.
Keine Abos. Keine Überraschungen.
Grundlage
• Website-Basis → 6.000 €
• Hosting & Betrieb → 120 € / Monat (inkl. 20 GB Medien)
Entwicklung
• Seite → 800 €
• Feature (System) → 2.000 €
• Funktion (Logik) → 1.000 €
Inhalte
• Neuer Datensatz → 400 €
• Datensatz anpassen → 200 €
Optional
• CMS-Einrichtung → 1.500 €
• CMS-Anbindung pro Feature → 800 €
• Speichererweiterung → +10 € / 10 GB
Sie wissen vorher, was es kostet. Immer.
Warum Kunden bleiben
• Dinge passieren schnell
• Aufgaben verschwinden wirklich
• kein Erklären
• kein Nachfassen
• kein Projektstress
• kein Agentur-Zirkus
Kurz: Ruhe.
Interesse?
Schreiben Sie mir einfach, was Sie brauchen.
Ich sage Ihnen ehrlich, ob ich es mache und was es kostet.

View File

@@ -1,234 +0,0 @@
Preise
1. Website Fixpreis
Basis
4.000 € einmalig
Die Grundlage für jede Website:
• Projekt-Setup & Infrastruktur
• Hosting-Bereitstellung
• Grundstruktur & Design-Vorlage
• technisches SEO-Basics
• Analytics (mit automatischem Mail-Report)
• Testing, Staging, Production Umgebung
• Livegang
Enthält keine Seiten, Inhalte oder Funktionen.
2. Entwicklung (Produktion)
Seite
600 € / Seite
Individuell gestaltete Seite
mit Layout, Struktur, Textaufteilung, responsivem Design.
Feature (System)
1.500 € / Feature
Ein in sich geschlossenes System mit Datenstruktur, Darstellung und Pflegefähigkeit.
Typische Beispiele:
• Produktbereich
• Blog
• News
• Jobs
• Referenzen
• Events
Ein Feature erzeugt ein Datenmodell, Übersichten & Detailseiten.
Funktion (Logik)
800 € / Funktion
Funktionen liefern Logik und Interaktion, z. B.:
• Kontaktformular
• Mailversand
• Suche
• Filter
• Mehrsprachigkeit (System)
• PDF-Export von Daten
• API-Anbindungen (z. B. Produkt-Sync)
• Redirect-Logik
• Automatisierte Aufgaben
Jede Funktion ist ein klar umrissener Logikbaustein.
3. Visuelle Inszenierung & Interaktion
(Hier geht es um Design/UX-Extras, nicht um „Standard-Design“.)
Visuelle Inszenierung
1.500 € / Abschnitt
Erweiterte Gestaltung:
• Hero-Story
• visuelle Abläufe
• Scroll-Effekte
• speziell inszenierte Sektionen
Komplexe Interaktion
1.500 € / Interaktion
Dargestellte, interaktive UI-Erlebnisse:
• Konfiguratoren
• Live-Previews
• mehrstufige Auswahlprozesse
(Nutzt deine bestehenden Bausteine, gehört aber zur Entwicklung.)
4. Inhalte & Medien
Neuer Datensatz
200 € / Stück
Beispiele:
• Produkt
• Blogpost
• News
• Case
• Job
Datensätze enthalten Inhalte mit Text, Medien, Metadaten.
Datensatz anpassen
200 € / Stück
• Textupdates
• Bildwechsel
• Feldänderungen (ohne Schemaänderung)
5. Betrieb & Wartung (Pflicht)
Hosting & Betrieb
12 Monate = 3.000 €
Sichert:
• Webhosting & Verfügbarkeit
• Sicherheitsupdates
• Backups & Monitoring
• Analytics inkl. Reports
• Medien-Speicher (Standard bis 20 GB)
6. Speicher-Erweiterung (optional)
Mehr Speicher
+10 € / Monat → +10 GB (aber nur 20/100/200 GB)
Wenn das inklusive Volumen überschritten wird, wird automatisch erweitert.
(Keine Leistungsdiskussion nur Infrastruktur.)
7. Headless CMS (optional)
CMS-Einrichtung
1.500 € einmalig
Einrichtung eines Headless CMS:
• Struktur
• Rollen
• Rechte
• API-Anbindung
• Deployment
• kurze Einführung
CMS-Anbindung pro Feature
800 € / Feature
Erlaubt, dass Datensätze (z. B. Blog, News) im CMS gepflegt werden.
Seiten & Layout bleiben bei dir.
8. App / interne Software
Entwicklung nach Zeit
120 € / Stunde
Für:
• interne Tools
• Prozesslogik
• Workflows
• Automatisierungen
• alles, was Zustände und Abläufe beinhaltet
(Kein Fixpreis, weil scope offen ist.)
9. Integrationen (optional)
API-Schnittstelle / Daten-Sync
800 € / Zielsystem
Synchronisation zu externem System (Push):
• Produkt-Sync
• CRM / ERP / Stripe / sonstige API
Nicht enthalten:
• Betrieb fremder Systeme
• Echtzeit-Pull-Mechanismen
• Zustandsabhängige Syncs
10. Wichtige Regeln
Seiten = Entwicklung
Datensätze = Inhalte & Pflege
Features = Daten-Systeme
Funktionen = Logik
CMS-Anbindung = optionale Datenpflege über Schnittstelle
Betrieb = Hosting, Updates, Backups, Analytics
Apps = Stunden (Prozesse & Systeme außerhalb der Website)
Leistungsausschlüsse (kurz und klar)
• Kein Betrieb von Mail-Servern
• Keine Logistik, kein Shop-Checkout
• Kein Drittanbieter-Betrieb
• Keine permanente Überwachung fremder Systeme
Satz für Kundenkommunikation
Ich baue digitale Systeme mit klaren Preisen und Ergebnissen
keine Stunden, keine Überraschungen.

View File

@@ -1,43 +0,0 @@
Prinzipien
Ich arbeite nach klaren Grundsätzen, die sicherstellen, dass meine Kunden fair, transparent und langfristig profitieren.
1. Volle Preis-Transparenz
Alle Kosten sind offen und nachvollziehbar.
Es gibt keine versteckten Gebühren, keine Abos, keine Lock-ins.
Jeder Kunde sieht genau, wofür er bezahlt.
2. Quellcode & Projektzugang
Auf Wunsch erhalten Kunden jederzeit den vollständigen Source Code und eine nachvollziehbare Struktur.
Damit kann jeder andere Entwickler problemlos weiterarbeiten.
Niemand kann später behaupten, der Code sei „Messy“ oder unbrauchbar.
3. Best Practices & saubere Technik
Ich setze konsequent bewährte Standards und dokumentierte Abläufe ein.
Das sorgt dafür, dass Systeme wartbar, verständlich und erweiterbar bleiben langfristig.
4. Verantwortung & Fairness
Ich übernehme die technische Verantwortung für die Website.
Ich garantiere keine Umsätze, Rankings oder rechtliche Ergebnisse nur saubere Umsetzung und stabile Systeme.
Wenn etwas nicht sinnvoll ist, sage ich es ehrlich.
5. Langfristiger Wert
Eine Website ist ein Investment.
Ich baue sie so, dass Anpassungen, Erweiterungen und Übergaben an andere Entwickler problemlos möglich sind.
Das schützt Ihre Investition und vermeidet teure Neuaufbauten.
6. Zusammenarbeit ohne Tricks
Keine künstlichen Deadlines, kein unnötiger Overhead.
Kommunikation ist klar, Entscheidungen nachvollziehbar, Übergaben sauber dokumentiert.

View File

@@ -1,74 +0,0 @@
# Style Guide: Digital Architect
This document defines the visual language and design rules for the Mintel ecosystem. The goal is to maintain a "Digital Architect" aesthetic: technical, reductionist, and high-fidelity.
## 1. Core Philosophy: Reduction to Essentials
The design should feel "Websites ohne Overhead." Every element must serve a purpose. If it doesn't add value, remove it.
- **Technical Precision**: Use grids, mono-spaced labels, and clear hierarchies to signal technical competence.
- **Tactile Digital Objects**: UI elements should feel like physical objects (buttons that depress, tags that pop in, glass that blurs).
- **High Contrast**: Bold black/slate on clean white backgrounds, with vibrant highlighter accents.
## 2. Color Palette
The project uses a monochrome base with curated highlighter accents.
- **Primary Base**:
- **Backgrounds**: Pure White (`#ffffff`) for clarity.
- **Surfaces**: Slate-50 for subtle depth, White with 90% opacity + 10px blur for glassmorphism.
- **Grays (Slate)**:
- **Text**: Slate-800 for body, Slate-900 for headings.
- **UI Borders**: Slate-100 or Slate-200.
- **Muted text**: Slate-400 or Slate-500.
- **Highlighter Accents**: Used exclusively for tags, markers, and selective emphasis.
- **Yellow**: Warm, high-visibility (`rgba(255, 235, 59, 0.95)`).
- **Pink**: Vibrant, energetic (`rgba(255, 167, 209, 0.95)`).
- **Green**: Success, technical health (`rgba(129, 199, 132, 0.95)`).
- **Blue**: Neutral, structural (`rgba(226, 232, 240, 0.95)`).
## 3. Typography
A high-contrast mix of fonts that balances modern tech with editorial readability.
- **Headings (Sans-serif)**: Use **Inter**.
- Tracking: `-0.025em` to `-0.05em` (tracking-tighter).
- Weight: Bold (`700`).
- Color: Slate-900.
- **Body (Serif)**: Use **Newsreader** or Georgia.
- Style: Defaults to serif for long-form content to provide a "notebook" feel.
- Line-height: Relaxed (`1.6` to `1.75`).
- **Technical (Monospace)**: Use **JetBrains Mono**.
- Usage: Small labels, tags, code snippets, and "Mono-Labels" (e.g., section numbers).
- Feature: Uppercase with wide tracking (`0.3em` to `0.4em`).
## 4. Layout & Rhythm
Standardized containers ensure consistency across different screen sizes.
- **Standard Container**: Max-width 6xl (`72rem`). Used for most page sections.
- **Wide Container**: Max-width 7xl (`80rem`). Used for galleries or high-impact visuals.
- **Narrow Container**: Max-width 4xl (`56rem`). Used for focused reading and blog posts.
- **Section Rhythm**: Sections are separated by clear `border-top` lines and numbered (e.g., "01", "02").
## 5. UI Elements & Interactions
### 5.1 Buttons
- **Shape**: Always pill-shaped (rounded-full).
- **Style**: Thin borders (`1px`) with bold, uppercase mono-spaced text.
- **Hover**: Should feel "expensive." Smooth translate-up (`-0.5rem`) and deep, soft shadows.
### 5.2 Cards & Containers
- **Glassmorphism**: Use for search boxes and floating elements (`backdrop-filter: blur(10px)`).
- **Cards**: Minimalist. Use `Slate-50` or thin `Slate-100` borders. Avoid heavy shadows unless on hover.
### 5.3 Highlighters & Tags
- **Marker Effect**: Use a hand-drawn marker underline (diagonal skew, slightly erratic rotation) for key titles.
- **Tags**: Small, bold, uppercase. They should use `tagPopIn` animations when appearing.
## 6. Motion & Atmosphere
- **Reveals**: Content should never "just appear." Use slide-up and fade-in transitions (`0.5s` to `0.7s`) to create a sense of discovery.
- **Background Grid**: A subtle, low-opacity grid pattern provides a technical "blueprint" feel to the pages.
- **Micro-interactions**: Hovering over icons or tags should trigger subtle scales (`105%-110%`) and color shifts.

View File

@@ -1,98 +0,0 @@
Wie ich Websites technisch umsetze
Ich entwickle Websites als moderne, performante Websysteme nicht als Baukasten-Seiten und nicht als schwer wartbare CMS-Konstrukte.
Der Fokus liegt auf Geschwindigkeit, Stabilität, Datenschutz und langfristiger Wartbarkeit.
Die Technik dient dabei immer einem Zweck:
Ihre Website soll zuverlässig funktionieren, schnell laden und kein laufendes Risiko darstellen.
Geschwindigkeit & Performance
Meine Websites sind so aufgebaut, dass Inhalte extrem schnell ausgeliefert werden unabhängig davon, ob ein Besucher am Desktop oder mobil unterwegs ist.
Das bedeutet für Sie:
• kurze Ladezeiten
• bessere Nutzererfahrung
• messbar bessere Werte bei Google PageSpeed & Core Web Vitals
• geringere Absprungraten
Die Seiten werden nicht „zusammengeklickt“, sondern technisch optimiert ausgeliefert.
Responsives Design (ohne Kompromisse)
Jede Website ist von Grund auf responsiv.
Layout, Inhalte und Funktionen passen sich automatisch an:
• Smartphones
• Tablets
• Laptops
• große Bildschirme
Dabei wird nicht einfach skaliert, sondern gezielt für unterschiedliche Bildschirmgrößen optimiert.
Das Ergebnis ist eine saubere Darstellung und gute Bedienbarkeit auf allen Geräten.
Stabilität & Betriebssicherheit
Im Hintergrund laufen Überwachungs- und Kontrollmechanismen, die technische Probleme automatisch erkennen.
Für Sie heißt das:
• Fehler werden bemerkt, auch wenn niemand sie meldet
• ich werde aktiv informiert, statt erst zu reagieren, wenn etwas kaputt ist
• Probleme können frühzeitig behoben werden
Das reduziert Ausfälle und vermeidet unangenehme Überraschungen.
Datenschutz & DSGVO
Ich setze konsequent auf freie, selbst betriebene Software statt auf große externe Plattformen.
Ihre Vorteile:
• keine Weitergabe von Nutzerdaten an Dritte
• keine versteckten Tracker
• keine Abhängigkeit von US-Anbietern
• datenschutzfreundliche Statistik ohne Cookies
Die Website bleibt technisch schlank und rechtlich kontrollierbar.
Unabhängigkeit & Kostenkontrolle
Da ich keine proprietären Systeme oder Lizenzmodelle einsetze:
• entstehen keine laufenden Tool-Gebühren
• gibt es keine plötzlichen Preiserhöhungen
• bleibt die Website langfristig planbar betreibbar
Sie zahlen für die Leistung nicht für Lizenzen oder Marken.
Wartbarkeit & Erweiterbarkeit
Die technische Struktur ist so aufgebaut, dass:
• Inhalte erweitert werden können
• Funktionen sauber ergänzt werden können
• Anpassungen nicht das ganze System gefährden
Das schützt Ihre Investition und verhindert teure Neuaufbauten nach kurzer Zeit.
Kurz gesagt
Ich baue Websites, die:
• schnell sind
• auf allen Geräten sauber funktionieren
• datenschutzkonform betrieben werden
• technisch überwacht sind
• langfristig wartbar bleiben
Die Technik steht nicht im Vordergrund
aber sie sorgt dafür, dass Ihre Website zuverlässig ihren Zweck erfüllt.

View File

@@ -1,42 +0,0 @@
Ton & Haltung in der Kommunikation
Dieses Dokument beschreibt die verbindlichen Prinzipien, nach denen ich mit Kunden kommuniziere schriftlich wie mündlich, auf der Website wie im Projektalltag.
1. Klarheit vor Höflichkeit
Ich kommuniziere klar, direkt und verständlich.
Unklare Formulierungen, Marketingfloskeln oder beschwichtigende Aussagen werden vermieden.
Lieber eine ehrliche, präzise Aussage als eine „freundliche“ Unverbindlichkeit.
2. Ehrlichkeit ohne Verkaufsdruck
Ich verspreche nichts, was ich nicht sicher einhalten kann.
Grenzen, Risiken und Unsicherheiten werden offen benannt.
Es gibt keine künstliche Dringlichkeit, kein Upselling aus Prinzip und keine verdeckten Interessen.
3. Sachlich, ruhig, professionell
Die Kommunikation bleibt sachlich und respektvoll auch bei Kritik, Verzögerungen oder Meinungsverschiedenheiten.
Emotionale Eskalation, Schuldzuweisungen oder Rechtfertigungsschleifen werden vermieden.
4. Verantwortung statt Ausreden
Probleme werden benannt, nicht relativiert.
Wenn etwas nicht funktioniert, wird erklärt warum und wie damit umgegangen wird.
Ich übernehme Verantwortung für meine Arbeit, nicht für äußere Faktoren außerhalb meines Einflusses.
5. Transparenz statt Fachchinesisch
Komplexe Sachverhalte werden verständlich erklärt, ohne künstliche Vereinfachung oder Herablassung.
Fachbegriffe werden nur verwendet, wenn sie notwendig sind.
Wissen dient der Orientierung des Kunden, nicht der Selbstdarstellung.
6. Gleichbehandlung aller Kunden
Alle Kunden werden gleich behandelt unabhängig von Projektgröße, Budget oder Laufzeit.
Es gibt keine versteckten Prioritäten, Sonderregeln oder impliziten Erwartungshaltungen.
7. Langfristige Perspektive
Die Kommunikation ist auf nachhaltige Zusammenarbeit ausgelegt, nicht auf kurzfristige Zustimmung.
Entscheidungen und Empfehlungen orientieren sich am langfristigen Nutzen des Kunden.

View File

@@ -1,136 +0,0 @@
Wie ich Websites baue und warum Sie damit Ruhe haben
Die meisten Websites funktionieren.
Bis jemand sie anfasst.
Oder Google etwas ändert.
Oder ein Plugin ein Update macht.
Oder die Agentur nicht mehr antwortet.
Ich baue Websites so, dass das alles egal ist.
Ich baue Websites wie Systeme nicht wie Broschüren
Eine Website ist kein Flyer.
Sie ist ein System, das jeden Tag arbeitet.
Deshalb baue ich sie auch so:
• stabil
• schnell
• vorhersehbar
• ohne Überraschungen
Sie müssen nichts warten.
Sie müssen nichts lernen.
Sie müssen nichts pflegen, wenn Sie nicht wollen.
Geschwindigkeit ist kein Extra. Sie ist Standard.
Viele Websites sind langsam, weil sie zusammengeklickt sind.
Meine sind schnell, weil sie gebaut sind.
Das bedeutet für Sie:
• Seiten laden sofort
• Google mag sie
• Besucher bleiben
• weniger Absprünge
• bessere Sichtbarkeit
90+ Pagespeed ist bei mir kein Ziel.
Es ist der Normalzustand.
Keine Plugins. Keine Updates. Keine Wartungshölle.
Ich nutze keine Baukästen.
Keine Plugin-Sammlungen.
Keine Systeme, die sich selbst zerstören.
Ihre Website besteht aus:
• sauberem Code
• klarer Struktur
• festen Bausteinen
Das heißt:
Wenn etwas geändert wird, geht nichts kaputt.
Inhalte und Technik sind getrennt (absichtlich)
Wenn Sie Inhalte selbst pflegen wollen, können Sie das.
Aber nur Inhalte.
Kein Design.
Keine Struktur.
Keine Technik.
Sie können nichts kaputt machen.
Ich verspreche es.
Und wenn Sie nichts selbst pflegen wollen:
Dann schreiben Sie mir einfach.
Ich erledige das.
Änderungen sind einfach. Wirklich.
Neue Seite?
Neue Funktion?
Neue Idee?
Kein Ticket.
Kein Formular.
Kein Projektplan.
Sie schreiben mir, was Sie brauchen.
Ich setze es um.
Fertig.
Warum das alles so gebaut ist
Weil ich 15 Jahre Agenturen gesehen habe.
Zu viele Meetings.
Zu viele Konzepte.
Zu viele Übergaben.
Zu viele „eigentlich müsste man mal“.
Meine Websites sind dafür gebaut,
dass Dinge einfach passieren.
Das Ergebnis für Sie
• schnelle Website
• keine Pflegepflicht
• keine Überraschungen
• keine Abhängigkeit
• keine Agentur
• kein Stress
Oder anders gesagt:
Eine Website, die sich wie eine erledigte Aufgabe anfühlt.
Und technisch?
Technisch ist das alles sehr modern.
Aber das ist mein Problem, nicht Ihres.
Wenn Sie wollen, erkläre ich Ihnen das gerne.
Wenn nicht, funktioniert es trotzdem.

View File

@@ -1,56 +0,0 @@
1. Aktiv statt passiv
Sätze werden aktiv formuliert.
Keine unpersönlichen Konstruktionen, kein „es wird“, „man sollte“, „könnte“.
2. Kurz und eindeutig
Sätze sind so kurz wie möglich, so lang wie nötig.
Ein Gedanke pro Satz. Keine Schachtelsätze.
3. Keine Weichmacher
Keine Wörter wie:
• eventuell
• möglicherweise
• grundsätzlich
• in der Regel
• normalerweise
Wenn etwas gilt, wird es gesagt. Wenn nicht, wird es ausgeschlossen.
4. Keine Marketingbegriffe
Keine Buzzwords, Superlative oder leeren Versprechen.
Keine emotional aufgeladenen Begriffe. Keine Werbesprache.
5. Konkrete Aussagen
Keine abstrakten Formulierungen.
Aussagen beziehen sich auf konkrete Ergebnisse, Zustände oder Abläufe.
6. Ich-Form
Kommunikation erfolgt konsequent in der Ich-Form.
Kein „wir“, kein „unser Team“, keine künstliche Vergrößerung.
7. Keine Rechtfertigungen
Keine erklärenden Absicherungen im Satz.
Aussagen stehen für sich und werden nicht relativiert.
8. Neutraler Ton
Keine Umgangssprache.
Keine Ironie.
Keine Emojis.
9. Verbindliche Sprache
Keine offenen Enden ohne Grund.
Wenn etwas nicht garantiert wird, wird das klar benannt ohne Abschwächung.
10. Technisch präzise, sprachlich einfach
Technische Inhalte werden präzise beschrieben, sprachlich jedoch simpel gehalten.
Kein unnötiger Jargon.