Sklep WooCommerce z możliwością samodzielnego tworzenia produktu – Itilego
Projekt Itilego to nowość na polskim rynku.
Używane, niekompletne zestawy klocków zamieniają się
w nowe konfiguracje produktów, dzięki kupującemu,
który sam je tworzy poprzez wygodny kreator online.
Całość zamienia się w wymarzony zestaw w przystępnej cenie.
Podstawowe informacje o projekcie
Klient
Właściciel marki ItilegoBranża
Rozrywka zabawkiWykonane usługi
Development, optymalizacja, utrzymanie, rozwój, obsługa kompleksowoRodzaj wdrożenia
Wtyczki do WooCommerce dedykowaneOpis zlecenia
Projekt Itilego to jedno z najbardziej złożonych technologicznie przedsięwzięć e-commerce, jakie mieliśmy okazję realizować. Skala dokumentacji technicznej dostarczonej przez klienta już na wstępie zapowiadała wyjątkowo ambitne zadanie - liczyła ona ponad 200 stron szczegółowych specyfikacji w formacie PDF.
Naszym zadaniem było stworzenie rozwiązania, które w praktyce całkowicie odwraca klasyczne podejście do działania platformy WooCommerce. Standardowy mechanizm sklepu internetowego został rozebrany na czynniki pierwsze, a następnie zaprojektowany i zbudowany od nowa - choć z zachowaniem wybranych elementów kodu źródłowego WooCommerce.
Kluczowym założeniem projektu była potrzeba umożliwienia użytkownikom pełnej swobody w zakresie tworzenia własnych produktów. Zamiast klasycznej oferty gotowych zestawów produktowych, klient chciał zaoferować klientom kreator 3D pozwalający na konfigurowanie, dobieranie i projektowanie unikalnych zestawów klocków.
Każdy użytkownik może samodzielnie zdecydować o finalnym kształcie swojego produktu - wybierając części z różnych dostępnych serii, łącząc je w dowolny sposób, projektując elementy graficzne i wizualizacje, a także decydując o ostatecznym wyglądzie zestawu.
Proces ten nie ogranicza się jedynie do samego projektowania. W trakcie tworzenia własnego produktu system automatycznie wylicza wagę zestawu, jego koszt produkcji i cenę końcową - biorąc pod uwagę nie tylko liczbę i rodzaj klocków, ale także ich pochodzenie z określonych serii produktowych. Oznacza to, że cena może być różna w zależności od dostępności elementów, ich popularności, wagi, a nawet aktualnych stanów magazynowych.
Projekt wymagał od naszego zespołu pełnej przebudowy ścieżki zakupowej WooCommerce. Klasyczny koszyk zakupowy, system rabatów, kalkulacja podatków i kosztów dostawy musiały zostać dostosowane do realiów konfigurowalnego produktu. Konieczne było stworzenie indywidualnych kalkulatorów cenowych, które działają w oparciu o reguły definiowane dynamicznie w panelu administracyjnym. Dzięki temu administrator może w dowolnym momencie zmienić zasady naliczania rabatów lub marż w zależności od serii klocków, sezonowości czy strategii sprzedaży.
W ramach projektu stworzyliśmy również system generowania podglądów projektów w czasie rzeczywistym. Każda zmiana w konfiguracji produktu jest od razu widoczna na ekranie użytkownika - zarówno pod względem wizualnym, jak i cenowym. Wdrożenie tego rozwiązania wymagało zastosowania zaawansowanych mechanizmów cache'owania i optymalizacji wydajności, aby nawet najbardziej rozbudowane konfiguracje nie wpływały negatywnie na szybkość działania sklepu.
Jednym z najważniejszych elementów platformy Itilego jest automatyczne zarządzanie pozostałościami po zestawach. Klocki, które nie zostały wykorzystane w zamówionych konfiguracjach, trafiają do specjalnej puli i są następnie proponowane jako dodatki do nowych projektów. Dzięki temu żadna część nie jest marnowana, a sklep optymalizuje wykorzystanie zasobów magazynowych.
W projekcie wprowadzono także dedykowane rozwiązania dla administratorów i grafików. Stworzono panel pozwalający na dodawanie własnych wizualizacji produktów, edytowanie ich parametrów oraz przygotowywanie grafik promocyjnych.
Dodatkowo wdrożono rozbudowany system statystyk i analiz - pozwalający śledzić popularność poszczególnych konfiguracji, zachowania użytkowników oraz skuteczność działań marketingowych. System ten został zintegrowany z narzędziami Google Analytics 4 oraz narzędziami typu heat map, co pozwala na szczegółową analizę interakcji użytkowników ze stroną.
Wszystkie powyższe elementy zostały połączone w jedną spójną całość - nowoczesny, w pełni funkcjonalny i elastyczny sklep WooCommerce, który z klasycznego modelu sprzedaży przeszedł w stronę platformy konfigurowalnych produktów tworzących się w czasie rzeczywistym.
Naszym zadaniem było stworzenie rozwiązania, które w praktyce całkowicie odwraca klasyczne podejście do działania platformy WooCommerce. Standardowy mechanizm sklepu internetowego został rozebrany na czynniki pierwsze, a następnie zaprojektowany i zbudowany od nowa - choć z zachowaniem wybranych elementów kodu źródłowego WooCommerce.
Kluczowym założeniem projektu była potrzeba umożliwienia użytkownikom pełnej swobody w zakresie tworzenia własnych produktów. Zamiast klasycznej oferty gotowych zestawów produktowych, klient chciał zaoferować klientom kreator 3D pozwalający na konfigurowanie, dobieranie i projektowanie unikalnych zestawów klocków.
Każdy użytkownik może samodzielnie zdecydować o finalnym kształcie swojego produktu - wybierając części z różnych dostępnych serii, łącząc je w dowolny sposób, projektując elementy graficzne i wizualizacje, a także decydując o ostatecznym wyglądzie zestawu.
Proces ten nie ogranicza się jedynie do samego projektowania. W trakcie tworzenia własnego produktu system automatycznie wylicza wagę zestawu, jego koszt produkcji i cenę końcową - biorąc pod uwagę nie tylko liczbę i rodzaj klocków, ale także ich pochodzenie z określonych serii produktowych. Oznacza to, że cena może być różna w zależności od dostępności elementów, ich popularności, wagi, a nawet aktualnych stanów magazynowych.
Projekt wymagał od naszego zespołu pełnej przebudowy ścieżki zakupowej WooCommerce. Klasyczny koszyk zakupowy, system rabatów, kalkulacja podatków i kosztów dostawy musiały zostać dostosowane do realiów konfigurowalnego produktu. Konieczne było stworzenie indywidualnych kalkulatorów cenowych, które działają w oparciu o reguły definiowane dynamicznie w panelu administracyjnym. Dzięki temu administrator może w dowolnym momencie zmienić zasady naliczania rabatów lub marż w zależności od serii klocków, sezonowości czy strategii sprzedaży.
W ramach projektu stworzyliśmy również system generowania podglądów projektów w czasie rzeczywistym. Każda zmiana w konfiguracji produktu jest od razu widoczna na ekranie użytkownika - zarówno pod względem wizualnym, jak i cenowym. Wdrożenie tego rozwiązania wymagało zastosowania zaawansowanych mechanizmów cache'owania i optymalizacji wydajności, aby nawet najbardziej rozbudowane konfiguracje nie wpływały negatywnie na szybkość działania sklepu.
Jednym z najważniejszych elementów platformy Itilego jest automatyczne zarządzanie pozostałościami po zestawach. Klocki, które nie zostały wykorzystane w zamówionych konfiguracjach, trafiają do specjalnej puli i są następnie proponowane jako dodatki do nowych projektów. Dzięki temu żadna część nie jest marnowana, a sklep optymalizuje wykorzystanie zasobów magazynowych.
W projekcie wprowadzono także dedykowane rozwiązania dla administratorów i grafików. Stworzono panel pozwalający na dodawanie własnych wizualizacji produktów, edytowanie ich parametrów oraz przygotowywanie grafik promocyjnych.
Dodatkowo wdrożono rozbudowany system statystyk i analiz - pozwalający śledzić popularność poszczególnych konfiguracji, zachowania użytkowników oraz skuteczność działań marketingowych. System ten został zintegrowany z narzędziami Google Analytics 4 oraz narzędziami typu heat map, co pozwala na szczegółową analizę interakcji użytkowników ze stroną.
Wszystkie powyższe elementy zostały połączone w jedną spójną całość - nowoczesny, w pełni funkcjonalny i elastyczny sklep WooCommerce, który z klasycznego modelu sprzedaży przeszedł w stronę platformy konfigurowalnych produktów tworzących się w czasie rzeczywistym.
Case study
sklepu WooCommerce z możliwością tworzenia własnych produktów
🛠️ Zakres prac i kluczowe funkcjonalności
- opracowanie i wdrożenie funkcjonalności pozwalającej użytkownikowi na samodzielne tworzenie produktów z wykorzystaniem dostępnych elementów
- stworzenie zaawansowanego kreatora 3D umożliwiającego edycję, projektowanie i podgląd tworzonych zestawów w czasie rzeczywistym
- całkowite przebudowanie standardowego procesu zakupowego WooCommerce dostosowanego do specyfiki personalizowanych produktów
- wprowadzenie automatycznego generatora podglądów produktów dla cross-sellingu bazującego na aktualnie tworzonym zestawie
- dodanie opcji zakupu pojedynczych części z innych zestawów oraz ich dowolnego łączenia
- stworzenie systemu automatycznego zarządzania pozostałościami - niewykorzystane elementy trafiają automatycznie do nowych ofert lub zestawów uzupełniających
- zakodowanie systemu dynamicznego przeliczania cen uwzględniającego m.in. wagę, serię, rzadkość oraz dostępność wykorzystanych elementów
- wdrożenie panelu zarządzania dedykowanego zarówno dla grafików, jak i użytkowników, umożliwiającego tworzenie i przesyłanie projektów gotowych zestawów
- przebudowanie panelu "Moje konto" - możliwość tworzenia nowych projektów na bazie wcześniej zakupionych lub zapisanych zestawów oraz zarządzanie zwrotami i reklamacjami
- implementacja customowej wtyczki umożliwiającej dodawanie ulubionych zestawów (również bez konta użytkownika, z zapisem w cookies)
- wprowadzenie systemu wstępnej wyceny produktu jeszcze przed jego graficznym utworzeniem - pozwala użytkownikowi poznać koszty zestawu w czasie projektowania
- integracja z Google Analytics 4 i narzędziami heatmap - dokładne śledzenie zachowań użytkowników pod kątem UX i konwersji
- stworzenie zaawansowanego systemu obsługi zapytań z podziałem na działy oraz możliwość integracji z API popularnych narzędzi marketing automation
- automatyzacja procesów administracyjnych - integracja z zewnętrznym systemem logistycznym oraz automatyczne kalkulacje wagi i kosztów wysyłki zestawów
- przeprowadzenie researchu związanego z możliwością wdrożenia sztucznej inteligencji generującej przykładowe zestawy na podstawie preferencji użytkownika
💡 Rozwiązania technologiczne
- WordPress + WooCommerce - baza technologiczna projektu
- dedykowany kreator 3D - w pełni zintegrowany z backendem WooCommerce
- customowe wtyczki WooCommerce - rozbudowane o nowe funkcjonalności dostosowane do specyfiki projektu
- Google Analytics 4 + heat mapy - zaawansowana analityka UX i zachowań użytkowników
- dedykowane API do obsługi integracji z zewnętrznymi systemami magazynowymi i wysyłkowymi
- własny system cache i optymalizacji wydajności dla kreatora 3D
🚀 Efekty wdrożenia
- powstanie unikalnego na polskim rynku sklepu WooCommerce oferującego zaawansowaną personalizację produktów
- znaczące zwiększenie zaangażowania użytkowników dzięki kreatorowi 3D umożliwiającemu wizualizację i projektowanie zestawów
- zoptymalizowany proces produkcji i sprzedaży - automatyczne zarządzanie resztkami, dynamiczna wycena oraz automatyczne tworzenie cross-sellów
- zwiększenie wartości koszyka poprzez inteligentne propozycje dodatkowych części i dodatków generowanych w czasie rzeczywistym
- pełna kontrola nad ruchem, konwersjami i zachowaniami użytkowników dzięki integracji z GA4 i narzędziami marketingowymi
- wysoka elastyczność dalszej rozbudowy systemu - w tym integracji z AI oraz systemami lojalnościowymi
⏱️ Czas realizacji projektu
-
Etap 1: analiza wymagań i koncepcja rozwiązania (1 tydzień)
Przeprowadziliśmy szczegółową analizę specyfikacji klienta - ponad 200 stron dokumentacji technicznej - oraz zaplanowaliśmy sposób rozbudowy standardowego WooCommerce o funkcjonalność kreatora 3D i dynamicznego generowania produktów z części LEGO -
Etap 2: projektowanie i development kreatora 3D (2 tygodnie)
Zaprojektowaliśmy i zakodowaliśmy od podstaw dedykowany kreator 3D umożliwiający tworzenie zestawów z używanych klocków - z pełną kontrolą nad grafiką, wyborem elementów, wizualizacją i podglądem w czasie rzeczywistym -
Etap 3: przebudowa procesów zakupowych WooCommerce (2 tygodnie)
Przeorganizowaliśmy całą ścieżkę zakupową, aby dostosować ją do niestandardowego procesu konfiguracji produktów: od wyboru elementów po dynamiczne przeliczanie cen, wagi i dostępności zasobów magazynowych -
Etap 4: automatyczne zarządzanie pozostałościami i komponentami (1 tydzień)
Stworzyliśmy system automatycznej dystrybucji i grupowania niezużytych elementów z innych zestawów, tak aby każda część mogła zostać ponownie wykorzystana w nowych projektach -
Etap 5: integracje marketingowe i analityczne (1 tydzień)
Zaimplementowaliśmy dedykowane narzędzia analityczne (GA4, heat mapy), systemy rekomendacji produktów oraz customowe narzędzia pod SEO i automatyzację działań marketingowych -
Etap 6: testy, optymalizacja i rozwój długofalowy (1 tydzień)
Projekt został objęty długofalową współpracą - regularnie rozwijamy funkcjonalności (m.in. AI generującą gotowe zestawy na podstawie preferencji użytkowników) i optymalizujemy procesy w oparciu o dane z użytkowania systemu
Sklep WooCommerce Itilego
w liczbach
7
osób
zaangażowanych w projekt, testy i wdrożenie
ponad
2
miesiące
prac nad realizacją zlecenia
około
20
tysięcy
oczekiwanych użytkowników serwisu
ponad
30
tysięcy
możliwości konfiguracji produktowych
Technologie
które wykorzystaliśmy w projekcie to m.in.:
Sprawdź również
Nowoczesny sklep internetowy RTV – WooCommerce z porównywarką i automatyzacjami
Nasza nowa realizacja sklepu to projekt łączący nowoczesną technologię WooCommerce z unikalnym podejściem do UX i SEO. Sklep jest szybki, intuicyjny i w pełni responsywny, co zapewnia wygodne zakupy na każdym urządzeniu.
ZobaczPlaner ślubny plus WooCommerce - aplikacja i sklep
Organizacja wesela to ogromne przedsięwzięcie. Widząc w tym wiele możliwości biznesowych, nasz nowy klient postanowił stworzyć spory zestaw narzędzi, które kompleksowo pomogą w jego koordynacji i realizacji.
ZobaczWtyczka do WP dla spółdzielni mieszkaniowej z dedykowanym panelem dla mieszkańców
W związku z cyfryzacją i postępem technologicznym dla jednej z warszawskich spółdzielni mieszkaniowych zbudowaliśmy system online dla mieszkańców, pozwalający m.in. podglądać dane czynszowe czy dokonywać płatności za mieszkanie online.
ZobaczKontakt
Napisz do nas