--- title: "Interaktive 3D-Anwendungen & Produktkonfiguratoren" canonical: https://wavect.io/de/services/interactive-3d-development/ language: de description: "3D-Viewer und Produktkonfiguratoren im Browser: verständliche Bedienung, gültige Optionen, mobile Performance und Anbindung an deine bestehende Anwendung." image: "https://wavect.io/img/general/bak/open_graph_preview.jpg" --- Interaktive 3D-Anwendungen & Produktkonfiguratoren # Produkte in 3D verstehen und passend konfigurieren. Hilf Kunden, Produkte im Browser zu prüfen, Bauteile zu verstehen oder gültige Varianten auszuwählen. Wir verbinden 3D-Szene, Produktregeln und verständliche Steuerung und bieten eine nutzbare Alternative ohne 3D. DIE ZUSAMMENARBEIT ## Eine vollständige Produktentscheidung umsetzen, bevor weitere Szenen hinzukommen. 1. **Interaktion definieren** Festlegen, was Nutzer prüfen, auswählen oder verstehen sollen. 2. **Produktzustand verbinden** Szene, Optionsregeln und umgebende Oberfläche synchron halten. 3. **Ablauf nachweisen** Zielgeräte, Fehlerfälle und Übergabe an das nächste System prüfen. DIREKTE ANTWORT Wavect entwickelt interaktive 3D-Viewer, technische Szenen und Produktkonfiguratoren für den Browser. Szenensteuerung und gültige Konfigurationen werden mit einer bestehenden Website, Anwendung oder einem Commerce-Ablauf verbunden. Geeignet für - Produkte, deren Form, Aufbau oder Varianten sich mit flachen Bildern schwer erklären lassen - Teams mit 3D-Assets, die daraus ein interaktives und wartbares Web-Erlebnis machen wollen Andere Ansätze prüfen - Ein statisches Rendering ohne benötigte Interaktion - Kamerabasierte Platzierung oder ein Training für Headsets ## Welche Frage soll die Szene beantworten? Je nach Aufgabe beginnen wir mit einem Viewer, einer beschrifteten Baugruppe oder einem Konfigurator. Wir vereinbaren hilfreiche Kamerapositionen, auswählbare Teile, Maße oder Erklärungen sowie das Zurücksetzen der Ansicht. Die Interaktion wird mit repräsentativer Geometrie erprobt, bevor jede Oberfläche ausgearbeitet wird. Neue oder ungeeignete Modelle gehen in die [3D-Modellierung](/de/services/3d-modelling/). Die Platzierung in einem Kamerabild gehört zur [AR-Entwicklung](/de/services/augmented-reality-development/) und hat eigene Geräte- und Berechtigungsanforderungen. ## Eine verbindliche Quelle für die Optionen Ein Farbwechsel ist einfach, bis Größe, Zubehör und Verfügbarkeit ihn einschränken. Wir erfassen zulässige Kombinationen und die Kennungen, die an die umgebende Anwendung übergeben werden. Szene, Auswahlfelder und schriftliche Zusammenfassung müssen übereinstimmen, auch bei schnellen Änderungen oder beim Wiederherstellen einer gespeicherten Konfiguration. Der Katalog bleibt die Quelle der Produktdatensätze; Änderungen am übergreifenden Datenprozess gehören zum [Produktinformationsmanagement](/de/services/product-information-management/). ## Für die tatsächlich genutzten Mobilgeräte planen Wir vereinbaren repräsentative Geräte, Verbindungsbedingungen sowie messbare Lade- und Interaktionsbudgets. Geometrie, Texturen, Zeichenaufrufe und Renderauflösung werden geprüft; geladen wird, was der Ablauf benötigt. Die [Three.js-Dokumentation zum responsiven Rendering](https://threejs.org/manual/pages/responsive.html) zeigt die Kosten einer übergroßen Renderfläche. Ob etwa Three.js oder Babylon.js passt, hängt von Funktionen und Wartungsumgebung ab. Browserunterstützung, fehlgeschlagene Asset-Downloads und ein verlorener Grafikkontext brauchen festgelegtes Verhalten. ## Die Entscheidung außerhalb der 3D-Fläche ermöglichen Benötigte Aktionen erhalten beschriftete Bedienelemente mit Tastatur- und Touch-Steuerung, die keine präzise Ziehbewegung voraussetzen. Optionsnamen, ausgewählte Werte und wesentliche Erklärungen bleiben in zugänglichem HTML. Wir berücksichtigen reduzierte Bewegung und bieten einen Weg ohne 3D mit Bildern, Beschreibungen und denselben Konfigurationsmöglichkeiten. Die Alternative soll Auswahl und nächsten Schritt erhalten, statt ein leeres Feld oder einen rein dekorativen Screenshot zu zeigen. ## Beispiel für die Abnahme: eine Produktvariante konfigurieren Ein Käufer wählt eine Oberfläche und danach eine Größe, bei der ein Zubehörteil nicht verfügbar ist. Die Oberfläche erklärt den Konflikt, löst ihn nach der vereinbarten Regel und zeigt in Modell und Zusammenfassung dieselbe gültige Kombination. Nach dem Neuladen wird die Auswahl wiederhergestellt. Bei deaktiviertem 3D ist dieselbe Entscheidung über die alternative Oberfläche möglich. Dies ist ein vorgeschlagenes Abnahmeszenario, keine gemessene Conversion-Aussage. ## Szene und Entscheidung nachvollziehbar übergeben Wir definieren die Schnittstelle zur umgebenden Seite, die Konfigurationsdaten, Inhaltsänderungen und die Zuständigkeit für Fehler. Preise und Bestellannahme bleiben serverseitig verbindlich; eine visuelle Auswahl darf Geschäftsregeln nicht umgehen. [E-Commerce-Entwicklung](/de/services/ecommerce-development/) übernimmt Checkout und Bestellprozesse. Zur Übergabe gehören Quellcode, Asset-Verweise, Abhängigkeitsentscheidungen und Deployment-Hinweise. Live-Sensordaten benötigen einen eigenen Integrationsumfang; allein eine 3D-Ansicht ist noch kein operativer digitaler Zwilling. ## Fragen vor dem Start ### Brauchen wir eine App oder ein Headset? Ein Browserviewer oder Konfigurator lässt sich in eine bestehende Website oder Webanwendung einbetten. Zuerst vereinbaren wir unterstützte Browser und Geräte. Kamerabasierte AR und Headset-Erlebnisse sind andere Interaktionsformen mit eigenen Anforderungen. ### Kann das mit unserem Shop oder Kundenportal verbunden werden? Ja, über eine vereinbarte Schnittstelle. Wir ordnen Produktkennungen, gültige Auswahlen und die an das Zielsystem übergebenen Daten zu. Preise, Verfügbarkeit, Berechtigungen und Bestellprüfung bleiben beim zuständigen Geschäftssystem. ### Verbessert 3D unsere Conversion-Rate? Das hängt davon ab, welche Kundenfrage es beantwortet. Wir definieren eine Hypothese und sinnvolle Ereignisse, etwa abgeschlossene Konfigurationen oder geklärte Produktfragen. Ein Pilot kann diese Signale prüfen; ein 3D-Modell allein garantiert keine höhere Conversion. ### Wer aktualisiert später Modelle und Konfigurationsregeln? Das legen wir vor der Umsetzung fest. Ein kleiner, stabiler Katalog kann einen dokumentierten Release-Prozess nutzen; häufige Änderungen können eine Inhalts- oder Produktdatenschnittstelle brauchen. Bearbeitbare Assets, klare Regelverantwortung und ein reproduzierbares Deployment gehören zur vereinbarten Übergabe. ### Woran erkennen wir den Nutzen eines 3D-Konfigurators? Wählt eine unterstützte Entscheidung, etwa Passform oder kompatible Optionen. Beobachtet, ob Kunden sie treffen und weitergehen können. Haltet die gültige Konfiguration außerhalb der Szene verfügbar, damit der Geschäftsablauf auch ohne geladenes 3D funktioniert. ## Mit dem passenden Umfang weiter - [Modelle und Materialvarianten vorbereiten](/de/services/3d-modelling/) - [Digitale Inhalte in der realen Umgebung platzieren](/de/services/augmented-reality-development/) - [Das Erlebnis mit Commerce-Prozessen verbinden](/de/services/ecommerce-development/) ## Structured Data ```json { "@context": "https://schema.org", "@graph": [ { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ], "employee": [ { "@id": "https://wavect.io/team/kevin-riedl/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Kevin Riedl", "url": "https://wavect.io/team/kevin-riedl/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } }, { "@id": "https://wavect.io/team/christof-jori/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Christof Jori", "url": "https://wavect.io/team/christof-jori/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } } ], "founder": [ { "@id": "https://wavect.io/team/kevin-riedl/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Kevin Riedl", "url": "https://wavect.io/team/kevin-riedl/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } }, { "@id": "https://wavect.io/team/christof-jori/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Christof Jori", "url": "https://wavect.io/team/christof-jori/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } } ], "legalRepresentative": [ { "@id": "https://wavect.io/team/kevin-riedl/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Kevin Riedl", "url": "https://wavect.io/team/kevin-riedl/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } }, { "@id": "https://wavect.io/team/christof-jori/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Christof Jori", "url": "https://wavect.io/team/christof-jori/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } } ], "name": "Wavect GmbH", "subjectOf": { "@id": "https://wavect.io/verified-claims.json#dataset", "@type": "Dataset", "creator": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] }, "description": "A machine-readable registry of quantitative and qualitative claims published by Wavect, with review dates, localized page appearances and public third-party citations where available.", "inLanguage": "en", "isAccessibleForFree": true, "license": "https://creativecommons.org/licenses/by/4.0/", "name": "Wavect verified publication claims", "url": "https://wavect.io/verified-claims.json" }, "url": "https://wavect.io/" }, { "@id": "https://wavect.io/team/kevin-riedl/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Kevin Riedl", "sameAs": [ "https://www.wikidata.org/wiki/Q139796365", "https://www.linkedin.com/in/wsdt", "https://github.com/wsdt" ], "url": "https://wavect.io/team/kevin-riedl/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } }, { "@id": "https://wavect.io/team/christof-jori/#person", "@type": "Person", "jobTitle": "Managing Director", "name": "Christof Jori", "sameAs": [ "https://www.wikidata.org/wiki/Q139796367", "https://www.linkedin.com/in/jocr77/", "https://github.com/jo-chris" ], "url": "https://wavect.io/team/christof-jori/", "worksFor": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] } }, { "@id": "https://wavect.io/#website", "@type": "WebSite", "inLanguage": [ "en", "de", "es", "zh" ], "name": "Wavect", "potentialAction": { "@type": "SearchAction", "query-input": "required name=search_term_string", "target": { "@type": "EntryPoint", "urlTemplate": "https://wavect.io/search/?q={search_term_string}" } }, "publisher": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] }, "url": "https://wavect.io/" } ] } ``` ```json { "@context": "https://schema.org", "@graph": [ { "@id": "https://wavect.io/de/services/interactive-3d-development/#service", "@type": "Service", "areaServed": [ { "@type": "Country", "name": "Austria" }, { "@type": "Place", "name": "Worldwide" } ], "category": "Spiele, XR & 3D", "dateModified": "2026-11-01", "description": "3D-Viewer und Produktkonfiguratoren im Browser: verständliche Bedienung, gültige Optionen, mobile Performance und Anbindung an deine bestehende Anwendung.", "name": "Interaktive 3D-Anwendungen & Produktkonfiguratoren", "provider": { "@id": "https://wavect.io/#organization", "@type": [ "Organization", "ProfessionalService", "LocalBusiness" ] }, "serviceType": "Interaktive 3D-Anwendungen & Produktkonfiguratoren", "url": "https://wavect.io/de/services/interactive-3d-development/" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": "https://wavect.io/de/", "name": "Startseite", "position": 1 }, { "@type": "ListItem", "item": "https://wavect.io/de/services/overview/", "name": "Leistungen", "position": 2 }, { "@type": "ListItem", "item": "https://wavect.io/de/services/overview/#games-xr-3d", "name": "Spiele, XR & 3D", "position": 3 }, { "@type": "ListItem", "item": "https://wavect.io/de/services/interactive-3d-development/", "name": "Interaktive 3D-Anwendungen & Produktkonfiguratoren", "position": 4 } ] }, { "@id": "https://wavect.io/de/services/interactive-3d-development/#webpage", "@type": "WebPage", "dateModified": "2026-11-01", "description": "3D-Viewer und Produktkonfiguratoren im Browser: verständliche Bedienung, gültige Optionen, mobile Performance und Anbindung an deine bestehende Anwendung.", "inLanguage": "de", "isPartOf": { "@id": "https://wavect.io/#website", "@type": "WebSite" }, "mainEntity": { "@id": "https://wavect.io/de/services/interactive-3d-development/#service" }, "name": "Interaktive 3D-Anwendungen & Produktkonfiguratoren", "url": "https://wavect.io/de/services/interactive-3d-development/" } ] } ``` ```json { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "acceptedAnswer": { "@type": "Answer", "text": "Ein Browserviewer oder Konfigurator lässt sich in eine bestehende Website oder Webanwendung einbetten. Zuerst vereinbaren wir unterstützte Browser und Geräte. Kamerabasierte AR und Headset-Erlebnisse sind andere Interaktionsformen mit eigenen Anforderungen." }, "name": "Brauchen wir eine App oder ein Headset?" }, { "@type": "Question", "acceptedAnswer": { "@type": "Answer", "text": "Ja, über eine vereinbarte Schnittstelle. Wir ordnen Produktkennungen, gültige Auswahlen und die an das Zielsystem übergebenen Daten zu. Preise, Verfügbarkeit, Berechtigungen und Bestellprüfung bleiben beim zuständigen Geschäftssystem." }, "name": "Kann das mit unserem Shop oder Kundenportal verbunden werden?" }, { "@type": "Question", "acceptedAnswer": { "@type": "Answer", "text": "Das hängt davon ab, welche Kundenfrage es beantwortet. Wir definieren eine Hypothese und sinnvolle Ereignisse, etwa abgeschlossene Konfigurationen oder geklärte Produktfragen. Ein Pilot kann diese Signale prüfen; ein 3D-Modell allein garantiert keine höhere Conversion." }, "name": "Verbessert 3D unsere Conversion-Rate?" }, { "@type": "Question", "acceptedAnswer": { "@type": "Answer", "text": "Das legen wir vor der Umsetzung fest. Ein kleiner, stabiler Katalog kann einen dokumentierten Release-Prozess nutzen; häufige Änderungen können eine Inhalts- oder Produktdatenschnittstelle brauchen. Bearbeitbare Assets, klare Regelverantwortung und ein reproduzierbares Deployment gehören zur vereinbarten Übergabe." }, "name": "Wer aktualisiert später Modelle und Konfigurationsregeln?" }, { "@type": "Question", "acceptedAnswer": { "@type": "Answer", "text": "Wählt eine unterstützte Entscheidung, etwa Passform oder kompatible Optionen. Beobachtet, ob Kunden sie treffen und weitergehen können. Haltet die gültige Konfiguration außerhalb der Szene verfügbar, damit der Geschäftsablauf auch ohne geladenes 3D funktioniert." }, "name": "Woran erkennen wir den Nutzen eines 3D-Konfigurators?" } ], "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".faq-question", ".faq-answer" ] } } ```