Der „Wow-Effekt” steigert das Engagement, nicht die Konversion. Drei reale Anwendungsfälle, bei denen ein 3D-Produktkonfigurator Kosten in eine Investition verwandelt – und drei Situationen, in denen Sie Ihr Geld wegwerfen. Plus: Was es wirklich kostet und wann es sich auszahlt.
Ein Kunde betritt die Produktseite. Vier Studioaufnahmen, die „Spezifikationskarte”. Er verbringt 43 Sekunden und verlässt die Seite. Von hundert solchen Personen kommen zwei zurück. Der Rest sieht sich dasselbe beim Wettbewerber an – denn der Wettbewerber hat ebenfalls vier Studioaufnahmen – oder geht in ein physisches Geschäft. In letzterem Fall verlieren Sie Marge.
Three.js Three.js dient nicht dazu, Ihre Website optisch aufzuwerten. Three.js dient dazu, dass der Kunde aufhört zu fragen: „Und wie sieht das bei mir aus?” und stattdessen „Kaufen” klickt.
Three.js ist eine JavaScript-Bibliothek, die es Ihnen ermöglicht, 3D-Grafiken und Animationen im Webbrowser zu erstellen. Sie verwendet WebGL, um hardwarebeschleunigte 3D-Grafiken darzustellen, ohne Plugins verwenden zu müssen.
Prüfe, ob der Konfigurator bei dir Sinn ergibt
Umfrage 15 Fragen (3 Min.). Nach dem Ausfüllen wissen wir beide, ob es Gesprächsstoff gibt.
Eine JavaScript-Bibliothek, die 3D-Grafiken im Browser rendert. Ohne Plugins, ohne Apps, ohne das Herunterladen von etwas – sie läuft auf WebGL, das jedes Telefon und jeden Laptop der letzten acht Jahre versteht. Der Kunde dreht das Produkt mit dem Finger, ändert die Farbe, wählt die Größe und sieht das Ergebnis sofort. Dies ist keine experimentelle Technologie – Three.js steht hinter den Seiten von Apple, den Kampagnen von Nike und den Konfiguratoren von BMW.
Herausforderer: Der „Wow-Effekt” ist eine Falle
Ein typischer Brief in einer Marketingagentur beginnt mit dem Wort „wow”. „Wir wollen, dass die Website wow sagt.”. Agenturprogramm: rotierendes Logo, Parallaxe, schwebende Partikel im Hintergrund, Produktmodell im Zentrum. Das sieht gut aus. Der Effekt beim Kunden hält 15 Sekunden an. Danach kommt der Moment der Kaufentscheidung – und der Kunde muss weiter auf „Mehr erfahren” klicken oder den Vertriebsmitarbeiter anrufen, um sich nach der Konfiguration zu erkundigen.
Der „Wow”-Effekt steigert das Engagement. Er steigert nicht die Konversion.
Wo 3D daran arbeitet, Ihre Marge zu verbessern – nicht auf der Landingpage, sondern im Mittelteil des Funnels. Baymard Institute Studien Sie zeigen, dass die größten Konversionsverluste im E-Commerce auf der Produktseite und im Warenkorb auftreten – also genau dort, wo der Kunde fragt: „Wie sieht das bei mir aus?”.
Drei Anwendungen, die die Kosten von 3D zurückbringen
1. Produktkonfigurator
Du stellst Küchen her. Ein Kunde kommt mit den Maßen des Raumes und einer Farbpräferenz. Heute spricht er mit einem Verkäufer, der es ihm in CAD zeichnet, und sendet ihm nach drei Tagen ein Rendering, der Kunde sagt „nie, wolę biały”. Die nächsten zwei Tage. Eine Woche ist vergangen, der Kunde spricht bereits mit zwei anderen Küchenbauern.
Konfigurator produktu 3D w Three.js skracający ten cykl do Minuten statt Tage. Der Kunde wählt selbst Fronten, Arbeitsplatten und Griffe, sieht das Ergebnis sofort und speichert die Konfiguration per Link. Der Händler erhält ein fertiges Projekt mit einem Angebot, wenn der Kunde aufgrund seiner eigenen Wahl bereits psychologisch gebunden ist.
2. Produktbesichtigung
Sie verkaufen Maschinen oder teure B2B-Geräte. Die Seite hat Icons und Bullet Points. „Hohe Leistung, Modulares Design”. Der Klient weiß nicht, was das in der Praxis bedeutet. Er vereinbart eine Demo. Die Demo dauert einen Monat vom Anfragen bis zum Besuch. In dieser Zeit spricht die Konkurrenz bereits.
Produkt-Tour mit Three.js Demo ohne Handelsvertreter. Der Kunde dreht die Maschine, klickt auf ein Modul, erhält eine kontextbezogene Erklärung. Er öffnet die Serviceklappe, sieht, dass der Filter ohne Ausbau des Gehäuses zugänglich ist. Wenn er schließlich eine reale Demo vereinbart, kommt er mit konkreten Fragen. Ihr Händler erklärt nicht, was die Maschine tut – er beantwortet die Fragen des entschlossenen Kunden.
3. Immersive Storytelling für Premium-Marken
Der dritte Fall: Produkte, deren Wert nicht in der Spezifikation liegt. Parfüm, Uhren, Premium-Alkohol, Designermöbel. Hier zeigt 3D keine Funktionen – es baut eine Erzählung auf. Der Kunde scrollt durch die Seite und wird von einer Geschichte geführt: Ein Bild aus der Werkstatt, eine Nahaufnahme des Materials, eine Drehung um das Produkt.
Dies ist der einzige Fall, in dem der „Wow”-Effekt geschäftlich gerechtfertigt ist. Denn Ihre Konkurrenz ist nicht ein anderes Möbelunternehmen – die Konkurrenz ist der Gedanke des Kunden. „kann diese 30.000 anders ausgeben”. In dieser Entscheidung gewinnt die Emotion über die Logik. 3D baut die Emotion besser auf als vier Studioaufnahmen.
Wann Three.js KEINEN Sinn ergibt
Wichtiger als „wann man etwas tut” ist „wann man etwas nicht tut”. Drei Situationen, in denen Sie Geld verschwenden:
Sie verkaufen eine Ware. Schrauben, Kabel, Büropapier. Der Kunde muss das Produkt nicht drehen. Er muss wissen, ob Sie es auf Lager haben und wie viel es kostet. 3D fügt hier nichts hinzu, und die Seite verlangsamen – was sich beim Rohwareneinkauf direkt in entgangenen Aufträgen niederschlägt.
Sie haben weniger als 5.000 Unique Visitors pro Monat. Der Custom Konfigurator MVP startet ab 30.000 Zloty damit es sich lohnt, brauchst du Traffic, bei dem ein paar Prozent Verbesserung der Konversionsrate messbare Bestellungen bedeuten. Unterhalb des Traffic-Schwellenwerts kaufst du Ästhetik, keinen Verkauf.
Du hast niemanden, der die Seite hält. Three.js ist kein WordPress-Plugin. Ein Konfigurator erfordert Wartung – neue Varianten, Katalogintegration, Modellaktualisierungen. Wenn Ihr IT-Team aus einer einzigen Person für Office 365 besteht und die Agentur nach der Implementierung verschwindet – dann ist es besser, bei Fotos zu bleiben und in Produktfotografie zu investieren.
Wie machen wir das in JSON Crew
Produktkonfiguratoren sind unser Kern. Im letzten Jahr haben wir drei implementiert: Akpil (Landmaschinen) mit der Konfiguration Hunderter von Parametern pro Modell, Knieja (Waffe für die Jagd) mit der Konfiguration von Modell, Schaft, Holz, Kaliber und Zubehör, plus einem Projekt aus dem Baugewerbe. Zehn Produktionsunternehmen nutzen unsere Plattform JSON-Hub, die die Konfiguration in ein unterschriftsreifes Angebot verwandelt – ohne PDF, ohne E-Mail-Hin und Her.
Three.js ist Teil unseres Kern-Stacks zusammen mit Next.js und Nest.js – wir fügen ihn nicht zum Projekt hinzu, sondern bauen von Anfang an darauf auf. Dadurch liefern wir das MVP des Konfigurators in 8 Wochen. Nein, 8 Monate.
Die häufigste Antwort, die wir nach der Einführung von Kunden hören: „Ich dachte, die Grafik sei das Wichtigste. Es stellte sich heraus, dass die Geschäftslogik das Wichtigste ist – wer was mit welchem Rabatt in welcher Reihenfolge kaufen darf.”. 3D bis 30% des Projekts. Der Rest ist zu verstehen, wie Sie wirklich verkaufen.
Die am häufigsten gestellten Fragen
„Wie viel kostet das?”
MVP des Konfigurators von 30.000 Złoty (einfaches Produkt, wenige Parameter, Integration mit einer Datenquelle). Umfangreiche Projekte mit hundert Parametern und ERP-Integration – bis 90.000. Alles Festpreis nach einer Woche Discovery, ohne „Spannen” und Änderungsanträge zwischendurch. Das Budget erhalten Sie nach 7 Tagen, nicht nach einem 45-minütigen Gespräch.
„Wie lange dauert das?”
MVP w 8 Wochen von der Vertragsunterzeichnung bis zur Produktion. Der erste funktionierende Konfigurator liegt nach 3 Wochen – Version für 40%, aber Sie können sie bereits Kunden zeigen und Feedback sammeln. Wir legen den Weg zum MVP in zweiwöchentlichen Sprints fest – jeder endet mit einer Präsentation, nicht mit Folien.
„Pasuje mój produkt zu 3D?”
Pasuje, wenn der Kunde über die Konfiguration entscheidet (Größe, Material, Farbe, Funktionalität) – und Sie über 5.000 Unique Visitors pro Monat auf Ihrer Website haben. Es passt nicht, wenn Sie 15 Varianten desselben Produkts verkaufen und der Kunde nur den Preis sehen möchte. Im ersten Gespräch werden wir Ihnen direkt sagen, in welche Gruppe Sie fallen – manchmal ist die Empfehlung „Baut keinen Konfigurator, macht bessere Fotos und einen Preisrechner.”.
Was tun, wenn es Sie interessiert
Buchen Sie ein 30-minütiges Diagnosegespräch. Kostenlos. Wir werden vorbereitet sein – zeigen Sie uns Ihr Produkt und Ihren Verkaufsprozess, und wir werden Ihnen sagen, ob 3D sinnvoll ist und an welcher Stelle des Trichters. Wenn es keinen Sinn ergibt – werden wir Ihnen offen sagen, wo Ihre wirklichen Hebel liegen.
Schauen Sie sich unsere Produktkonfiguratoren an →
PS. Drei Dinge, die Sie auf einer typischen Three.js-Agenturseite nicht sehen, aber darüber entscheiden, ob ein Projekt erfolgreich ist: 1. Echtzeit-Ladezeiten auf dem Telefon des Kunden (nicht auf dem Laptop des Entwicklers) 2. Integration mit Ihrem PIM und ERP, bevor Sie das erste Rendering sehen 3. Tests mit einem zufälligen Kunden, bevor Sie es in die Produktion geben Ohne diese drei Punkte haben Sie einen hübschen Mockup, kein Verkaufsinstrument.
