Konfigurator 3D w sklepie online. Jak Lprint pomaga klientom tworzyć wyjątkowe opakowania produktów.

Lprint to nowoczesna firma poligraficzna, która dostarcza niestandardowe opakowania z indywidualnymi nadrukami, w dużych i małych ilościach. Jej klientami są firmy o różnej skali w tym m.in. małe biznesy rzemieślnicze. Zespół Lprint kładzie duży nacisk na wdrażanie zróżnicowanych materiałów ekologicznych (m.in. materiały z recyklingu i kompostowalne) oraz zapewnieniu klientom jak najlepszej obsługi.

Aby sprostać ciągle zmieniającym się potrzebom odbiorców, firma zdecydował się na wdrożenie konfiguratora online, który ma za zadanie usprawnić i ułatwić proces customizacji oraz zamawiania indywidualnych opakowań.

Cel: konfigurator online do personalizacji opakowań

Zadanie AR-range polegało na stworzeniu łatwego w obsłudze narzędzia, które umożliwi klientom dokładne dostosowanie torebek do swoich potrzeb przy jednoczesnej wizualizacji ich w 3D. Użytkownicy mieli mieć możliwość wyboru, typu, rozmiaru, materiału oraz wykończeń, oraz co ważne, wgrywania i wyświetlania opakowań z nałożoną na nie grafiką.

Do wyświetlania konfigurowanego produkt w 3D wybrano platformę Sketchfab. Konfigurator miał być zintegrowany z nowym e-sklepem Lprint oraz narzędziem Enfocus służącym do weryfikacji poprawności wgranego projektu graficznego do druku. 

Realizacja: Tworzenie materiałów, UI, logika oraz integracje

Pierwszym etapem prac AR-range było stworzenie brył 3d na bazie przesłanych przez klienta próbek oraz odzwierciedlenie tekstur materiałów m. in. metalicznej, przezroczystej czy papieru kompostowalnego. Następnie materiały zostały wgrane na Sketchfab.

Kolejnym krokiem były prace programistyczne. Flow użytkownika został zaprojektowany tak że jeszcze z poziomy sklepu klient wybiera rozmiar torebki, a następnie przechodzi do konfiguratora. Interfejs narzędzia został podzielony na 2 kroki. W pierwszym, klient wybiera materiał torebki oraz jej wykończenia. Produkt jest cały czas wyświetlany w postaci modelu 3D i zmienia się w zależności od wyborów. Następnie, użytkownik przechodzi do 2 etapu, w którym wgrywa swój projekt lub projekty graficzne oraz wybiera ilości torebek do druku. Każda załadowana grafika jest testowana automatycznie przez system Enfocus, który po jej sprawdzeniu wysyła do konfiguratora raport potwierdzający poprawność lub błędy w pliku. Klient w trakcie generowania raportu może zobaczyć wybraną torebkę już ubraną w swój projekt graficzny. Umożliwia to zastosowany skrypt odpowiadający za nakładanie warstw graficznych na model 3d z wgranego pliku. 

Dostarczenie funkcjonalności nakładania tesktur z plików PDF na model 3d okazało się jednym z największych wyzwań zespołu AR-range, z uwagi na ilość wartstw które musiałbyć wzięte pod uwage przy wyświetlaniu. Realistycznośc odzwierciedlania produktu jest glównym priorytetem narzędzia. Dlatego konieczne było pokazanie nie tylko garfiki ale tarkże rodzaj materiału na jaki jest nakładana jak np połyskliwy lub matowy metalic, surowy papier brązowy czy transparentny plastik. 

Po wgraniu prawidłowego projektu graficznego i wybraniu ilości zamawianych torebek, klient przechodzi do koszyka lub zapisuje konfigurację w postaci draftu. Umożliwiła to integracja  ze sklepem Lprint na Woocommerce.

Żeby ułatwić klientom proces tworzenia produktu, zespół AR-range wprowadził funkcjonalność zapisywania indywidualnej konfiguracji pod adresem URL. Dzięki temu użytkownik może wracać do swojej wcześniejszej konfiguracji bez konieczności powtarzania procesu. Może ją także modyfikować lub dzielić się swoim projektem torebki w 3D z innymi. 

Zobacz produkt w Augmented Reality 

Konfigurator posida też funkcjonalność wyśwetlania produktu z wybranymi teksturami w rzeczywistości rozszerzonej (AR). Z pomocą Augmented Reality klient może zobaczyć, jak jego torebka będzie wyglądać w rzeczywistości i w razie potrzeby dokonać ewentualnych poprawek. Model wyświetlany jest z pomocą ekranu smartfona, w przeglądarce, bez koneczności pobierania aplikacji.

Efekty: Automatyzacja sprzedaży oraz dostarczanie unikalnych doświadczeń zakupowych dzięki 3D i AR

Stworzenie konfiguratora produktu dla Lprint przyniosło wiele korzyści m.in.:

• Konfigurator umożliwia zautomatyzowanie sporej części obsługi klienta, co przekłada się na efektywność i oszczędność czasu zespołu w procesie zamówień.

• dzięki integracji konfiguratora z narzędziem Enfocus, klient może mieć pewność, że przesłany przez niego plik graficzny będzie poprawny, co zwiększa jakość i dokładność końcowego produktu. 

• narzędzie wprowadza unikalne doświadczenie zakupowe, które bez przeszkód angażuje klienta w samodzielne tworzenie indywidualnego produktu. 

• wyróżnienie na tle konkurencji dzięki wizualizacji 3D oraz możliwości zobaczenia produktu w rzeczywistości rozszerzonej (AR)