Firma
Multi-Form
Realizacja
Od 2017 roku
Branża
Wykończenie wnętrz, dystrybucja
Typ projektu:
Aplikacja webowa
Konfigurator
Technologie:
PHP, HTML, Node.js, React, Flux, Redux,Bootstrap, REST API, PostgreSQL
Multi-Form od 1995 roku wspiera swoich klientów - właścicieli salonów drzwi i podłóg - w rozwijaniu sprzedaży, poprzez dostarczanie wysokiej jakości materiałów wykończenia wnętrz (drzwi, podłóg, materiałów budowlanych). Szeroki wachlarz możliwości konfiguracyjnych drzwi i obszerna gama dodatkowych komponentów zrodziła potrzebę stworzenia narzędzia, które pozwoli na bezbłędną, szybką i intuicyjną wycenę i wizualizację produktu. Ponadto, firma chciała oddać aplikację w ręce klientów indywidualnych, aby pomóc im zdecydować, jak powinny wyglądać idealne drzwi do ich domów. Stworzyliśmy dla niej funkcjonalny konfigurator drzwi, który prowadzi użytkownika przez proces wyceny i generuje dokument z wizualizacją i specyfikacją drzwi marki Persecto.
> 10 000 000
liczba możliwych kombinacji w konfiguratorze
200
tyle salonów Multi-Form korzysta z konfiguratora
2
konfigurator dostępny jest w wersji dla klientów indywidualnych i dla pracowników salonów
Jak zaprojektować prosty w obsłudze i zawsze aktualny konfigurator, który pozwoli skomponować idealnie dopasowane drzwi i wesprze ich sprzedaż?
Na 5 minut przed startem projektu
01 Opracować kombinatorykę
Najważniejszym zadaniem w projekcie było poprawne opracowanie kombinatoryki. Aby mieć pewność, że stworzone za pomocą narzędzia drzwi da się wyprodukować, należało wnikliwie przeanalizować drzewo procesów i na tej podstawie przygotować plik opisujący możliwe kombinacje.
02 Umożliwić klientowi wprowadzanie zmian
Jednym z założeń współpracy było zaprojektowanie konfiguratora tak, by wszelkie aktualizacje zawartych w nim informacji nie generowały dodatkowych kosztów i były możliwie łatwe do wprowadzenia. Naszym zadaniem było umożliwienie dokonywania zmian przez Multi-Form bez naszego zaangażowania.
03 Zadbać o wizualizacje
Przygotowanie grafik do konfiguratora leżało po stronie Multi-Form. My mieliśmy zadbać o to, żeby gotowe wizualizacje dobrze się prezentowały w konfiguratorze i to w różnych rozdzielczościach.
Interaktywny konfigurator drzwi dla pracowników sklepów i klientów indywidualnych
Jak to działa? - najciekawsze elementy naszego rozwiązania
01 Zdefiniowane kroki
Proces konfiguracji drzwi został zaprojektowany w kilku prostych krokach. Użytkownik najpierw wybiera typ drzwi - zewnętrzne bądź wewnętrzne. Następnie dokonuje wyboru jednego z modeli, które z kolei są przyporządkowane do kolekcji. Kolejnym krokiem jest wizualna konfiguracja drzwi - po wybraniu modelu wczytuje się domyślna konfiguracja, którą można dowolnie zmieniać i nadpisywać. Po zakończeniu konfiguracji można wygenerować plik .pdf z pełną specyfikacją produktu.
02 Moduł dla sprzedawców
Pracownicy autoryzowanych punktów sprzedaży logują się w konfiguratorze na swoje dedykowane konta. Z ich poziomu mogą tworzyć dowolną liczbę konfiguracji drzwi wraz z wycenami uwzględniającymi rabaty. Każda wycena jest zapisywana w konfiguratorze, dzięki czemu sprzedawca ma stały dostęp do pełnej historii wycen. Po stworzeniu konfiguracji sprzedawca może ją zapisać w pliku .pdf i wysłać e-mailem do klienta.
03 Moduł dla klientów indywidualnych
Klienci indywidualni mogą skomponować idealne drzwi za pośrednictwem konfiguratora umieszczonego na stronie internetowej Multi-Form. Poza możliwością zalogowania się i szczegółową informacją cenową, zakres funkcjonalności narzędzia online pokrywa się z konfiguratorem dostępnym w salonie. Klient również może zapisać swoją konfigurację w pliku .pdf, która jest punktem wyjścia do dalszych rozmów ze sprzedawcą.
04 Aktualizacja produktów
Aby proces aktualizacji produktów dostępnych w konfiguratorze, tj. m.in. wgrywanie nowych wizualizacji lub ich podmiana czy zmiana opisów produktów odbywał się w możliwie najprostszy i niewymagający naszego zaangażowania sposób, zaprojektowaliśmy i udostępniliśmy plik .csv z kombinatoryką, który pracownicy Multi-Form mogą dowolnie zmieniać i we własnym zakresie wgrywać na serwer.
05 Import pliku .csv
W celu aktualizacji informacji zawartych w konfiguratorze, pracownicy Multi-Form wprowadzają zmiany w pliku .csv z kombinatoryką i wgrywają go do systemu. Jeśli w tym pliku pojawią się podstawowe błędy, to system automatycznie zatrzymuje import i wskazuje nieprawidłowo wypełnione komórki. Ponowny import pliku jest możliwy dopiero po poprawieniu błędów.
06 Wizualizacja modeli
Dla każdego modelu przyporządkowana jest jedna domyślna grafika przykładowego skrzydła, na którą należy kliknąć celem jej wyboru. Jeżeli dana kolekcja posiada bardzo dużo potencjalnych modeli, wówczas uaktywniony zostaje slider umożliwiający przewijanie modeli w poziomie, gdyby ta nie mieściła się na jednym ekranie.
Rekomendacje
Programa™ doskonale poradziła sobie ze złożonością naszego projektu - opracowaniem kombinatoryki, poprawnością generowania drzwi i ich adekwatną wizualizacją. Była naszym partnerem na każdym etapie współpracy, wspierając nas swoją wiedzą i doświadczeniem...
Justyna Skrzypnik
Specjalista ds. marketingu internetowego w Multi-Form
Proces w pigułce
Jak pracowaliśmy nad tym projektem?
01 Opracowaliśmy mapę konfiguracji we współpracy z klientem
Opracowanie logiki konfiguracji i kombinatoryki to złożony proces. Wiedza o tym, jak krok po kroku konfiguruje się drzwi, jest w głowach doświadczonych sprzedawców salonów Multi-Form. Aby zebrać i uporządkować te dane, klient przygotował obszerne drzewo procesu, a my na jego podstawie opracowaliśmy kombinatorykę. Efekt - plik .csv z ponad 30 wypełnionymi zakładkami.
02 Wsparliśmy proces tworzenia wizualizacji i grafik
Przygotowanie projektu graficznego narzędzia i wizualizacji, które są wykorzystywane w konfiguratorze, leżało po stronie Multi-Form. Jednak aby mieć pewność, że wizualna część projektu będzie współgrać z zaprojektowanymi wcześniej makietami funkcjonalnymi, Adam Czarny - nasz Dyrektor Kreatywny - blisko współpracował z klientem, pełniąc funkcję konsultanta ds. front-endu.
03 Prowadziliśmy projekt w 100% zdalnie
Cenimy osobiste spotkania z klientami, jednak projekty mogą być sprawnie prowadzone także zdalnie. Tak też było w przypadku Multi-Form, gdzie ze względu na odległość i oszczędność czasu organizowaliśmy spotkania na Skype, a także komunikowaliśmy sie telefonicznie i e-mailowo. Postawiliśmy na obustronną responsywność, dzięki czemu zaplanowane zadania były realizowane na czas.
-> Potrzebujesz podobnego rozwiązania?
Napisz krótki mail na hello@programa.pl
lub zadzwoń +48 577 196 681 - poznaj nas i daj się poznać!