Umów warsztat UXSprawdź, co blokuje skuteczność Twojej strony WWW

Konfigurator mat dla Kleen-Tex

Wdrożone rozwiązanie
konfigurator - nowoczesne narzędzie self-service wspierane przez mechanizmy AI
Branża
produkcyjna (tekstylia i tworzywa sztuczne)
 
Kleen-Tex to międzynarodowy producent mat wejściowych i systemów utrzymania czystości, działający na rynku od 1967 roku. Firma, wywodząca się ze Stanów Zjednoczonych, zasłynęła m.in. opracowaniem pierwszych nadających się do prania mat z gumowym spodem. Dzięki wieloletniemu doświadczeniu, własnym procesom produkcyjnym i globalnej sieci oddziałów dostarcza rozwiązania wykorzystywane w przestrzeniach komercyjnych, przemysłowych oraz przez klientów indywidualnych na wielu rynkach świata.
Problem Klienta
Kleen-Tex chciał umożliwić klientom samodzielne projektowanie spersonalizowanych mat bez konieczności kontaktu z obsługą sprzedaży. Wcześniejsze próby realizacji takiego narzędzia kończyły się jednak na etapie koncepcji ze względu na wysokie koszty wdrożenia oraz złożoność technologicznego projektu. Istotnym wyzwaniem było stworzenie rozwiązania, które będzie jednocześnie intuicyjne dla użytkownika końcowego bez doświadczenia projektowego, a także wystarczająco zaawansowane, aby obsługiwać proces personalizacji produktu w środowisku sprzedaży online.

Dodatkowym problemem była potrzeba zwiększenia swobody projektowej użytkowników i skrócenia czasu potrzebnego na przygotowanie finalnego projektu produktu, przy jednoczesnym utrzymaniu spójnego i przewidywalnego procesu zakupowego w systemie e-commerce. Klient zakładał również rozwój sprzedaży na rynkach międzynarodowych, co wymagało przygotowania rozwiązania elastycznego, skalowalnego oraz dopasowanego do różnych wersji językowych i środowisk sprzedażowych.
Wymagania względem projektu:
intuicyjny konfigurator produktu niewymagający wiedzy projektowej
integracja narzędzia z platformą e-commerce Shopify
wdrożenie funkcji AI do generowania grafik
Nasze rozwiązanie
Projekt rozpoczęliśmy od podejścia Proof of Concept, które pozwoliło szybko zweryfikować wykonalność pomysłu oraz ograniczyć ryzyko inwestycji. Na tej podstawie powstał interaktywny konfigurator mat - aplikacja osadzona w środowisku e-commerce Shopify, umożliwiająca użytkownikom samodzielne projektowanie produktu i przygotowanie konfiguracji do zamówienia.

Proof of Concept - pierwszy krok projektu

Projekt rozpoczęto od stworzenia funkcjonalnego prototypu. Pozwoliło to sprawdzić w praktyce sposób działania konfiguratora, przetestować doświadczenie użytkownika oraz potwierdzić, że rozwiązanie może zostać efektywnie wdrożone w środowisku e-commerce. Po pozytywnej weryfikacji prototypu projekt został rozwinięty do pełnej wersji produkcyjnej.

Jak działa konfigurator

Konfigurator prowadzi użytkownika przez kolejne etapy projektowania produktu, umożliwiając intuicyjne dopasowanie parametrów maty do własnych potrzeb. Interfejs został zaprojektowany w taki sposób, aby nawet osoby bez doświadczenia projektowego mogły samodzielnie przygotować gotowy projekt produktu. Proces konfiguracji obejmuje m.in.:

  1. Wybór trybu wizualizacji - użytkownik może rozpocząć projektowanie w podstawowym widoku 2D lub skorzystać z opcji Wirtualnego showroomu, który pozwala zobaczyć projekt maty w kontekście rzeczywistego wnętrza lub przestrzeni zewnętrznej. Wybór obejmuje jasne lub ciemne pomieszczenie, a także stwarzającą nieograniczone możliwości wizualizcji opcję “Dodaj własne pomieszczenie”. Wystarczy przeciągnąć plik lub wybrać go z dysku, aby zobaczyć projekt maty w rzeczywistym otoczeniu gabinetu, recepcji czy też wejścia do siedziby firmy.
     
  2. Wybór produktu - na tym etapie użytkownik określa typ maty oraz jej podstawowe parametry, które stanowią bazę dla dalszej personalizacji.
     
  3. Przesłanie obrazu - konfigurator umożliwia dodanie własnych plików graficznych np. logo firmy, grafiki promocyjnej lub indywidualnego projektu. Na tym etapie dostępne są również funkcje pozwalające na rozpoczęcie personalizacji grafiki jeszcze przed jej finalnym zatwierdzeniem.
     


     

  4. Generowanie obrazu AI - system pozwala na wygenerowanie unikalnego obrazu z wykorzystaniem sztucznej inteligencji na podstawie wpisanego promptu. Rozwiązanie AI umożliwia szybkie tworzenie dedykowanych wizualizacji bez konieczności posiadania własnych materiałów graficznych.
     


     

  5. Biblioteka projektów wygenerowanych przez AI - użytkownik ma dostęp do zbioru wcześniej wygenerowanych przez AI projektów, które mogą zostać ponownie wykorzystane lub zmodyfikowane. Funkcjonalność ta przyspiesza proces projektowania i pozwala korzystać z gotowych inspiracji.
     
  6. Dodanie tła oraz tekstu - projekt można uzupełnić o wybrane tło lub kolory. Konfigurator pozwala również dodać własny napis np. nazwę firmy, hasło reklamowe lub komunikat powitalny.
     

Na każdym etapie użytkownik widzi wizualną prezentację projektowanej maty, dzięki czemu może na bieżąco ocenić efekt wprowadzanych zmian w swoim w pełni spersonalizowanym produkcie. Po zakończeniu konfiguracji system automatycznie generuje pliki produkcyjne wykorzystywane w procesie realizacji zamówienia. Eliminuje to konieczność ręcznej obróbki projektów oraz skraca czas od złożenia zamówienia do rozpoczęcia produkcji.

           

Architektura technologiczna

Konfigurator został zaprojektowany jako oddzielna aplikacja osadzona w środowisku sklepu internetowego, co pozwala rozwijać ją niezależnie od samej platformy e-commerce. Frontend aplikacji został zbudowany w oparciu o framework Vue 3, zapewniający wysoką wydajność oraz elastyczność w rozwoju interfejsu użytkownika. Rozwiązanie działa jako embedded app w Shopify, komunikując się z platformą sklepową oraz systemami klienta.

Integracje systemowe

Konfigurator został zintegrowany z systemami wykorzystywanymi w organizacji Kleen-Tex, co umożliwia sprawne przetwarzanie zamówień oraz obsługę danych produktowych. Kluczowym elementem integracji jest połączenie z systemem ERP Microsoft Dynamics 365 Business Central, który odpowiada za obsługę procesów biznesowych firmy.

Skalowanie na rynki międzynarodowe

Rozwiązanie zostało zaprojektowane z myślą o globalnym rozwoju sprzedaży online. Konfigurator jest podłączony do panelu tłumaczeń i przygotowany do obsługi wielu języków oraz rynków. Obecnie rozwiązanie wykorzystywane jest w sprzedaży na rynkach europejskich, a kolejne wdrożenia planowane są m.in. w Azji, w tym w Tajlandii oraz Japonii.

Najważniejsze aspekty tej realizacji to:
Interaktywny konfigurator produktu zintegrowany z Shopify
Stworzyliśmy konfigurator umożliwiający samodzielne projektowanie mat oraz płynne przejście od personalizacji produktu do procesu zakupowego.
Mechanizmy AI wspierające personalizację projektów
Pozwalają użytkownikom generować grafiki na podstawie promptów tekstowych oraz korzystać z biblioteki wcześniej wygenerowanych projektów i inspiracji.
Rozbudowane funkcje edycji i wizualizacji projektu
Konfigurator wyposażono w funkcje drag & drop, siatkę pomocniczą, wybór kolorów z obszaru grafiki oraz możliwość prezentacji projektu w kontekście rzeczywistej przestrzeni.
Integracja z systemami biznesowymi klienta
Rozwiązanie zostało zintegrowane z systemem ERP Microsoft Dynamics 365 Business Central, wspierając sprawną obsługę procesów biznesowych i automatyzację zamówień. Integracja ta umożliwia synchronizację produktów, cen, zamówień oraz danych niezbędnych do realizacji procesu produkcyjnego.
Skalowalna architektura i podejście Proof of Concept
Projekt rozpoczęto od stworzenia funkcjonalnego prototypu, a docelowe rozwiązanie zaprojektowano z myślą o dalszym rozwoju międzynarodowym oraz obsłudze wielu wersji językowych.
Korzyści dla klienta
Wdrożenie konfiguratora umożliwiło Kleen-Tex rozwój sprzedaży spersonalizowanych produktów w kanale e-commerce oraz stworzenie nowoczesnego narzędzia self-service wspieranego przez mechanizmy AI. Ponadto rozwiązanie skraca czas przygotowania projektów, ogranicza liczbę manualnych czynności związanych z obsługą zamówień oraz zmniejsza liczbę korekt i zmian wymaganych na etapie przygotowania projektów do produkcji.
Co się zmieniło po wdrożeniu?
Klienci mogą samodzielnie projektować maty bez konieczności kontaktu z obsługą sprzedaży.
Użytkownicy szybciej podejmują decyzję zakupową dzięki wizualizacji produktu w trakcie konfiguracji.
Proces przygotowania zamówienia jest zautomatyzowany i zintegrowany z platformą e-commerce.
Konfigurator współpracuje z systemem ERP i wspiera obsługę procesów biznesowych firmy.
Rozwiązanie jest przygotowane do wdrożeń na wielu rynkach i w różnych wersjach językowych.
Klienci szybciej tworzą atrakcyjne wizualnie projekty dzięki bibliotece grafik AI oraz funkcjom drag & drop.

Masz pytania? Napisz do nas

Napędzimy Twój biznes technologią, ale najpierw musimy poznać Twoje potrzeby. Działamy w trzech prostych krokach.

  • Analiza zapytania

    Zapoznamy się z Twoją wiadomością i przekażemy ją do odpowiedniego eksperta, który wstępnie przeanalizuje problem i skontaktuje się z Tobą, by zadać kilka pytań.
  • Zaproszenie na rozmowę

    Odezwiemy się do Ciebie z propozycją terminu spotkania (online lub przez telefon), w trakcie którego dokładnie przeanalizujemy temat, by lepiej zrozumieć wyzwanie, przed którym stoisz.
  • Spotkanie

    Omówimy Twoje potrzeby, odpowiemy na pytania i, opierając się na naszym doświadczeniu, zaproponujemy najlepsze rozwiązania dla Twojego biznesu.
×
*
*
*