Zurück zu den Fallstudien
Marinemarine2d configuratorshopifylead generation
Wise Company: ein 2D-Deckplaner für die Renovierung von Pontonbooten
The Wise Company, Inc·
The Wise Company, Inc. ist einer der größten Hersteller von Sitzmöbeln und Innenausstattungen für Freizeitboote in den Vereinigten Staaten. Das Unternehmen wollte einen Produktkonfigurator entwickeln, der den Bestellprozess für die Renovierung von Pontonbooten vereinfacht.
Im Gegensatz zu den meisten Projekten auf dieser Website war 3D hier nicht die richtige Lösung. Die Anordnung eines Pontondecks ist eine Aufgabe aus der Draufsicht, und das Tool musste in jedem Browser oder auf jedem Tablet funktionieren, das einem Händler gerade zur Verfügung stand.
Was der Kunde benötigte
Ein flexibler 2D-Konfigurator
Sie suchten nach einer flexiblen Online-Software für 2D-Produktkonfiguratoren mit der Möglichkeit zur Integration in Shopify.
Zwei Versionen der App
Eine Version ohne Preise zur Leadgenerierung über Angebotsanfragen und eine Preisversion, die mit Shopify integriert ist, um Bestellungen abzuschließen.
Für Händler bereitstellbar
Das Unternehmen benötigte eine Möglichkeit, den Konfigurator an seine Vertriebspartner zu verteilen, um Bestellungen abzuschließen oder Leads zu erfassen.
Breite Geräteunterstützung
Eine zwingende Anforderung war, dass der Konfigurator in den meisten Internetbrowsern sowie auf Android-Tablets und iPads geladen wird.
Die Lösung
Bei der Umsetzung kam die SEL-Plattform von Simplio3D zum Einsatz, die ein vorgefertigtes 2D-Visualisierungsmodul auf Basis einer JavaScript-Canvas enthält — gezielt gewählt, damit die meisten Internetbrowser die Renderings und ihre Funktionen problemlos laden können.
Das 2D-Modul unterstützt Drag-and-drop, Einrasten und die Bearbeitung des Ansichtsbereichs, etwa Drehen und Löschen, sowohl in normalen Browsern als auch auf Touchscreen-Geräten.
Ein ebenso wichtiger Bestandteil war das Back-End für Administratoren, in dem das Unternehmen und seine Händler den Produktkatalog verwalten. Admin-Nutzer können iframe-Code generieren, um individuelle Konfigurator-Versionen auf Grundlage von Händlereigenschaften zu teilen.
So funktioniert der Deckdesigner
Deck gestalten
Sitzmöbel und Komponenten werden per Drag-and-drop auf dem Pontonplan platziert. Die Einrastfunktion sorgt für eine präzise Ausrichtung des Layouts.
Im Viewport bearbeiten
Elemente können direkt im Viewport gedreht oder gelöscht werden – im Desktop-Browser oder per Touch auf einem Tablet.
Version auswählen
Eine Version ohne Preisangabe sammelt Angebotsanfragen zur Lead-Generierung; die Preisversion integriert sich mit Shopify, um die Bestellung abzuschließen.
An Händler verteilen
Der Administrator erstellt auf Grundlage der Vertriebspartnerattribute iframe-Code für individuelle Konfiguratorversionen, sodass jeder Händler die passende Ausführung erhält.
Der Konfigurator
Ergebnisse
Ein schnellerer Verkaufsprozess
Das Unternehmen hat den Verkaufsprozess sowohl aus Online- als auch aus Vertriebspartnerperspektive deutlich verbessert.
Keine manuelle CAD-Zeichnungserstellung
Angebote lassen sich mit wenigen Klicks erstellen, wodurch die Kosten für das manuelle Anfertigen von CAD-Zeichnungen für jedes einzelne Angebot entfallen.
Nachverfolgbare Leads
Das Unternehmen kann Kundenleads nachverfolgen, die Zeit für Designberatungen verkürzen und die Konversionsraten verbessern.
Ein neuer Marketingkanal
Deck Designer stärkt die Markenbekanntheit und schafft neue Marketingkanäle sowie Ideen zur Vermarktung ihrer Produkte.
Aus Sicht des Kunden
Sie haben unsere Bedürfnisse hervorragend verstanden, obwohl sie als Außenstehende mit Branchen arbeiten, an die sie gewohnt sind. Die Kommunikation funktionierte reibungslos, obwohl wir ein US-amerikanischer Hersteller sind und sie ein europäischer Entwickler.
Matt WoodE-Commerce-Projektmanager · Wise Company
Was ein solches Projekt heute zusätzlich bieten würde
Die obige Beschreibung entspricht der tatsächlich damaligen Umsetzung. Ein Team, das heute mit demselben Projekt startet, hätte zusätzlich diese Möglichkeiten:
- Mit KI einen Ausgangspunkt erstellen. Simplio3D kann aus einer Produktbeschreibung einen funktionierenden Konfigurator generieren, und der KI-Assistent kann ein bestehendes Projekt auf die Abdeckung von Optionen sowie Lücken in der bedingten Logik prüfen.
- Einen KI-Agenten über MCP anbinden. Der MCP-Server ermöglicht es einem Assistenten wie Claude, sich mit einem eingeschränkten Token zu verbinden und reale Projekte zu prüfen — etwa ein Modell zu analysieren, bedingte Logik auszuwerten oder einen Preis zu berechnen — innerhalb eines Modells mit kontrollierten Schreibzugriffen, das Änderungen vor ihrer Anwendung vorschlägt.
Beides war nicht Teil der ursprünglichen Umsetzung.
Verkaufen über Shopify?
Die Shopify-Integration unterstützt jetzt Warenkorb-Links, Entwurfsbestellungen mit Preisüberschreibungen und SKU-abgeglichene Warenkörbe mit mehreren Positionen.
3D-Commerce entwickeln, bereitstellen und skalieren.
Nutzen Sie einen 3D-Produktkonfigurator, um den Verkauf zu steigern und direkt über Ihre Website Angebote zu erstellen.
Ähnliche Fallstudien
Medalounger: ein Konfigurator für Esszimmerstühle für Website, Showroom und Messen
Medalounger, der belgische Hersteller von MODULAX-Möbeln, entwickelte 51 Stuhlkonfiguratoren auf Basis einer Bibliothek mit 161 Materialien – für seine Website, seinen Showroom und seinen Stand auf Möbelmessen.
Dero: Ein 3D-Fahrradständer-Konfigurator ohne Programmierung eingebunden
Dero, ein Unternehmen von PlayCore, hat auf sieben Seiten für Fahrradständer einen 3D-Viewer ergänzt: Besucher wählen eine Befestigung, fügen einen Anlehnbügel hinzu und testen 22 Oberflächen in 3D. Kein Warenkorb, kein Formular und kein Programmieraufwand für die Einbindung.
Fanbedarf.de: ein 3D-Jackenkonfigurator für Fanclub-Trainingsjacken
Fanbedarf.de, eine Werkstatt für Vereinsbekleidung in Nürnberg, hat einen 3D-Jackenkonfigurator eingeführt: vier Trainingsjackenmodelle, 17 Stofffarben für jeden Teil der Jacke und eine unverbindliche Anfrage.