Kundenmandat · live 2026 — laufend
ALU Terrassenbau
Website, 3D-Konfigurator, Marketing und Messung
Ein Handwerksbetrieb für Terrassenüberdachungen aus Aluminium, der von einer alten Agenturseite weg musste. Ich verantworte den kompletten digitalen Auftritt: Aufbau, Technik, Inhalt, Werbung und die Zahlen dahinter — allein, direkt beim Inhaber.
alu-terrassenbau.de konfigurator.alu-terrassenbau.de Fallstudie lesen
- 01
Shopify-Theme von Grund auf
Kein gekauftes Theme mit ausgetauschten Farben, sondern ein eigenes: Sections, Templates, Metaobjects und Liquid, entwickelt über die Shopify CLI und die GraphQL Admin API. Alle Inhalte pflegt der Betrieb selbst.
- 02
Ein Animationssystem statt Effekten pro Abschnitt
Auftritte beim Scrollen und Wischreihen laufen in reinem JavaScript über einen IntersectionObserver — einmal global gebaut, von jedem Abschnitt genutzt. Neue Abschnitte bewegen sich dadurch richtig, ohne dass jemand Code dafür schreibt.
- 03
3D-Konfigurator als eigene Anwendung
React, TypeScript und Three.js: sechs Konstruktionen, Maße, Farben, Tageszeiten. Die Modelle sind auf Ladezeit optimiert; die fertige Anfrage meldet sich über postMessage an das Shopify-Fenster zurück — nur mit einer Nummer, damit ein zweites Absenden nicht zu einer zweiten Anfrage wird.
- 04
Warum monatelang keine Leads ankamen
Google Ads meldete Konversionen, Analytics keine einzige. Ursache war kein Fehler im Formular, sondern eine Zeile im Tag: ein send_to mit AW-Schlüssel geht ausschließlich an Ads und erreicht Analytics nie. Seitdem sendet jeder Weg zusätzlich generate_lead mit dem Kanal — Formular, Telefon, WhatsApp, Konfigurator — und man sieht, welcher Weg die Anfragen bringt.
- 05
Google Ads aufgeräumt, nicht aufgestockt
Performance Max mit vier getrennten Zielen statt einem Sammeltopf. Zwei Konversionen, die nur Seitenaufrufe zählten, habe ich zurückgestuft — als Hauptziel hätten sie die Kampagne auf Besucher optimiert statt auf Anfragen. Alte Videos mit der Marke des Vorgängers raus: die Anzeigenqualität stieg von „Durchschnittlich“ auf „Gut“.
- 06
Datenschutz als Teil der Technik
Enhanced Conversions war aktiv und hätte E-Mail und Telefon gehasht an Google übertragen — während der Datenschutztext des Betriebs das Gegenteil zusagt. Ich habe es abgeschaltet und dokumentiert, was es bräuchte, um es sauber wieder einzuschalten. Dazu Cloudflare Turnstile gegen Spam, samt ehrlicher Notiz, wo dessen Grenze ohne Serverprüfung liegt.
- Shopify · Liquid · CLI
- GraphQL Admin API
- React · TypeScript
- Three.js · GLB
- Google Ads (PMax)
- GA4 · Google Tag
- Cloudflare Turnstile
