PCSdach24 — Online-Konfigurator,
PHP-Backend & SEO aus einer Hand

Wie die Schweizer Web-Agentur smartnode.ch für die HPM GmbH (Marke PCSdach24) einen vollständigen Online-Vertriebskanal für Aluminium-Terrassendächer realisiert hat — vom Live-3D-Konfigurator über das eigene PHP-Backend bis zur SEO- und Performance-Optimierung. Ohne externe Frameworks, hosting-agnostisch, DSGVO-konform.

Die Aufgabe

PCSdach24 (HPM GmbH, Eimterstr. 147, 32049 Herford) ist seit 1997 Hersteller hochwertiger Aluminium-Terrassenüberdachungen. Der bisherige Vertriebsweg lief vor allem telefonisch und per E-Mail. Ziel war ein vollständig digitalisierter Anfrage- und Bestellprozess, der den Hersteller-Direktverkauf abbildet — ohne externe Shop-Software, ohne Framework-Lock-in, lauffähig auf jedem klassischen Webhoster.

Anforderungen

• Online-Konfigurator mit Live-Vorschau und sofortiger Preisberechnung
• Trennung „Bestellung" (Lagerware) und „Anfrage" (Maßanfertigung) im selben System
• PHP-Backend für Anfragen, Bestellungen, Mailversand und Admin-Bereich
• Mobile-First, Touch-Targets ≥ 44 px, iOS Safe-Area
• DSGVO-konform: IP-Hashing, kein Cookie-Tracking, eigenes Server-Logging
• Vollständige technische SEO mit Schema.org, hreflang, Sitemap, FAQ-Snippets
• Skalierbar auf einem 5-€-Shared-Hosting (kein Composer, kein NPM)

Die Lösung

1. Live-3D-Konfigurator (Single-File HTML)

Der Konfigurator wurde als einzelne Single-File-HTML (~310 KB unkomprimiert, ~50 KB gzip) implementiert — komplett mit eingebettetem CSS, JavaScript und einem isometrischen SVG-Renderer. Dieser zeichnet das Haus, die Terrasse, die Pfosten, die Eindeckung, das Glas, Garten-Elemente und sogar Lichteffekte in Echtzeit, abhängig von Modell, Maßen, Farbe und Zubehör.

Der SVG-Renderer kommt vollständig ohne 3D-Library aus — alle Polygone, Schatten, Reflexionen und Lichtgradienten sind handgerechnete isometrische Projektionen. Performance-Resultat: Live-Update unter 30 ms pro Slider-Bewegung.

2. Vanilla-PHP-Backend (kein Composer)

Backend-Endpoints (`api/inquiry.php`, `api/order.php`, `api/contact.php`, `api/track.php`, plus Admin-API) sind reine PHP 7.4+-Skripte — keine Composer-Dependencies, optional vendored PHPMailer, sonst Fallback auf PHP `mail()`. Speicherung als JSONL-Append-Logs in `data/`-Verzeichnissen mit `.htaccess`-Schutz. Counter-System mit `flock()` für fortlaufende ID-Vergabe (`INQ-2026-00001`, `ORD-2026-00001`, `QUOTE-2026-00001`).

3. Cart-Schema v2 mit Flow-Diskriminator

Ein einheitliches `Configuration`-Objekt im LocalStorage ersetzt zwei vorher inkompatible Datenformate. Jedes Item hat einen flow-Diskriminator: 'inquiry' für Maßware (Konfigurator-Items, Carports, Trennwände, Markisen — laut HPM-AGB vom Widerruf ausgeschlossen) oder 'purchase' für Lagerware (Glasbrüstungen, LED-Spots — direkter Kauf mit 14 Tagen Widerruf). Der Warenkorb rendert beide Welten in eigenständigen Sektionen mit eigenen Submit-Pfaden.

4. Checkout mit Vorkasse + PayPal

Vier-Schritte-Checkout: Kontakt → Versand (Spedition kostenfrei ab 999 € netto, oder Selbstabholung mit 75 € Gutschrift laut HPM-AGB) → Zahlung (Vorkasse oder PayPal-Käuferschutz an `paypal@hpm.de`) → AGB. Server-seitige Pricing-Validierung (Trust-Nothing-Prinzip), Bestätigungsmail mit echten Bankdaten und Verwendungszweck.

5. Privacy-Tracker + Admin-Dashboard

Ein eigener cookiloser Tracker (`tracker.js` + `api/track.php`) zeichnet Pageviews, Scroll-Tiefe, Konfigurator-Funnel-Schritte und Conversion-Events auf — vollständig DNT-respektierend, mit IP-Hashing. Der Admin-Bereich (`pcs-admin.html`) bietet Postfach-Workflow, Quote-Generator, Statistik-Dashboard mit Vanilla-SVG-Charts und Cron-basierte Tagesreports.

6. Technische SEO

Vollständige On-Page-SEO mit Schema.org JSON-LD je Seite (Organization, LocalBusiness, BreadcrumbList, ItemList, Product, FAQPage), hreflang-Setup, optimierter Sitemap mit Image-Annotation, robots.txt mit gezielten Crawl-Regeln, Open Graph + Twitter Cards. Performance-tuned via mod_deflate und mod_expires direkt im `.htaccess`.

Tech-Stack

Ergebnis

• Konfigurator-Conversion: ~6 % Visitor → Anfrage
• Bestellbestätigung in unter 2 Sekunden, Bankdaten sofort sichtbar
• Lighthouse-Mobile-Scores: Performance 88, Accessibility 96, SEO 96
• Komplettes Bundle in 3.86 MB (mit Bildern), Code-Only 300 KB
• Hosting auf jedem PHP-Hoster ab 5 €/Monat lauffähig — kein Vendor-Lock-in

Über smartnode.ch

smartnode.ch ist eine Schweizer Web-Agentur mit Fokus auf individuelle Web-Anwendungen, E-Commerce-Lösungen, Online-Konfiguratoren, Vanilla-PHP-Backends sowie technische SEO-Optimierung. Realisiert werden hochwertige, performante Marketing-Websites für Hersteller, Handwerk und Mittelstand — mit Fokus auf Wartbarkeit, Datenschutz und Hosting-Unabhängigkeit. Beratung und Entwicklung aus einer Hand.