Erstelle deinen eigenen 3D-Konfigurator

Konfiguratoren bezeichnen eine Szene oder ein Objekt mit einer Reihe von interaktiven Kontrollpunkten, die es Nutzern ermöglichen, zu interagieren und zusätzliche Informationen, Optionen und Produktvariationen zu entdecken.

Die Interaktion mit einem Produktkonfigurator kann der entscheidende Faktor auf dem Weg zum Kauf sein. Er ist auch das ideale Tool, um ein Produktdesign zu präsentieren, das ein Unternehmen verändern kann. Er ist voller Informationen und dennoch nutzerorientiert.

Mit Vectary kannst du sie jetzt schnell erstellen – mit dem zusätzlichen Vorteil, sie direkt im Web einbetten zu können.

Was kannst du in einem 3D-Konfigurator gestalten?

Ein 3D-Konfigurator lässt sich mithilfe von drei Tools erstellen: Floating UIs und Inhaltselemente, Hotspots und der Object Switcher. Dies sind die interaktiven und anpassbaren Komponenten.

Floating UI

Floating UI ist ein Container für den Inhalt des Konfigurators. Die Anzeige-Einstellungen lassen sich je nach anzuzeigendem Inhalt anpassen. UI-Content-Elemente sind Blöcke in der Floating UI, die verschiedene Arten von Daten anzeigen: Materialien, Farben, Objektlisten, Bilder, Text und Buttons. Jedes Element benötigt ein eigenes Design, um auf User-Interaktionen zu reagieren.

Hotspot

Ein Hotspot ist ein Trigger, um die Floating UI einzublenden. Der Hotspot selbst lässt sich anpassen: Position, Design, Animation.

Object Switcher

Object Switcher ist ein Tool, mit dem sich ganze Objekte oder Objektgruppen – inklusive Lichtquellen und Hotspots – einblenden, ausblenden oder umschalten lassen.

Welche Vorteile bieten Konfiguratoren?

Mit Konfiguratoren lässt sich das volle Potenzial der Kombination aus 3D-Design und Web ausschöpfen, um Kunden zu begeistern oder geschäftliche Anforderungen zu erfüllen. Die Interaktion mit dem Produkt im 3D-Viewer ist der beste Weg, ein unvergessliches User-Erlebnis zu schaffen.

Zudem lassen sich Konfiguratoren in den gesamten Produktdesign-Prozess integrieren: von Brainstorming und User Research über Prototyping und Spezifikationserstellung bis hin zu Mustertests.

Konfiguratoren machen selbst einfache 3D-Web-Embeds noch ansprechender. Hotspots beispielsweise sind vollständig anpassbare Elemente: Mithilfe von Lottie-Dateien und GIFs als animierte Materialien lassen sie sich in individuell animierte Icons verwandeln.

Wo lassen sich Konfiguratoren einsetzen?

E-Commerce

E-Commerce ist der erste und naheliegendste Bereich für einen Produktkonfigurator. Er steigert das Engagement, indem er zur direkten Interaktion mit dem Produkt einlädt. User können Farben, Materialien und sogar Objektteile anpassen, um ihre bevorzugte Option zu wählen. Jede Interaktion lässt sich so konfigurieren, dass nicht nur ästhetische Optionen, sondern auch Funktionen dargestellt werden. Kaufentscheidungen werden online getroffen – Produktkonfiguratoren beschleunigen diesen Entscheidungsprozess.

Produktpräsentationen

Produktpräsentationen lassen sich mit einem Konfigurator aufwerten. Er kann verschiedene Arten von Informationen anzeigen, ohne viel Platz auf der Seite einzunehmen. Es lassen sich kurze oder lange Textbeschreibungen sowie Links zu relevanten Seiten hinzufügen. Zudem kann die Modularität eines Produkts gezeigt werden, indem Verbindungselemente hinzugefügt oder entfernt werden. Die Präsentation ist nicht auf Produkte beschränkt – sie kann komplette Szenen und Umgebungen umfassen, wie sie in der Architektur, im Landschaftsbau, in der Mode und in zahlreichen B2B-Branchen verwendet werden.

Prototypen

Ein Produktkonfigurator kann als möglicher Ersatz für einen Prototyp dienen. Er ermöglicht eine 3D-Studie einer Idee ganz ohne Produktionsaufwand. Die ideale Lösung für alle, die ihre Entwürfe zur Projektfinanzierung auf Plattformen wie Kickstarter präsentieren. Der Konfigurator liefert Visualisierung und Informationen ganz ohne echten Prototyp – in einem Format, das sich leicht auf jeder Website einbetten lässt. Zudem lässt sich deine konfigurierbare Produktpräsentation in Pitch, Miro oder Notion einbetten.

Lernwerkzeuge

Die Nutzung von Konfiguratoren als Lernwerkzeuge erfreut sich ebenfalls wachsender Beliebtheit. Das Modell des digitalen Klassenzimmers eignet sich nicht nur für Schulen, sondern auch intern für Unternehmen und Organisationen. Das Highlight dabei: User können eine Szene eigenständig erkunden und Informationen direkt in dieser 3D-Umgebung entdecken. Ausführliche Textinformationen können so problemlos mehrere bisher benötigte Seiten ersetzen.

Beispiele für 3D-Produktkonfiguratoren

Sieh dir diese Beispiele für 3D-Konfiguratoren an. Einige davon wurden als Beispielprojekte in Vectary erstellt, sodass du sie in deinen Vectary-Workspace klonen, in Vectary Studio öffnen und lernen kannst, wie sie erstellt wurden.

Ein Haartrockner-Konfigurator mit modularen Interaktionen und Annotationen.

Ein Schnallen-Konfigurator mit Hotspot-Interaktionen und Material Switcher.

Ein 3D-Kinderwagen-Konfigurator mit Material Switcher, Floating UI, Interaktionen und Animationen.

Ein 3D-Drohnen-Konfigurator mit Material Switchern, Floating UI und einer 3D-On-Click-Animation.

Ein 3D-Kopfhörer-Konfigurator mit Floating UI, bei dem die gesamte Szene als Object Switcher eingerichtet wurde.

Eine 3D-Kopfhörer-Konfigurator-Demo aus dem Vectary-Tutorial, die individuell animierte Hotspots mit Material Switcher und Annotationen zeigt. Plus: ein Object Switcher in der Floating UI zum Ein- und Ausblenden von Zubehör.

Luftreiniger-Konfigurator zeigt individuell animierte Hotspots, die Floating UIs mit Object Switcher, Material Switcher und Annotationen triggern.

Erstelle deinen eigenen 3D-Konfigurator

Mit dem neuesten Feature-Update lassen sich in Vectary intuitive, schnelle und benutzerfreundliche Konfiguratoren erstellen. Sie laufen auf jedem Gerät direkt im Browser – mit selbst erstellten oder importierten Designs. Schau dir für den Einstieg unsere Custom Floating UI Serie an.

Vectary erfordert ein Abonnement für Pro- oder Business-Workspaces, um den Konfigurator online zu teilen oder einzubetten. Vectary bietet auch einen Komplett-Service für Unternehmen, die Produktkonfiguratoren nutzen möchten, aber keine internen Ressourcen haben. In diesem Fall kontaktiere uns.