3D-Terrassen
Vom Einzelauftrag zum SaaS: Echtzeit-3D-Konfigurator für Terrassenüberdachungen, der aus Besuchern qualifizierte Anfragen macht.
/Der Weg zum Markt
/Das Problem
Eine Terrassenbau-Firma bat mich um ein Angebot für einen Konfigurator. Bevor ich ein Angebot schreibe, analysiere ich den Markt: Wie verkaufen andere Firmen Terrassenüberdachungen online?
Die Antwort: gar nicht richtig. Die meisten Websites zeigen lange Texte und Bilderlisten mit unzähligen Varianten, aus denen ein Laie nicht schlau wird. Der Rest setzt auf Formulare voller Fachbegriffe, ohne jede Vorschau. Als Kunde will ich aber sehen, wie mein Dach am Ende aussieht, bevor ich irgendwo anfrage.
Genau diese Lücke ist die Schwachstelle der Konkurrenz. Wer sie schließt, hebt sich nicht nur ab, er nimmt den anderen die Anfragen weg.
Texte und Bilderlisten
- Seitenlange Beschreibungen statt Ergebnis
- Screenshot-Sammlungen aller Varianten
- Der Laie erkennt nicht, was er bekommt
Formulare ohne Vorschau
- Fachbegriffe, die Kunden nicht kennen
- Keine Vorschau, kein Preisgefühl
- Die Anfrage bleibt ein Blindflug
3D-Konfigurator in Echtzeit
- Das Dach in Echtzeit-3D, mit eigenen Maßen und Farben
- Live-Preis bei jeder Änderung
- Anfrage kommt als fertige Konfiguration an
/Das System
Der Kern ist ein einbettbarer 3D-Konfigurator auf Basis von Three.js und React Three Fiber: Echtzeit-3D der Überdachung, ein Live-Preis, der auf jede Änderung reagiert, und eine automatische Schnittliste mit Artikelnummern.
Statt das Tool einmal zu verkaufen, habe ich eine Multi-Tenant-SaaS darum gebaut. Jeder Betrieb pflegt im Memberportal seine Materialien, Farben und Preise, passt das Anfrageformular im Form Builder an und bettet den Konfigurator per iframe auf der eigenen Website ein. Jeder Betrieb zahlt 200 EUR monatlich.
Der Konfigurator
Echtzeit-3D mit Three.js und React Three Fiber: Material, Maße, Dach, Farben und Extras ändern sich live im Modell. Der Preis rechnet bei jeder Änderung mit, die Schnittliste mit Artikelnummern entsteht automatisch.
Die SaaS-Plattform
Multi-Tenant von Grund auf: Memberportal mit Dashboard, eigene Preise und Materialien pro Betrieb, Form Builder für das Anfrageformular, Embed-Code-Generator und ein eigenes Analytics mit Conversion-Funnel. Jeder Betrieb bekommt seinen eigenen Konfigurator.
- EUR monatlich im Abo
- 200
Der Lead-Kanal
Sendet ein Interessent seine Konfiguration ab, erhält der Betrieb sofort eine E-Mail mit Kundendaten, Gesamtpreis und der kompletten Konfiguration. Im Portal liegt jede Anfrage mit Vorschau der Konfiguration, Status und internen Notizen bereit.
/Ergebnis
- 200
- EUR monatlich im Abo
Die Plattform ist live und in Betrieb. Websites, die den Konfigurator einbetten, heben sich sichtbar von der gleichförmigen Konkurrenz ab: Interessenten verstehen zum ersten Mal, was sie kaufen, und fragen mit einer fertigen Konfiguration an. Einen Konfigurator in dieser Form gibt es sonst auf keiner Terrassenbau-Seite.
Die angeschlossenen Betriebe berichten, dass sich ihre Bestellungen seit dem Einsatz vervielfacht haben: Kunden verstehen endlich, was sie kaufen, und buchen ihre Besichtigungstermine bei ihnen statt bei der Konkurrenz. Der Ablauf dahinter ist immer derselbe: Markt analysieren, Schwachstelle erkennen, Lösung bauen. Diesmal verkaufe ich die Lösung nicht an einen Gewinner, ich vermiete sie an viele.
/Screenshots
/Stack
- Three.js
- React Three Fiber
- Next.js
- Multi-Tenant SaaS
- Form Builder
- iframe-Embed
- Neon + Prisma
- Resend Lead-Mails
- Eigenes Analytics + Conversion-Funnel
/Weitere Projekte
Ähnlicher Prozess, der noch kein System hat? Ich baue so etwas auch für andere.