
Konfigurator garniturów online - klient przychodzi do salonu już zdecydowany
Klient: Signor Leone
Branża: Moda / FashionTech
Projektujemy konfiguratory produktów online, które prowadzą klienta przez wybór wariantów, pilnują zgodności opcji i mogą automatycznie wyliczać cenę. W zależności od produktu tworzymy konfiguratory 2D, 3D lub rozwiązania oparte na parametrach i specyfikacji. Konfigurator sprawdza się szczególnie tam, gdzie liczba dostępnych wariantów utrudnia sprzedaż za pomocą standardowej karty produktu.
Firmy które nam zaufały
Podstawy
Konfigurator pozwala klientowi złożyć produkt z dostępnych opcji i zobaczyć wynik, zanim zamówi. Sens ma tam, gdzie wariantów jest tyle, że nie da się ich pokazać jako osobnych produktów — meble na wymiar, maszyny, okna, systemy regałowe, produkty personalizowane. Wartość powstaje w dwóch miejscach naraz. Klient przestaje pytać, czy da się w takim rozmiarze. Handlowiec przestaje wyceniać ręcznie warianty, które i tak wynikają z cennika. Jeśli u Ciebie żadna z tych rzeczy nie zabiera czasu, konfigurator będzie ładnym dodatkiem, który niewiele zmieni.
Wersja 3D robi największe wrażenie i jest najdroższa. Bywa niezbędna tam, gdzie wygląd rozstrzyga o zakupie; przy produktach technicznych często wystarczy rzetelny podgląd 2D z jasną specyfikacją — klient i tak decyduje na podstawie wymiarów i ceny.

Klient: Signor Leone
Branża: Moda / FashionTech
„System, który dla nas stworzyli, jest na dobrej drodze, żeby się zwrócić — ogólnie jesteśmy zadowoleni. To mniejsza firma, dzięki czemu mogą skupić się na nas i elastycznie dopasować się do naszych potrzeb.”
Michał Molicki — Co-Owner, Grow Creator
Opinia z Clutch (tłum. z angielskiego)
Przebieg
Punktem wyjścia nie jest grafika, tylko reguły: które opcje wykluczają się wzajemnie, które wymuszają inne, jak liczy się cena, co jest niedostępne w jakim wariancie. Ten zestaw zasad zwykle istnieje w firmie w głowach handlowców i spisanie go jest najtrudniejszym etapem projektu. Potem budujemy silnik reguł, podgląd i wycenę, podłączamy to do sklepu albo do procesu ofertowego. Na końcu — testy z realnymi konfiguracjami, w tym takimi, które nie powinny być możliwe; konfigurator, który pozwala złożyć produkt niewykonalny, kosztuje więcej niż jego brak.
Po Twojej stronie są reguły, cennik i materiały wizualne opcji. Po naszej stronie silnik, interfejs, wycena i integracja.
Na czas wpływa liczba reguł zależnych, nie liczba opcji. Sto niezależnych opcji jest prostsze niż dwadzieścia, z których każda zmienia dostępność pozostałych.
Decyzje
2D czy 3D. 3D wymaga modeli każdego wariantu i wydajnego renderowania w przeglądarce — koszt rośnie skokowo, a na słabszym telefonie efekt bywa gorszy niż dobry obraz 2D. Warto zacząć od 2D i sprawdzić, czy klienci pytają o więcej.
Czy konfigurator kończy się ceną. Pokazanie ceny na końcu wymaga, żeby cennik obejmował wszystkie kombinacje — także te rzadkie. Jeśli tak nie jest, uczciwiej zakończyć zapytaniem ofertowym niż podać liczbę, którą handlowiec potem koryguje.
Ile kroków. Każdy dodatkowy krok to część klientów, która odpada. Warto zacząć od tych opcji, które faktycznie zmieniają decyzję, a resztę schować pod „opcje zaawansowane".
Czego nie robić. Nie buduj konfiguratora, zanim reguły nie są spisane — to nie jest etap do przeskoczenia. Nie pozwalaj złożyć produktu, którego nie da się wyprodukować. I nie zaczynaj od 3D, jeśli nikt nie prosił.

Zakres
Signor Leone sprzedaje garnitury szyte na miarę: konfigurator prowadzi przez tkaniny, kroje i detale, a do salonu przychodzi klient już zdecydowany — rozmowa dotyczy miary, nie wyboru. GrowTent sprzedaje sprzęt do uprawy składany z komponentów: konfigurator dobiera kompatybilny zestaw i sam wypełnia koszyk w istniejącym sklepie.
Reguły spisujemy razem z handlowcami i technologami. To one są sercem projektu, nie interfejs.
Ten sam konfigurator uruchamiamy w dwóch trybach. Publiczny obsługuje klienta, który kupuje sam. Wewnętrzny — z cenami zakupu, rabatami kontrahenta i wariantami spoza oferty publicznej — obsługuje handlowca na spotkaniu i kończy się ofertą wygenerowaną na miejscu. To w praktyce lekki CPQ: konfiguracja, wycena i oferta w jednym przebiegu.
CMS (Content Management System), czyli system zarzadzania treścią to oprogramowanie, które umożliwia łatwe tworzenie dynamicznych witryn internetowych oraz zarządzanie ich zawartością bez znajomości praktycznej wiedzy programistycznej.
Figma to jedno z nowocześniejszych (obok np. AdobeXD ) i cieszących się dużą popularnością narzędzi do projektowania i prototypowania stron internetowych i aplikacji mobilnych.
Material UI to biblioteka komponentów używanych do budowy aplikacji, których front-end opiera się o React.js.
Node.js jest znany programistom na całym świecie jako narzędzie do uruchamiania Java Script w środowisku innym niż przeglądarka internetowa.
React.js to jedna z najpopularniejszych bibliotek JavaScript, która umożliwia tworzenie złożonych graficznych interfejsów użytkownika, a zatem umożliwia interakcję użytkownika z komputerem.
Strapi to CMS typu open source przeznaczony dla developerów, którzy chcą tworzyć nowoczesne projekty, oddzielając warstwę frontendową od backendowej.
Algolia zapewnia obsługę wydajnych wyszukiwarek w aplikacjach internetowych.
API (ang. application programming interface) to programistyczny interfejs aplikacji, który pozwala oprogramowaniom na komunikowanie się miedzy sobą.
Reguły
Sercem konfiguratora produktów jest silnik reguł, który pilnuje, aby użytkownik mógł wybierać wyłącznie prawidłowe i kompatybilne kombinacje. System może automatycznie reagować na wybór wymiaru, materiału, koloru czy komponentu, odpowiednio zmieniając dostępne opcje i ukrywając te, których nie można ze sobą połączyć.
Jeśli model cenowy na to pozwala, konfigurator może na bieżąco aktualizować cenę produktu po każdej zmianie parametrów. Gotowa konfiguracja może następnie trafić bezpośrednio do sklepu internetowego, koszyka, handlowca lub innych systemów wykorzystywanych w firmie. Dzięki temu klient otrzymuje jasną informację o wybranym wariancie, a firma ogranicza liczbę błędów i ręcznych wycen.
Efekt biznesowy
Konfigurator produktów pomaga klientowi szybciej zrozumieć ofertę i samodzielnie przygotować wariant odpowiadający jego potrzebom. Zamiast analizować długą listę produktów lub kontaktować się z handlowcem w sprawie każdej opcji, użytkownik przechodzi przez uporządkowany proces wyboru parametrów i od razu widzi efekt swoich decyzji. Handlowiec otrzymuje konkretną konfigurację, specyfikację lub zapytanie ofertowe, zamiast rozpoczynać rozmowę od wyjaśniania wszystkich dostępnych możliwości. Skraca to proces sprzedaży i pozwala skupić się na doradztwie tam, gdzie jest ono rzeczywiście potrzebne.
Dobrze zaprojektowany konfigurator pomaga również ograniczyć liczbę niepełnych lub błędnych zamówień. Może dostarczać firmie danych o tym, jakie warianty najczęściej wybierają klienci, które opcje cieszą się największym zainteresowaniem oraz na którym etapie użytkownicy rezygnują z konfiguracji.
Projektujemy i tworzymy dedykowane aplikacje webowe - od MVP, które pozwala szybko zweryfikować pomysł, po rozbudowane platformy i systemy rozwijane przez lata. Budujemy zarówno warstwę frontendową, jak i backend, API, bazy danych, panele administracyjne oraz integracje z zewnętrznymi systemami. Pracujemy m.in. z Next.js, React, Node.js, NestJS, Pythonem, PostgreSQL i MongoDB. Tworzymy rozwiązania dopasowane do konkretnego procesu biznesowego: aplikacje SaaS, systemy wewnętrzne, platformy sprzedażowe, serwisy internetowe, marketplace’y i systemy CMS.
Dowiedz się więcejProjektujemy i wdrażamy sklepy internetowe oraz platformy e-commerce dopasowane do modelu sprzedaży i procesów firmy. Pracujemy zarówno z gotowymi rozwiązaniami, jak i z architekturą headless oraz dedykowanymi systemami sprzedażowymi. Budujemy e-commerce dla sprzedaży B2C i B2B, rozbudowanych katalogów produktów, wielu rynków oraz marketplace’ów. Integrujemy sklepy z ERP, WMS, CRM, PIM, płatnościami i logistyką, projektujemy konfiguratory produktów i niestandardowe procesy zakupowe. Dbamy również o wydajność, SEO techniczne i przygotowanie platformy na sezonowe wzrosty ruchu.
Dowiedz się więcejProjektujemy UX/UI aplikacji webowych, mobilnych i systemów B2B - od analizy potrzeb użytkowników i pierwszych makiet po gotowy interfejs oraz design system w Figmie. Nie projektujemy ekranów w oderwaniu od produktu. Sprawdzamy ścieżki użytkowników, dane z analityki i ograniczenia technologiczne, żeby stworzyć rozwiązanie, które jest wygodne w użyciu i możliwe do sprawnego wdrożenia. Po uruchomieniu produktu możemy wrócić do heatmap, nagrań sesji, analityki i rozmów z użytkownikami. Dzięki temu kolejne zmiany wynikają z danych, a nie z przypuszczeń.
Dowiedz się więcejFAQ

Konfigurator przenosi pracę doradczą sprzedawcy do interfejsu — klient składa zamówienie już zdecydowany.
Napisz do nas