Konfigurator lamp 3D: zmiana koloru na żywo | JSON Crew

Konfigurator produktu 3D

Demo konfiguratora produktu 3D: lampa stołowa w przeglądarce, obrót 360° i zmiana kształtu, materiałów i światła na żywo.

Demo na żywo · w przeglądarce

Konfigurator produktu 3D: model w przeglądarce i recolor materiałów na żywo

Obracasz lampę w przeglądarce i zmieniasz ją część po części: kształt i materiał klosza, formę i wykończenie podstawy, wysokość, okucia, kabel i barwę światła. Bez przeładowania strony, bez podmiany zdjęć. W docelowym wdrożeniu podpinamy Twoje produkty, palety materiałów i reguły wariantów.

Konfigurator lamp 3D: od zdjęcia produktu do wariantu, który klient ogląda z każdej strony

Poradnik dla producentów lamp, mebli i dekoracji, którzy rozważają konfigurator lamp 3D na stronie lub w sklepie. Odpowiadamy na pytania o materiały, wierność kolorów, powiązanie wariantów z kodami produktów i o to, jak wykorzystać model 3D poza samym konfiguratorem.

Jak przygotować produkt do modelowania

Model 3D można zbudować z różnych źródeł. Najlepszy punkt wyjścia to pliki CAD z działu konstrukcyjnego, bo mają dokładne wymiary. Gdy ich nie ma, wystarczą zdjęcia i rysunek wymiarowy. Lampa w demie powyżej jest zbudowana parametrycznie z wymiarów katalogowych, więc brak dokumentacji CAD nie zamyka tematu.

Niezależnie od źródła warto przygotować:

  • wymiary gabarytowe i kluczowe proporcje (wysokość, średnica klosza, szerokość podstawy),
  • zdjęcia produktu z kilku stron w neutralnym świetle,
  • próbki lub zdjęcia makro materiałów: drewna, metalu, tkaniny klosza,
  • listę części, które klient ma zmieniać niezależnie od siebie.

Ostatni punkt decyduje o tym, jak model zostanie podzielony. W demie osobno zmieniają się klosz, podstawa, okucia i kabel. Jeśli dziś sprzedajesz lampę w dwóch kolorach, a jutro chcesz osobno zmieniać klosz i oprawkę, lepiej powiedzieć o tym przed modelowaniem. Późniejszy podział gotowego modelu jest możliwy, ale zwykle oznacza ponowną pracę nad siatką i materiałami.

Materiały i wierność kolorów na ekranie

Kolor w przeglądarce zawsze zależy od ekranu klienta, jasności i ustawień telefonu. Nie da się tego w pełni kontrolować, ale da się ograniczyć rozjazd. Materiały warto budować na wzornikach producenta, a nie na kolorach dobranych „na oko” z palety.

Dla lamp szczególnie ważne są materiały, które reagują na światło: mosiądz, chrom, szkło mleczne, tkanina. Płaski kolor nie odda różnicy między metalem szczotkowanym a polerowanym. Tu przydają się materiały z odbiciami i fakturą. W interfejsie dobrze sprawdza się krótka uwaga, że kolor jest poglądowy, oraz opcja zamówienia próbki dla wykończeń premium.

Przy lampach dochodzi jeszcze jedno pytanie: czy pokazywać lampę zapaloną. Podgląd świecącego klosza dobrze sprzedaje nastrój, ale zmienia odbiór koloru materiału. Dobrym rozwiązaniem jest przełącznik „włączona / wyłączona”, który pozwala klientowi zobaczyć oba stany tego samego wariantu.

Konfigurator lamp 3D a sklep internetowy: warianty i kody produktów

Konfigurator w sklepie musi wiedzieć, jaki produkt trafia do koszyka. Najprostszy przypadek to sytuacja, w której każda kombinacja ma własny kod SKU. Przy kilku częściach i kilkunastu kolorach liczba kombinacji szybko rośnie, a zakładanie każdej w sklepie przestaje mieć sens.

Model danychKiedy pasujeCo trafia do koszyka
Gotowe warianty SKUMało kombinacji, produkcja na magazynKonkretny kod produktu
Produkt bazowy z opcjamiDużo kombinacji, produkcja na zamówienieProdukt bazowy i lista wybranych opcji z dopłatami
Zapytanie zamiast koszykaProdukty premium, zamówienia projektoweKonfiguracja wysłana do handlowca

Wybór modelu danych warto ustalić przed budową, bo wpływa na integrację ze sklepem i z systemem zamówień. Często kończy się na wariancie mieszanym: popularne kombinacje jako gotowe SKU, reszta jako zamówienie z opcjami.

W każdym z tych modeli konfigurator lamp 3D powinien przekazywać do koszyka lub zapytania czytelny opis wybranej kombinacji, a najlepiej także miniaturę wariantu. Dzięki temu obsługa zamówień i klient widzą to samo i nie ma sporów o to, który kolor był wybrany.

Wydajność i SEO strony z modelem 3D

Strona z konfiguratorem nadal musi szybko się ładować i być czytelna dla wyszukiwarek. Model z pliku źródłowego po optymalizacji waży zwykle 1–3 MB zamiast ponad 100 MB, a lampa w demie powyżej, budowana z parametrów, jeszcze mniej. To pokazuje skalę różnicy, jaką daje przygotowanie assetów pod przeglądarkę. Przy katalogu z kilkunastoma lampami ta różnica decyduje o tym, czy klient na telefonie w ogóle zobaczy model, czy zamknie stronę przed jego załadowaniem.

Kilka praktyk, które warto zaplanować od początku:

  • statyczne zdjęcie produktu widoczne od razu, a model doładowany w tle,
  • opis produktu, parametry i dane techniczne jako zwykły tekst na stronie, nie tylko w interfejsie konfiguratora,
  • osobny adres URL lub parametr dla zapisanej konfiguracji, żeby klient mógł ją komuś wysłać,
  • testy na słabszym telefonie i wolniejszym łączu, a nie tylko na komputerze w biurze.

Jeden model, wiele zastosowań

Model zbudowany do konfiguratora nie musi pracować tylko w nim. Z tego samego pliku można generować zdjęcia packshot w każdym kolorze, grafiki do katalogu, obrazy do kampanii reklamowych i podgląd w PDF z ofertą. Dla wielu firm to argument, który przesądza o opłacalności: koszt modelu rozkłada się na kilka działów.

Model można też przygotować do podglądu w rozszerzonej rzeczywistości, żeby klient sprawdził skalę lampy we własnym wnętrzu. To osobny etap, ale łatwiej go dodać, gdy model od początku powstaje z myślą o wielu formatach.

Kiedy zacząć i jak dobrać zakres pierwszego etapu

Konfigurator lamp 3D najlepiej zacząć od jednej kolekcji, która sprzedaje się dobrze i ma najwięcej wariantów kolorystycznych. Taki etap pozwala sprawdzić, czy klienci korzystają z podglądu, ile konfiguracji kończy się zapytaniem lub zakupem i które materiały wybierają najczęściej.

Na tej podstawie łatwiej zdecydować, czy dokładać kolejne modele, rozbudowywać reguły cenowe, czy inwestować w integrację ze sklepem. Kolejność rozwoju wynika wtedy z danych, a nie z założeń przyjętych przed startem. Pierwszy etap pozwala też sprawdzić współpracę: jak szybko powstają kolejne modele, ile poprawek wymagają materiały i jak sprawnie Twój zespół obsługuje panel.

Jeśli Twoja oferta to systemy oświetlenia, a nie pojedyncze lampy, zobacz konfigurator oświetlenia 3D. Wstępny zakres i budżet projektu oszacujesz w estymatorze kosztów konfiguratora, a o swoim katalogu możesz porozmawiać z nami przez formularz kontaktowy.

Najczęściej zadawane pytania

Skąd bierze się model 3D, jeśli nie mamy własnych plików?
Modelujemy je. Lampę na tej stronie zbudowaliśmy parametrycznie z wymiarów katalogowych, z osobnymi częściami i materiałami dla każdej opcji, a produkty o nieregularnych kształtach modelujemy ze zdjęć referencyjnych. Jeśli masz już własne pliki 3D, integrujemy je bezpośrednio. Wyceniamy per produkt, a liczbę modeli ustalamy w umowie.
Czy to działa płynnie na telefonie?
Tak. Lampa na tej stronie powstaje z parametrów, więc nie pobiera ciężkiego modelu, ładuje się szybko i renderuje w przeglądarce bez instalowania niczego. Optymalizacja assetów pod urządzenia mobilne jest u nas standardem, nie dodatkiem.
Możemy dodawać kolejne produkty i materiały później?
Tak. Zwykle startujemy od jednej flagowej kategorii i kilku modeli, a katalog rozbudowujemy etapami. Materiały, kolory i reguły wyceny zmieniasz z poziomu panelu administracyjnego, bez faktury do nas za każdą korektę.
Czym różnicie się od gotowej wtyczki do konfiguracji 3D?
Gotowe wtyczki dają generyczny interfejs i zwykle własny abonament. My budujemy dedykowany projekt graficzny, architekturę informacji pod Twój sposób sprzedaży, reguły wyceny i integracje. To narzędzie pod Twój katalog, nie szablon, w który wciskasz produkty.
Czy mogę zobaczyć inne działające konfiguratory?
Tak – to właśnie nasz Showroom: w sekcji /showroom/ masz m.in. konfigurator carportu 3D, konfigurator samochodu 3D (GLB, lakier, felgi), konfigurator domku i konfigurator drzwi 2D. Wszystkie pokazują mechanikę produkcyjną, ten sam kod i wzorce, które działają u naszych klientów. Dane w tym demo są przykładowe.