_ Projekt graficzny
Glimat
Zaawansowany sklep internetowy PrestaShop dla Glimat – dostawcy części do maszyn budowlanych
Stworzyliśmy zaawansowany UX, design system oraz interaktywną koparkę 3D, umożliwiającą filtrowanie części po kliknięciu w konkretne obszary maszyny. Projekt obejmował także integrację dwóch magazynów i obsługę ponad 10 000 produktów.
Projekt graficzny premium
Implementacja koparki 3D
Co zrobiliśmy
Sklep PrestaShop z interaktywną koparką 3D dla dostawcy części
Glimat dostarcza części do maszyn budowlanych. SOLV zbudował zaawansowany sklep na PrestaShop: UX, design system, interaktywną koparkę 3D pozwalającą filtrować części po kliknięciu w obszar maszyny, integrację dwóch magazynów i obsługę ponad 10 000 produktów.
Dlaczego katalog części nie działa jak zwykły sklep
Kupujący część do koparki zwykle nie zna jej nazwy katalogowej. Zna miejsce w maszynie i objaw usterki. Klasyczna nawigacja kategoriami zakłada wiedzę, której on nie ma, więc przy dziesięciu tysiącach indeksów kończy się telefonem do handlowca. Interaktywny model 3D odwraca ten porządek: klikasz w podwozie, dostajesz części podwozia.
- Ponad 10 000 produktów, w których trzeba trafić w jeden właściwy indeks
- Dwa magazyny, więc dostępność to suma dwóch stanów, a nie jeden licznik
- Wybór częściej prowadzony wzrokiem po maszynie niż po drzewie kategorii
Zakres prac po stronie SOLV
Projekt i wdrożenie sklepu wraz z warstwą interaktywną.
- Zaawansowany UX i design system sklepu
- Projekt graficzny premium
- Implementacja interaktywnej koparki 3D z filtrowaniem części
- Integracja dwóch magazynów i obsługa ponad 10 000 produktów
Najczęstsze pytania
Jak ułatwić wyszukiwanie części do maszyn budowlanych?
Dając wejście przez maszynę, a nie przez katalog. Interaktywny model pozwala wskazać obszar, w którym jest usterka, i dopiero z niego przejść do listy części, bo tak wygląda realny sposób myślenia kupującego.
Czy PrestaShop udźwignie ponad 10 000 produktów?
Tak, pod warunkiem przemyślanej struktury katalogu, indeksowania wyszukiwarki i kontroli nad liczbą kombinacji atrybutów. To te trzy rzeczy, a nie sama liczba produktów, decydują o wydajności.
Jak pokazywać dostępność przy dwóch magazynach?
Trzeba zdecydować, czy klient widzi sumę stanów, czy stan per lokalizacja, i konsekwentnie to utrzymać. Najgorszy wariant to pokazywanie dostępności z jednego magazynu przy wysyłce z obu.
1. Sytuacja wyjściowa, cel i wyzwania
Glimat to ceniony w Polsce dostawca części zamiennych do maszyn budowlanych and ciężkiego sprzętu, współpracujący z markami takimi jak CAT, Komatsu, JCB, Volvo i Hitachi. Klient potrzebował nowoczesnego sklepu internetowego, który:
- obsłuży ponad 10 000 produktów,
- umożliwi łatwe i wizualne wyszukiwanie części,
- zintegruje dwa magazyny – w Polsce i we Włoszech,
- wprowadzi bardziej intuicyjną ścieżkę zakupową dla klientów B2B i B2C.
Wyzwania były spore:
- PrestaShop 1.7 przy tak dużej bazie wymaga bardzo dobrego zaplanowania architektury danych,
- produkty dla maszyn budowlanych często różnią się minimalnie → trzeba było uniknąć chaosu,
- kluczowy był system magazynowy z różnymi czasami dostawy:
- magazyn PL → dostawa 3 dni,
- magazyn IT (Włochy) → dostawa 10 dni,
- klient potrzebował wizualnego sposobu znajdowania części – stąd pomysł na interaktywną koparkę 3D.
W trakcie budowy projekt został przekazany innemu wykonawcy na dalszym etapie implementacji, ale UX, design system i krytyczne elementy funkcjonalne były przygotowane przez SOLV.
2. Zakres prac i wdrożone funkcjonalności
Zrealizowałyśmy najbardziej zaawansowane elementy serwisu: warstwę UX, logikę produktów, integrację magazynów i mechanikę interaktywnej koparki.
A. Interaktywna koparka 3D (moduł custom)
Najbardziej kluczowy i unikalny element projektu:
- model 3D koparki podzielony na klikalne strefy:
- łańcuchy,
- gąsienice,
- silnik,
- podwozie,
- ramię,
- wysięgnik,
- hydraulika,
- kliknięcie w dowolny element powodowało automatyczne filtrowanie produktów powiązanych z tym obszarem maszyny,
- rozwiązanie zostało napisane customowo (JS + Presta API),
- moduł musiał obsłużyć połączenie z wieloma kategoriami i minimalizować liczbę kliknięć.
Jedno z najbardziej innowacyjnych rozwiązań w całym portfolio SOLV.
B. Obsługa +10 000 produktów (B2B + B2C)
- zaawansowana struktura kategorii (części eksploatacyjne, hydraulika, elementy jezdne, łańcuchy, podwozia),
- import masowy i synchronizacja,
- wyszukiwarka oparta na indeksie pełnotekstowym + parametrach (część, model maszyny, seria).
C. Podwójne stany magazynowe (PL + Włochy)
To była jedna z najbardziej skomplikowanych części projektu.
Mechanika:
- stan magazynu PL → 3 dni dostawy,
- stan magazynu IT (drugi magazyn) → 10 dni dostawy,
- jeżeli produkt dostępny w obu → system wybierał magazyn priorytetowy (PL),
- jeśli brak w PL → wyświetlał czas dostawy z IT,
- komunikaty dynamiczne dopasowane do dostępności.
D. Custom PrestaShop – moduły i rozwiązania
SOLV przygotował customowe elementy kluczowe dla tego projektu:
- moduł dynamicznego filtrowania po modelu maszyny,
- customowy import danych z ERP,
- moduł do obsługi dwóch magazynów,
- moduł powiązań części z obiektami koparki w 3D,
- moduł parametryzacji „zamienników”.
E. UX i design system
- pełne makiety UX wysokiej rozdzielczości,
- design system (kolory, typografia, komponenty, grid),
- UI zoptymalizowane pod branżę przemysłową (mocne akcenty wizualne, prostota, duże CTA).
3. Efekty i rezultaty projektu
Mimo że projekt finalnie został kontynuowany przez innego wykonawcę, SOLV dostarczył:
- pewne fundamenty projektu, na których opiera się dzisiejsza wersja sklepu,
- nowoczesny design system,
- najbardziej skomplikowane elementy logiki e-commerce,
- interaktywny system wyboru części,
- infrastrukturę pod dużą bazę produktów,
- rozwiązania magazynowe, które odciążyły pracę działów sprzedaży.
Dodatkowo projekt:
- poprawił wydajność poruszania się po produktach,
- skrócił czas znajdowania właściwych części,
- ułatwił pracę klientom B2B, którzy nie chcą szukać części „po nazwie”.
4. Stack technologiczny PrestaShop
Z uwzględnieniem tego, co realnie mogło być użyte + to, co było customowo rozwijane.
Platforma
- PrestaShop 1.7 (custom-theme)
Moduły i technologie (core projektu)
- Custom 3D Machine Picker Module (filtracja po kliknięciu na obszary koparki)
- Custom Dual-Warehouse Logic Module
- ACRE/ERP Import Integrator (import + synchronizacja danych)
- Mass Product Import / Presta Importer
- Layered Navigation Pro (rozszerzone filtrowanie)
- ElasticSearch for PrestaShop (opcjonalne / możliwe użycie)
- Advanced Stock Management (ASM)
- Custom Product Attribute Mapper
- ShortPixel / TinyPNG (optymalizacja zdjęć)
- SpeedPack / Page Cache (optymalizacja CWV)
- Cloudflare CDN
5. FAQ (SEO + LLM)
1. Jak działa interaktywna koparka 3D na stronie Glimat?
Użytkownik klika w konkretne obszary maszyny (ramię, hydraulika, podwozie), a system automatycznie filtruje części powiązane z danym elementem. Funkcjonalność oparta jest na customowym module PrestaShop.
2. Jak rozwiązano integrację dwóch magazynów w sklepie?
Stworzyliśmy customowy moduł, który pobierał dane z magazynu PL oraz IT. Logika określała czasy dostawy (3 vs 10 dni) oraz priorytety dostępności.
3. Ile produktów obsługiwał system?
Ponad 10 000, z wieloma parametrami, modelami maszyn i seriami.
4. Czy SOLV wdrażało cały projekt?
SOLV stworzył design system, UX, kluczowe mechanizmy customowe i logikę magazynową. Projekt został później kontynuowany przez innego wykonawcę.
5. Dlaczego PrestaShop był dobrym wyborem?
Ze względu na możliwość customizacji, dużą liczbę produktów, integracje z ERP oraz rozbudowane moduły filtrowania i stanów magazynowych.