Automatyzacja procesu zakupowego dla klienta z branży opakowań
Dla producenta kartonowych opakowań zautomatyzowaliśmy proces zamawiania produktów przez klientów, za pomocą konfiguratora produktów z wizualizacją 3D.
Backend
Frontend
Opis klienta
Janbox to firma, która od ponad 20 lat specjalizuje się z produkcji wysokiej klasy pudełek z tektury falistej oraz pudeł tekturowych wykonywanych za pomocą wykrojników.
Klient oferuje szeroką możliwość personalizacji produktu, począwszy od materiału, dodatkowego wykończenia aż po nadruki.
Cel projektu
Dotychczas JanBox przyjmował zamówienia w sposób manualny, często podczas długiej komunikacji na linii klient - sprzedawca, podczas której klienci dopytywali o dostępne wymiary pudełek, ich tekstury, wykończenia czy dodatkowe personalizacje, a także przekazywali dane za pośrednictwem poczty e-mail. Celem projektu było uproszczenie i automatyzacja procesu zakupowego klienta, dokonującego zamówienia pudełek kartonowych.
Jakich technologii użyliśmy?
VUE.JS
HTML
CSS
WORDPRESS
ADOBE XD
Główne wyzwania
W trakcie realizacji projektu pojawiło się kilka wyzwań. Zespół musiał wydzielić dynamiczne warstwy w modelu 3D opakowania, uwzględniając jednocześnie potrzeby klienta przy zmianie kroków formularza. Konfigurator zawiera wiele zależności, między rozmiarem pudełka, wybranym rodzajem materiału i wykończeniem, które musiały zostać uwzględnione w logice narzędzia.
Konfigurator umożliwia załadowanie własnej grafiki, która zostanie umieszczona na pudełku, dlatego musieliśmy stworzyć rozwiązanie umożliwiające walidowanie plików graficznych i ich właściwie nanoszenie na opracowane modele 3D, pozwalające użytkownikowi na uzyskanie trójwymiarowego podglądu projektu.
Narzędzie to pozwoliło nam zaoszczędzić mnóstwo czasu i energii, które do tej pory poświęcaliśmy na precyzowanie zamówień z klientami w korespondencji mailowej.
Rozwiązanie
W ramach projektu, ułatwiliśmy klientom firmy Janbox zamawianie produktów firmy oraz zautomatyzowaliśmy część żmudnej pracy sprzedawców, za pomocą konfiguratora 3D produktów.
Zastosowanie wizualizacji 3D w konfiguratorze, umożliwiającej łatwe obejrzenie projektowanego opakowania z każdej strony, działa zachęcająco na potencjalnych klientów. Mogą oni aktywnie uczestniczyć w całym procesie, projektując pudełka dopasowane do swoich potrzeb, bez konieczności długich rozmów z konsultantami w zakresie przekazywania swojej wizji zakupowej. Takie rozwiązanie pozwala handlowcom skupić się na doradzaniu klientowi i budowaniu relacji, zamiast na pracochłonnym zbieraniu danych do zamówienia.
Dzięki konfiguratorowi 3D, Janbox nie tylko usprawnił cały proces zamówienia, ale zyskał nowy kanał sprzedaży, co finalnie przełożyło się na zwiększenie sprzedaży swoich produktów i wzrost przychodów firmy.
Zobacz jak działa konfigurator
Przetestuj konfiguratorFunkcjonalności konfiguratora
Główne funkcje obejmują:
- formularz zakupowy obejmujący 6 etapów składania zamówienia, wraz z thank you page
- wizualizacja pudełka w 3D
- integracja formularza z innymi rozwiązaniami w firmie, automatyzacja i umożliwienie dalszego przetwarzania zamówień
- dostępność konfiguratora w języku angielskim, niemieckim, francuskim, hiszpańskim i portugalskim
Branding & design
Nasz zespół przygotował nie tylko modele 3D pudełek i ich elementów, ale w nowoczesny sposób zaprojektował również wszystkie elementy konfiguratora, wykorzystując identyfikację wizualną klienta. Narzędzie jest bardzo intuicyjne, przyjemne i lekkie w odbiorze oraz pozwala użytkownikowi skupić się na celu - skonfigurowaniu pudełka, idealnie dopasowanego do swoich potrzeb.
Porozmawiajmy
Masz pomysł na podobną realizację? Skontaktuj się z nami!
Zespół projektowy
W skład zespołu projektowego wchodzili Tech Leader, Project Manager, Senior Fullstack Developer, Senior Front-end developer oraz Senior Graphic Designer.
Proces powstawania projektu
- Zidentyfikowanie problemu klienta Zbyt długi proces wyboru preferencji pudełka, który odbywał się wyłącznie za pośrednictwem poczty elektronicznej lub telefonu.
- Analiza i dopracowanie założeńNa tym etapie razem z klientem opracowaliśmy nową ścieżkę zakupową, co pozwoliło na stworzenie konfiguratora w sześciu krokach, wraz z implementacją wizualizacji 3D.
- Przygotowanie makietPrzygotowaliśmy makiety UI i podziału kroków z wykorzystaniem tzw. akordeonu w celu utrzymania prostoty i zapewnienia dostępności z różnych urządzeń.
- Zdefiniowanie stacku technologicznegoW ramach analizy technologicznej zdecydowaliśmy się na użycie Vue.js, HTML5, CSS3 i system WordPress, o który była oparta strona internetowa klienta. Elementy graficzne zostały przygotowane za pomocą Adobe XD.
- Przygotowanie widoków 3DIstotnym etapem projektu było przygotowanie przez naszego designera modeli 3D każdego pudełka, w sposób umożliwiający zbudowanie wizualizatora 3D produktów.
- Wdrożenie i utrzymaniePo zakończonych testach konfiguratora, został on wdrożony na stronę klienta i z powodzeniem jest przez nas utrzymywany.
- PorozmawiajmyJeśli potrzebujesz podobnej realizacji, nie wahaj się do nas napisać. Porozmawiaj
Efekty projektu
PRZED
- czasochłonny i mało wygodny proces zamawiania
- czas handlowców przeznaczany na zbieranie danych do zamówień
- brak możliwości wizualizacji produktu
PO
- automatyzacja procesu zamawiania i oszczędność czasu
- możliwość podglądu 3D opakowania w czasie rzeczywistym
- otwarcie nowego kanału sprzedaży i zwiększenie przychodów
Co zyskała firma
Dzięki wdrożeniu konfiguratora na stronie internetowej, firma zyskała w pełni zautomatyzowane narzędzie do obsługi zamówień. Zamiast czasochłonnej komunikacji i przekazywania danych e-mailowo, klient w kilku krokach może stworzyć w pełni spersonalizowane opakowanie, które odpowiada jego potrzebom. Dzięki temu znacząco skrócił się czas obsługi zamówienia, co wpłynęło nie tylko na zwiększenie zadowolenia klientów, ale również na wzrost przychodów.