Back
Platforma handlu B2B i strona internetowa dla producenta złączy ciesielskich
Cel projektu
Zastąpić przestarzały system B2B Domax własną platformą. Szybka strona i pełny system zamówień B2B w jednym, podłączony bezpośrednio do ERP producenta.
Zakres prac
Projektowanie UX/UI
Architektura systemu
Development
Czas trwania
Od 2023
Stała współpraca
Technologie
Laravel
Backpack CMS
Next.js
Klient
Domax
Jeden z największych producentów złączy ciesielskich w Europie, na platformie, z której wyrósł
Domax to jeden z największych producentów złącz ciesielskich w Europie z ponad trzydziestoletnim doświadczeniem. Jego biznes opiera się na partnerach handlowych, którzy raz za razem zamawiają z rozbudowanego katalogu, w dużych ilościach. Domax miał już platformę B2B, ale ta zdążyła się zestarzeć i zaczęła być obciążeniem. Firma poprosiła nas więc o jej zastąpienie i równoległą przebudowę strony marketingowej. Wzięliśmy na siebie wszystko: badania, UX i UI, architekturę i wdrożenie. Rozwijamy ją razem z Domax od 2023 roku.
Dwa produkty na wspólnej bazie
To, co zbudowaliśmy, to naprawdę dwa produkty z jednym kręgosłupem. Strona publiczna to strona marketingowa prezentująca cały świat Domax - produkty, rozwiązania, wsparcie techniczne i historię firmy. Za logowaniem kryje się poważna część: pełna platforma B2B, gdzie partnerzy handlowi przeglądają katalog, budują zamówienia, śledzą faktury i składają reklamacje. Obie działają z jednego systemu, więc zmiana w produkcie lub tłumaczeniu pojawia się wszędzie naraz. Nigdy się nie rozjeżdżają.
Zbudowany na własnym systemie B2B Laravel i CMS
Podstawą jest nasz własny system handlu B2B zbudowany na Laravel, połączony z systemem zarządzania treścią, który prowadzimy na Laravel Backpack. To nie jest gotowy sklep nagięty do potrzeb. To platforma, którą napisaliśmy dokładnie dla tego rodzaju producenta. Daje Domax dwie najważniejsze rzeczy. Pierwsza to silnik zamówień handlowych działający tak, jak naprawdę działa biznes hurtowy. Druga to CMS, który zespół kontroluje sam, bez wracania do nas przy każdej edycji.
Storefront Next.js zbudowany na solidnych fundamentach
Storefront to aplikacja Next.js. Jej fundament zbudowaliśmy jeszcze zanim powstała pierwsza strona. Jest design system z biblioteką komponentów, pełny ciemny oraz jasny motyw, internacjonalizacja na kilkanaście języków oraz wspólne stylowanie i routing utrzymujące spójność dużego serwisu. Ładuje się szybko i zachowuje spójność przez dziesiątki stron.
Katalog zaprojektowany zgodnie z tym, jak profesjonaliści naprawdę kupują
Katalog to miejsce, gdzie platforma handlowa żyje lub umiera, więc poświęciliśmy mu najwięcej uwagi. Produkty są zorganizowane jako modele z wariantami, tak jak Domax o nich myśli. Katalog oferuje tryb prosty do szybkiego przeglądania i tryb zaawansowany dla kupujących chcących mieć wszystko na ekranie. W trybie zaawansowanym partner wybiera które kolumny widzi, grupuje wiersze jak chce i przełącza tryby widoku. Platforma zapamiętuje to wszystko, osobno dla każdej zakładki, zapisując ustawienia na koncie. Filtry dostosowują się do tego, co jest na stronie, bo nie każdy atrybut dotyczy każdego produktu. Filtrowanie sięga aż do poziomu wariantu. To katalog zbudowany dla kogoś, kto we wtorek rano zamawia pięćdziesiąt pozycji, a nie do niezobowiązującego przeglądania.
Koszyk działający jak narzędzie dla handlu hurtowego
Koszyk najlepiej pokazuje, jak działa logika hurtowa. Zmiana ilości od razu uwzględnia aktualny stan magazynowy. Przed złożeniem zamówienia platforma pobiera bieżącą dostępność całego koszyka i pokazuje konkretne ostrzeżenia, na przykład o brakujących elementach trzech z jedenastu pozycji albo przekroczeniu limitu wagowego, ale nie blokuje zamówienia. Z ERP pobieramy również limit kredytu kupieckiego, jego wykorzystanie, indywidualny rabat i informację o zaległych fakturach. Zamówienia można składać w sztukach lub opakowaniowach (system automatycznie zaokrągli do odpowiedniej ilości sprzedażowej), importować cały koszyk z CSV i obsługiwać setki adresów dostawy na jednym koncie.
Zamówienia, faktury i reklamacje - zaplecze codziennej relacji B2B
Wokół samego zamawiania jest wszystko, czego partner potrzebuje później. Przeszłe zamówienia można filtrować, eksportować do pliku, pobierać jako PDF lub przenosić z powrotem do koszyka do ponownego zamówienia. Faktury przychodzą ze statusami, pobierają się w więcej niż jednym formacie i mają właściwą obsługę e-faktur. Gdy coś idzie nie tak, partner składa reklamację do zamówienia, dołącza zdjęcia i prowadzi ją z Domax przez wbudowany czat, obserwując zmiany statusu.
Bezpośrednia integracja z ERP producenta
Nic z tego nie działa bez głębokiej integracji z systemami Domax. Platforma jest w istocie nowoczesną twarzą ERP producenta: ceny, stany magazynowe, limity kredytowe, faktury i dane zamówień płyną z niego w czasie rzeczywistym do widoku, który ma przed sobą partner. Zbudowaliśmy integrację tak, by storefront zawsze odzwierciedlał prawdę z back office, a nie przestarzałą kopię. Wystawiliśmy też własne API B2B, by zatwierdzeni partnerzy mogli pobierać dane produktów i cen bezpośrednio do własnych systemów.
CMS, z którego zespół Domax zarządza całością
CMS to cichy bohater projektu. Domax zarządza z niego całą stroną marketingową - grupami produktów i kategoriami, kalendarium aktualności, zespołem, multimediami, zestawami półkowymi i resztą - wszystko edytowane w jednym miejscu na Laravel Backpack. Sięga to znacznie dalej niż sam tekst. Zespół zarządza tłumaczeniami na różne języki, nadpisuje nazwy kategorii i slugi, ustawia banery promocyjne osobno dla każdej firmy, kontroluje kolejność elementów w każdym języku, a nawet może wyczyścić cache Next.js czy podejrzeć zadania w tle z poziomu panelu. Celem było oddanie Domax jak największej kontroli, by zespół marketingowy mógł wprowadzać zmiany bez programisty.
Strona marketingowa niosąca cały świat Domax
Strona marketingowa zbiera bardzo dużo w jednym miejscu. Odwiedzający mogą przeglądać asortyment Domax, od złącz ciesielskich i kotew po architekturę ogrodową i system INTEGRI. Interaktywny widok rozwiązań pokazuje, gdzie który produkt pasuje. Partnerzy otrzymują wsparcie handlowe, gotowe zestawienia półkowe i dostęp do biblioteki multimediów z katalogami i broszurami. Jest strefa pobierania ze wszystkimi potrzebnymi certyfikatami ETA i zezwoleniami handlowymi. Kalendarium firmy przedstawia historię Domax. Dla INTEGRI jest nawet konfigurator 3D do projektowania systemu i generowania listy elementów. Wszystkim tym zarządza jeden CMS.
Przeniesienie ze starej platformy bez zatrzymywania biznesu
Wszystko to zastąpiło starszą platformę B2B, z której Domax wyrósł. Przejrzeliśmy, co robił stary system, i zdecydowaliśmy, co naprawdę musi zostać przeniesione. Przenieśliśmy biznes na nową platformę bez przerywania handlu, który przez nią codziennie przepływał.
Role, języki i firmy - każdy partner widzi własną wersję
B2B producenta to nie jedna grupa odbiorców, lecz wiele. Role pochodzą z systemów Domax i decydują, co widzi każdy użytkownik - kupujący, menedżer i obserwator dostają widoki i uprawnienia dopasowane do swojej roli. Platforma jest wielofirmowa i wielojęzyczna, a waluty podążają za językiem wybranym przez partnera. Całość jest opakowana w zabezpieczenia, których wymaga konto firmowe, od logowania po samouczki wprowadzające nowych partnerów. Każdy dostaje wersję dopasowaną do siebie, bez bałaganu z rzeczy, których nie potrzebuje.
Platforma ciągle rośnie - z niej wyrósł projekt DMX
Stało się to jednym z naszych najdłuższych i najbliższych partnerstw. Dostarczamy dla Domax od 2023 roku. Platforma urosła o ponad sto funkcji od uruchomienia - od modułu promocji po dwuskładnikowe logowanie i ciągłe dopracowywanie katalogu i koszyka. Doprowadziło to też do czegoś więcej. Kiedy platforma B2B ruszyła, Domax poprosił nas o zbudowanie DMX - sklepu B2C sprzedającego te same produkty klientom indywidualnym.
Efekt
Domax ma jeden system, który obsługuje jednocześnie jego publiczną twarz i biznes hurtowy, podłączony do ERP tak, by partnerzy zamawiali na podstawie rzeczywistego katalogu, rzeczywistych stanów magazynowych i rzeczywistego limitu kredytowego. Rośnie nieprzerwanie, funkcja po funkcji. To rodzaj długiej współpracy, którą uwielbiamy.
Odwiedź domax.com
Porozmawiajmy o Twoim projekcie!
Opowiedz nam o swoim projekcie. Pomożemy zaplanować architekturę, zakres i realizację.
