Three.js auf der Webseite. Wann 3D weniger ein „Wow”-Effekt ist und anfängt zu verkaufen

Der „Wow“-Effekt erhöht das Engagement, nicht die Konversion. Drei reale Anwendungen, bei denen ein 3D-Produktkonfigurator Kosten in Investitionen umwandelt, und drei Situationen, in denen Sie Geld wegwerfen. Und: Wie viel kostet es eigentlich und wann rechnet es sich?

Der Kunde geht auf Ihre Produktkarte. Vier Fotos im Studio, Registerkarte „Spec“. Er verbringt 43 Sekunden und geht. Von hundert solchen Menschen kommen zwei zurück. Der Rest schaut sich das Gleiche beim Wettbewerb an, denn auch der Wettbewerb macht vier Fotos im Studio oder geht in einen stationären Showroom. An diesem zweiten Punkt verlieren Sie Ihre 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.

Eine JavaScript-Bibliothek, die 3D-Grafiken im Browser rendert. Keine Plugins, keine Apps, keine Downloads, 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, sieht sofort das Ergebnis. Dies ist keine experimentelle Technologie. Three.js steht hinter Apple-Websites, Nike-Kampagnen und BMW-Konfiguratoren.

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.”. Die Agentur liefert: ein rotierendes Logo, Parallaxe, schwebende Partikel im Hintergrund, ein Produktmodell in der Mitte. Sieht gut aus. Die Wirkung auf den Klienten hält 15 Sekunden an. Dann kommt der Moment der Kaufentscheidung und der Kunde muss noch auf „Mehr erfahren“ klicken oder den Verkäufer anrufen und nach der Konfiguration fragen.

Der „Wow”-Effekt steigert das Engagement. Er steigert nicht die Konversion.

Wo 3D anfängt, Ihre Marge zu steigern, ist nicht auf der Landingpage, sondern in der Mitte des Trichters. Baymard Institute Studien zeigen, dass die größten Conversion-Verluste im E-Commerce auf der Produktseite und im Warenkorb entstehen, also genau dort, wo der Kunde fragt „Wie wird es für mich aussehen?“.

Wann lohnt sich der Einsatz von 3D (Three.js) auf einer Produktwebsite?

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.

3D-Produktkonfigurator w Three.js skracający ten cykl do Minuten statt Tage. Der Kunde wählt die Fronten, Arbeitsplatten und Griffe selbst aus, sieht sofort das Ergebnis und speichert die Konfiguration per Link. Der Verkäufer erhält ein fertiges Projekt mit einem Angebot, wenn der Kunde bereits psychologisch mit der Wahl verbunden ist, weil er sie selbst getroffen hat.

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 das Modul, bekommt eine Erklärung im Kontext. Er öffnet die Serviceklappe und stellt fest, dass der Filter ohne Demontage des Gehäuses erreichbar ist. Als er schließlich eine echte Demo arrangiert, kommt er mit konkreten Fragen. Ihr Verkäufer erklärt nicht, was die Maschine macht, er beantwortet Fragen eines entschlossenen Kunden.

3. Immersive Storytelling für Premium-Marken

Dritter Fall: Produkte, deren Wert nicht in der Spezifikation enthalten ist. Parfüms, Uhren, Premium-Alkohol, Designermöbel. Hier zeigt 3D keine Funktionen, sondern baut eine Erzählung auf. Der Kunde scrollt durch die Website und lässt sich von der Geschichte leiten: eine Aufnahme aus der Werkstatt, eine Nahaufnahme des Materials, ein Rundgang um das Produkt.

Dies ist der einzige Fall, in dem der „Wow“-Effekt eine geschäftliche Berechtigung hat. Denn Ihre Konkurrenz ist kein 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 macht 3D auf einer Website KEINEN Sinn?

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 bei Rohstoffeinkäufen direkt in Auftragsverlusten niederschlägt.

Sie haben weniger als 5.000 Unique Visitors pro Monat. Der Custom Konfigurator MVP startet ab 30.000 ZlotyUm es profitabel zu machen, benötigen Sie Traffic, der sich in messbaren Bestellungen um einige Prozent der Conversion-Verbesserung niederschlägt. Unterhalb der Verkehrsschwelle kaufen Sie Ästhetik, keine Verkäufe.

Du hast niemanden, der die Seite hält. Three.js ist kein WordPress-Plugin. Der Konfigurator erfordert Wartung, neue Varianten, Integration in den Katalog, Modellaktualisierungen. Wenn Ihr IT-Team aus einer Person von Office 365 besteht und die Agentur nach der Implementierung verschwindet, lassen Sie lieber die Fotos und investieren Sie in Produktfotografie.

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, wodurch aus der Konfiguration ein fertiges Angebot zur Signatur wird, ohne PDF, ohne E-Mail-Versand.

Three.js ist Teil unseres Kern-Stacks zusammen mit Next.js und Nest.js, wir hängen es nicht an das Projekt an, wir bauen ab dem ersten Sprint darauf auf. Dank dessen liefern wir den Konfigurator MVP in aus 8 Wochen. Nein, 8 Monate.

Die häufigste Antwort, die wir nach der Einführung von Kunden hören: „Ich dachte, das Wichtigste sei die Grafik. Es stellte sich heraus, dass das Wichtigste die Geschäftslogik war, wer was kaufen kann, mit welchem ​​Rabatt, in welcher Reihenfolge.“. 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 Hunderten von Parametern und Integration mit ERP – bis 90.000. Alles zum Festpreis, nach einer Woche gibt es ein Erstgespräch, ohne Lücken oder Änderungswünsche. 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, 40 %-Version, aber Sie können sie jetzt Ihren Kunden zeigen und Feedback sammeln. Wir unterteilen den Weg zum MVP in zweiwöchige Sprints, die jeweils mit einer Show und nicht mit einer Folie enden.

„Pasuje mój produkt zu 3D?”

Es passt, wenn der Kunde über die Konfiguration (Größe, Material, Farbe, Funktionalität) entscheidet und Sie einen Website-Traffic von über 5.000 Unique Usern pro Monat haben. Noch nie war es 15 Jahre her, dass der Kunde den gleichen Betrag erhielt wie zuvor. Podczas pierwszej rozmowy powiemy wprost, w której grupie jesteś, czasem rekomendacja to „Baut keinen Konfigurator, macht bessere Fotos und einen Preisrechner.”.

Was tun, wenn es Sie interessiert

Bestellen Sie einen 30-minütigen Diagnoseanruf. Frei. Wir sind vorbereitet, zeigen uns Ihr Produkt und Ihren Verkaufsprozess und sagen Ihnen, ob und an welcher Stelle im Funnel 3D sinnvoll ist. Wenn es keinen Sinn ergibt, sagen wir Ihnen direkt, wo Ihr wirklicher Hebel liegt.

Schauen Sie sich unsere Produktkonfiguratoren an →

PS. Drei Dinge, die Sie auf einer typischen Website einer Three.js-Agentur nicht sehen werden und die darüber entscheiden, ob das Projekt erfolgreich sein wird: echte Ladezeiten auf dem Telefon des Kunden (nicht auf dem Laptop des Entwicklers), Integration mit Ihrem PIM und ERP, bevor Sie das erste Rendering sehen, Tests mit einem Straßenkunden, bevor Sie es in die Produktion freigeben. Ohne diese drei Punkte haben Sie ein schönes Modell und kein Verkaufstool.

Häufig gestellte Fragen