Three.js na stronie. Kiedy 3D przestaje być efektem „wow” i zaczyna sprzedawać

Efekt „wow” zwiększa engagement, nie konwersję. Trzy realne zastosowania, w których konfigurator produktu 3D zamienia koszt w inwestycję, i trzy sytuacje, w których wyrzucasz pieniądze. Plus: ile to realnie kosztuje i kiedy się zwraca.

Klient wchodzi na kartę Twojego produktu. Cztery zdjęcia w studio, karta „specyfikacja”. Spędza 43 sekundy i wychodzi. Z setki takich osób wracają dwie. Reszta ogląda to samo u konkurencji, bo konkurencja też ma cztery zdjęcia w studio, albo idzie do salonu stacjonarnego. W tym drugim momencie tracisz marżę.

Three.js nie służy do tego, żeby Twoja strona wyglądała efektownie. Three.js służy do tego, żeby klient przestał pytać „a jak to będzie wyglądać u mnie?” i zaczął klikać „kup”.

Co to jest Three.js w dwóch zdaniach

Biblioteka JavaScript, która renderuje grafikę 3D w przeglądarce. Bez pluginów, bez aplikacji, bez pobierania niczego, działa na WebGL, który rozumie każdy telefon i laptop z ostatnich ośmiu lat. Klient obraca produkt palcem, zmienia kolor, wybiera rozmiar, widzi wynik natychmiast. To nie jest eksperymentalna technologia. Three.js stoi za stronami Apple, kampaniami Nike, konfiguratorami BMW.

Challenger: efekt „wow” to pułapka

Typowy brief w agencji marketingowej zaczyna się od słowa „wow”. „Chcemy, żeby strona robiła wow”. Agencja dowiezie: obrotowy logotyp, parallax, cząstki unoszące się w tle, model produktu w centrum. Wygląda ładnie. Efekt u klienta utrzymuje się 15 sekund. Potem nadchodzi moment decyzji zakupowej, i klient dalej musi kliknąć „dowiedz się więcej” albo telefonować do handlowca, żeby zapytać o konfigurację.

Efekt „wow” zwiększa engagement. Nie zwiększa konwersji.

Gdzie 3D zaczyna pracować na Twoją marżę, nie na landing page’u, tylko w środku lejka. Badania Baymard Institute pokazują, że największe straty konwersji w e-commerce wydarzają się na karcie produktu i w koszyku, czyli dokładnie w miejscach, gdzie klient pyta „jak to będzie u mnie wyglądać?”.

Kiedy warto użyć 3D (Three.js) na stronie produktowej?

1. Konfigurator produktu

Produkujesz kuchnie. Klient przychodzi z wymiarami pomieszczenia i preferencją co do koloru. Dziś rozmawia z handlowcem, który rysuje mu to w CAD, przysyła render po trzech dniach, klient mówi „nie, wolę biały”. Kolejne dwa dni. Minął tydzień, klient gada już z dwoma innymi kuchennikami.

Konfigurator produktu 3D w Three.js skraca tę pętlę do minut zamiast dni. Klient sam wybiera fronty, blaty, uchwyty, widzi wynik natychmiast, zapisuje konfigurację linkiem. Handlowiec dostaje gotowy projekt z wyceną, gdy klient jest już psychologicznie związany z wyborem, bo sam go zrobił.

2. Product tour (zwiedzanie produktu)

Sprzedajesz maszyny albo drogi sprzęt B2B. Strona ma ikonki i bullet pointy „wysoka wydajność”, „modułowa konstrukcja”. Klient nie wie, co to znaczy w praktyce. Umawia demo. Demo trwa miesiąc od zapytania do wizyty. W tym czasie konkurencja już rozmawia.

Product tour w Three.js to demo bez handlowca. Klient obraca maszynę, klika na moduł, dostaje wyjaśnienie w kontekście. Otwiera panel serwisowy, widzi, że można dojść do filtra bez demontażu obudowy. Gdy w końcu umawia realne demo, przychodzi z konkretnymi pytaniami. Twój handlowiec nie tłumaczy, co robi maszyna, odpowiada na pytania zdecydowanego klienta.

3. Immersive storytelling dla marek premium

Trzeci przypadek: produkty, których wartość nie jest w specyfikacji. Perfumy, zegarki, alkohol premium, meble designerskie. Tu 3D nie pokazuje funkcji, buduje narrację. Klient scrolluje przez stronę i prowadzi go historia: kadr z warsztatu, zbliżenie na materiał, obrót wokół produktu.

To jedyny przypadek, w którym efekt „wow” ma biznesowe uzasadnienie. Bo Twoja konkurencja to nie inna firma meblarska, konkurencja to myśl klienta „może wydać te 30 tysięcy inaczej”. W tej decyzji emocja wygrywa z logiką. 3D buduje emocję lepiej niż cztery zdjęcia w studio.

Kiedy 3D na stronie NIE ma sensu?

Ważniejsze niż „kiedy robić” jest „kiedy nie robić”. Trzy sytuacje, w których wyrzucasz pieniądze:

Sprzedajesz commodity. Śruby, kable, papier biurowy. Klient nie potrzebuje obracać produktu. Potrzebuje wiedzieć, czy masz na magazynie i za ile. 3D tu nic nie doda, a spowolni stronę, co przy zakupach commodity przekłada się bezpośrednio na utracone zamówienia.

Masz mniej niż 5 tysięcy unikalnych użytkowników miesięcznie. Custom konfigurator MVP zaczyna się od 30 tysięcy złotych, żeby się zwrócił, musisz mieć ruch, na którym kilka procent poprawy konwersji to wymierne zamówienia. Poniżej progu ruchu, kupujesz estetykę, nie sprzedaż.

Nie masz kto utrzymać strony. Three.js to nie wtyczka do WordPressa. Konfigurator wymaga utrzymania, nowe warianty, integracja z katalogiem, aktualizacje modeli. Jeśli Twój zespół IT to jedna osoba od Office 365, a agencja po wdrożeniu znika, lepiej zostawić zdjęcia i zainwestować w fotografię produktową.

Jak robimy to w JSON Crew

Konfiguratory produktowe to nasz core. W ostatnim roku wdrożyliśmy trzy: Akpil (maszyny rolnicze) z konfiguracją setek parametrów per model, Knieja (broń myśliwska) z konfiguracją modelu, osady, drewna, kalibru i akcesoriów, plus jeden projekt z branży budowlanej. Dziesięć firm produkcyjnych korzysta z naszej platformy JSON Hub, która zamienia konfigurację w gotową ofertę do podpisu, bez PDF-a, bez przerzucania maili.

Three.js jest w naszym core stacku razem z Next.js i Nest.js, nie dołączamy go do projektu, tylko budujemy na nim od pierwszego sprintu. Dzięki temu MVP konfiguratora dostarczamy w 8 tygodni. Nie 8 miesięcy.

Najczęstsza rzecz, którą słyszymy po wdrożeniu od klientów: „Myślałem, że najważniejsza jest grafika. Okazało się, że najważniejsza jest logika biznesowa, kto może kupić co, z jakim rabatem, w jakiej kolejności”. 3D to 30% projektu. Reszta to zrozumienie, jak Ty realnie sprzedajesz.

Pytania, które słyszymy najczęściej

„Ile to kosztuje?”

MVP konfiguratora od 30 tysięcy złotych (prosty produkt, kilka parametrów, integracja z jednym źródłem danych). Rozbudowane projekty z setką parametrów i integracją z ERP – do 90 tysięcy. Wszystko fixed price po tygodniu rozmowa wstępna, bez „widełek” i change requestów w trakcie. Budżet dostajesz po 7 dniach, nie po 45-minutowej rozmowie.

„Jak długo to trwa?”

MVP w 8 tygodni od podpisania umowy do produkcji. Pierwszy działający konfigurator w Twoich rękach po 3 tygodniach, wersja na 40%, ale już możesz pokazać klientom i zbierać feedback. Drogę do MVP rozkładamy w sprintach dwutygodniowych, każdy kończy się pokazem, nie slajdem.

„Czy mój produkt pasuje do 3D?”

Pasuje, jeśli klient decyduje o konfiguracji (rozmiar, materiał, kolor, funkcjonalność), i masz ruch na stronie powyżej 5 tysięcy unikalnych użytkowników miesięcznie. Nie pasuje, jeśli sprzedajesz 15 wariantów tego samego i klient chce tylko zobaczyć cenę. Podczas pierwszej rozmowy powiemy wprost, w której grupie jesteś, czasem rekomendacja to „nie budujcie konfiguratora, zróbcie lepsze zdjęcia i kalkulator cenowy”.

Co zrobić, jeśli to Cię interesuje

Zamów 30-minutową rozmowę diagnostyczną. Bezpłatnie. Przyjdziemy przygotowani, pokaż nam swój produkt i proces sprzedaży, a my powiemy, czy 3D ma sens i w którym momencie lejka. Jeśli nie ma sensu, powiemy wprost, gdzie są Twoje realne dźwignie.

Zobacz nasze konfiguratory produktowe →

P.S. Trzy rzeczy, których nie zobaczysz na typowej stronie agencji Three.js, a które decydują o tym, czy projekt się uda: realne czasy ładowania na telefonie klienta (nie na laptopie dewelopera), integracja z Twoim PIM-em i ERP-em zanim zobaczysz pierwszy render, testy z klientem z ulicy zanim puścisz to na produkcję. Bez tych trzech punktów, masz ładny mockup, nie narzędzie sprzedaży.

Najczęstsze pytania