Case study: konfigurator blatów z rysunkiem technicznym, DXF i panelem zamówień

Nie każdy formularz kontaktowy powinien być formularzem kontaktowym. Czasami firma nie potrzebuje kolejnego pola „imię, e-mail, wiadomość”, tylko narzędzia, które przejmie część realnego procesu obsługi klienta i produkcji.
Tak było w przypadku konfiguratora blatów. Punktem wyjścia był bardzo praktyczny problem: zamówienia techniczne, które wcześniej mogły trafiać do firmy w formie wiadomości, zdjęć, szkiców, dopisków i ręcznie podawanych wymiarów. Taki proces działa, ale jest podatny na błędy, wymaga dodatkowych wyjaśnień i mocno obciąża osoby obsługujące zamówienia.
Celem było zbudowanie systemu, który pozwoli klientowi samodzielnie przygotować wstępny projekt blatu, a firmie przekaże uporządkowane dane techniczne w jednym miejscu.

Problem: ręczne zamówienia techniczne są trudne do skalowania

W branżach produkcyjnych bardzo często największym problemem nie jest sama strona internetowa. Problemem jest to, co dzieje się po wysłaniu zapytania.
Klient chce zamówić blat, ale musi przekazać wiele informacji: dekor, technologię, kształt, wymiary, otwory, wcięcia, sposób wykończenia, dodatkowe uwagi i dane kontaktowe. Jeżeli robi to zwykłym mailem albo telefonicznie, bardzo łatwo o niepełne dane lub różne interpretacje tego samego wymiaru.
W praktyce oznacza to dodatkowe telefony, poprawki, dopytywanie, przesyłanie zdjęć, ręczne przepisywanie informacji i większe ryzyko błędu przed produkcją.

Założenie: konfigurator zamiast zwykłego formularza

Dlatego zamiast budować klasyczny formularz zapytania, zaprojektowałem dedykowany konfigurator blatów. Jego zadaniem nie było tylko zebranie danych kontaktowych. System miał przeprowadzić klienta przez cały proces przygotowania zamówienia i jednocześnie pilnować logiki technicznej.
Użytkownik wybiera wzór blatu, technologię wykonania, kształt oraz wymiary. Następnie może dodać otwory, wcięcia pod parapet, ociekacze, fazowanie oraz inne elementy potrzebne do przygotowania zamówienia.
Najważniejsze było to, żeby klient nie wypełniał formularza „w ciemno”. Dlatego konfigurator generuje rysunek techniczny na żywo. Każda istotna zmiana jest od razu widoczna na podglądzie.

Rysunek techniczny na żywo

Jednym z kluczowych elementów wdrożenia jest dynamiczny rysunek SVG. To on sprawia, że konfigurator staje się narzędziem projektowym, a nie tylko listą pól do uzupełnienia.
System pokazuje kształt blatu, wymiary, położenie otworów, wcięcia oraz wybrane elementy techniczne. Dzięki temu klient może łatwiej zrozumieć, jakie dane podaje i jak będą one interpretowane.
To szczególnie ważne przy bardziej złożonych układach, takich jak blat narożny albo blat w kształcie U. W takich przypadkach same pola tekstowe często nie wystarczają. Rysunek pozwala ograniczyć nieporozumienia jeszcze przed wysłaniem zamówienia.

Obsługa różnych kształtów i elementów technicznych

Konfigurator obsługuje kilka typów blatów: prosty, narożny oraz układ w kształcie U. Dla każdego wariantu system pokazuje odpowiednie pola i dopasowuje sposób rysowania projektu.

W konfiguracji można dodać między innymi:

• otwory prostokątne,
• otwory okrągłe,
• wcięcia pod parapet,
• ociekacze,
• fazowanie krawędzi,
• opcje wykończenia zależne od materiału.

Ważne było również rozróżnienie danych, które klient może podać z dokładnością do milimetra, od tych, które w realnej ofercie firmy powinny być zaokrąglane do określonego modułu. Dzięki temu konfigurator nie tylko zbiera dane, ale też pilnuje zasad oferty.

Sprawdzenie projektu przed wysłaniem

Przed wysłaniem zamówienia klient przechodzi przez dodatkowy krok kontrolny. System pokazuje podsumowanie projektu: dane kontaktowe, wybrany wzór, technologię, kształt, wymiary, liczbę otworów, wcięć, elementów blatu oraz rysunek techniczny.
Dopiero po potwierdzeniu, że dane i rysunek są poprawne, użytkownik może wysłać zamówienie.
Ten etap jest bardzo ważny, ponieważ przenosi część odpowiedzialności kontrolnej na moment przed wysłaniem formularza. Klient widzi, co zostanie przekazane do firmy, a firma otrzymuje bardziej świadomie zatwierdzone dane.