Werkzeuge · für Agenturenmit Beleg aus echten Projekten

Euer Stack ist mein Stack.

Etch, Bricks und Webflow gleichermaßen, darunter WordPress und Automatic.css als Fundament. Hier steht jedes Werkzeug, mit dem ich arbeite oder gearbeitet habe, und was es für eure Übergabe bedeutet.

Projekt anfragen So arbeite ich mit Agenturen

Der Kerndrei Builder, gleichwertig

Builder
BricksBuilder
WebflowBuilder
WordPressPlattform
Design-System

Ihr bekommt die Seite in dem Builder, den euer Team kennt. Andere Builder nehme ich an, um eine Seite umzuziehen.

Nach Aufgabe

Verbreitet, dokumentiert, bei der Übergabe erklärt.

Kein Eigenbau, den nur ich verstehe. Die Zahlen zählen Live-Seiten und Projekte, in denen das Werkzeug wirklich läuft.

01 · 6 Werkzeuge

Builder & CMS

Die Seite entsteht in dem Werkzeug, das euer Team kennt.

Etch4 Live-SeitenMein Hauptwerkzeug für neue WordPress-Seiten. Sauberes HTML, echte Klassen, Komponenten mit Eigenschaften: euer Team findet sich ohne Einschulung zurecht.
Bricks2 Live-SeitenFür Teams, die schon in Bricks arbeiten. Ich baue mit denselben Konventionen wie in Etch, damit eine Übergabe nicht an meinen Eigenheiten hängt.
WebflowWenn eure Kunden in Webflow pflegen: CMS-Sammlungen, Komponenten, mehrere Sprachen. Veröffentlicht wird zuerst auf Staging, live erst nach eurem OK.
WordPress7 Live-SeitenDie Plattform unter Etch und Bricks. Rollen und Rechte so eingerichtet, dass euer Kunde Inhalte pflegt, ohne das Layout zu berühren.
Elementor2 BestandsseitenÄltere Seiten betreue ich weiter. Auf Wunsch ziehe ich sie sauber nach Etch oder Bricks um, Seite für Seite.
ShopifyTheme-Entwicklung in Liquid, versioniert über GitHub, wenn zum Projekt ein Shop gehört.

02 · 4 Werkzeuge

Design-System & Bewegung

Benannte Werte statt Einzelwerte, Bewegung mit Maß.

Automatic.cssin jedem ProjektFarben, Abstände und Schriftgrößen als Variablen. Die Konfiguration liegt im Projekt und wird eingespielt, nicht von Hand zusammengeklickt.
FramesDie Bausteine zu Automatic.css. Bewährte Komponenten statt Eigenbau, wenn der Zeitplan eng ist.
GSAPselbst gehostetScroll- und Einblend-Effekte, schnell und zurückhaltend. Vom eigenen Server geladen, und still, wenn Besucher weniger Bewegung eingestellt haben.
Tailwind CSSIn meinen eigenen Web-Apps. Auf Kundenseiten bleibt es bei Automatic.css, damit euer Team ein System pflegt, nicht zwei.

03 · 4 Werkzeuge

Inhalte, Daten & Formulare

Euer Kunde pflegt Felder, nicht das Layout.

Meta Box6 ProjekteEigene Inhaltstypen und Felder für Zimmer, Kurse oder Referenzen. Neue Einträge erscheinen im fertigen Design, ohne dass jemand Blöcke verschiebt.
Fluent Forms4 ProjekteDie Formular-Engine hinter eigenem Markup. Anfragen landen in der Datenbank und als Mail beim richtigen Empfänger.
WPCodeBoxin jedem Etch-ProjektJedes Stück eigener Code als benanntes Snippet, abgelegt im Projekt. Nichts steckt versteckt in einer functions.php.
WPMLMehrsprachige WordPress-Seiten, etwa Deutsch und Englisch, mit sauber verknüpften Sprachversionen.

04 · 5 Werkzeuge

SEO & Analyse

Am Launch-Tag fertig, danach gemessen.

SEOPressStandardTitel, Beschreibungen, Schema und Sitemaps stehen am Launch-Tag, gesetzt über die Schnittstelle statt Seite für Seite.
Rank Math3 Live-SeitenAuf bestehenden Seiten pflege ich weiter, was da ist. Gewechselt wird nur, wenn es etwas bringt.
Search ConsoleBeim Relaunch zeigt sie, welche alten Seiten Besucher bringen. Genau die bekommen ihre Weiterleitung.
Google Analytics6 Live-SeitenGemessen wird erst nach Einwilligung, gekoppelt an das Cookie-Banner der Seite.
LighthouseRegelmäßige Messungen von Ladezeit und Qualität für betreute Seiten, nicht nur einmal vor dem Launch.

05 · 6 Werkzeuge

Performance, Hosting & Recht

Schnell ausgeliefert, sauber betrieben.

WP Rocket5 Live-SeitenCaching, verzögertes JavaScript, Bilder erst bei Bedarf. Eingestellt und an der ausgelieferten Seite gemessen.
PerfmattersStandardNimmt weg, was eine Seite nicht braucht: Skripte, die nirgends laufen, und Schnittstellen, die Besucher nicht sehen müssen.
Cloudflare3 Live-SeitenDNS und Schutz vor der Seite, wo es sinnvoll ist.
HetznerServer in Deutschland. Diese Seite läuft dort, im Rechenzentrum Falkenstein.
xCloudDas Control Panel für meine Server: Seiten, Backups, SSL und Staging an einem Ort.
Complianz5 Live-SeitenCookie-Banner nach DSGVO, das Dienste wie Analytics erst nach der Zustimmung lädt.

06 · 5 Werkzeuge

Buchung & Integrationen

Was der Betrieb schon nutzt, binde ich ein, statt es nachzubauen.

SetmoreKursbuchung für ein Pilates-Studio, eingebettet in die Seite.
charlyOnline-Termine für einen Beauty-Salon, direkt aus der Salon-Software.
e-gumaGutscheine für ein Wirtshaus, verkauft über den Shop des Anbieters.
TrustindexGoogle-Bewertungen auf der Seite, aktuell und ohne Abtippen.
OpenStreetMapEine Karte ohne Google, wenn die Anfahrt zählt und der Datenschutz auch.

07 · 5 Werkzeuge

Ablauf & Prüfung

Nachvollziehbar für euch, geprüft vor jeder Abnahme.

Eigene Produktions-Appseit Oktober 2026Entwurfsrunden mit Pins direkt auf der Seite, Staging, Übergabe und Monitoring in einem Ablauf.
Playwrightvor jeder AbnahmePrüft die ausgelieferte Seite bei 1440 und 400 Pixel: Überschriften, Alt-Texte, Überlauf, Konsolenfehler.
GitHubJedes Projekt liegt versioniert. Was sich wann geändert hat, ist nachvollziehbar, das Repository bekommt ihr auf Wunsch mit.
FigmaIch lese eure Entwürfe dort. Eigene Entwürfe baue ich direkt in HTML, so sieht euer Kunde das echte Verhalten.
ClickUpWenn eure Aufgaben dort liegen, arbeite ich in eurem Board mit, statt eine zweite Liste aufzumachen.

08 · 6 Werkzeuge

Code & KI

Eigene Werkzeuge, damit die Routine schnell geht und die Sorgfalt bleibt.

Claude Codeseit März 2026Mein Werkzeug für Aufbau, Umzug und Prüfung. Es arbeitet nach festen Regeln im Projekt, und was es baut, prüfe ich am echten Render.
PHPWordPress-Hooks, eigene Schnittstellen, kleine Plugins. Lesbar geschrieben, damit euer Entwickler sie versteht.
LaravelDas Fundament meiner Produktions-App, für Werkzeuge, die über eine Website hinausgehen.
FilamentDie Oberfläche der App: Kunden, Projekte, Runden und Pins.
PythonDie Skripte hinter meinem Ablauf: Auslieferung, Abgleich, Messungen.
DockerMess-Worker der App in Containern: Lighthouse und Browser-Rendering, getrennt vom Rest.

Für Agenturen

Mehr Projekte als Leute? Ich baue unter eurem Namen.

In euren Werkzeugen, nach euren Konventionen, geprüft und dokumentiert. Euer Kunde sieht nur euch.

NDA vor dem Briefing
Start meist in 2–3 Wochen
Fixpreis, Tagessatz oder Kontingent

Für Agenturen