Sklep PrestaShop Steelstorm – Vue.js formularz produktów + custom preloader dla siłowni
Steelstorm.pl to sklep producenta profesjonalnego sprzętu siłowego —
od hantli po klatki CrossFit. Wdrożenie wymagało rozwiązania, którego
PrestaShop nie oferuje out-of-the-box: dynamicznego formularza do
masowego dodawania wariantów produktów i unikalnego efektu pierwszego
wejścia budującego markę premium.
Wyzwanie
Steelstorm produkuje sprzęt w dziesiątkach wariantów wagowych — np. hantle od 5 do 50 kg w krokach co 2,5 kg. Ręczne dodawanie każdego wariantu w standardowym PrestaShop zajmowało godziny. Dodatkowo sklep potrzebował unikalnego efektu "pękającego materiału" przy pierwszym wejściu, który wyróżni markę na tle generycznych sklepów fitness, oraz dynamicznych filtrów produktów zoptymalizowanych pod 80% ruchu mobilnego.
Rozwiązanie
- Vue.js formularz produktów – masowe dodawanie serii wariantów (np. 20 rozmiarów hantli) jednym formularzem; zero ręcznego klikania w panelu PrestaShop.
- Custom preloader "pękający materiał" – animacja Vue.js redukująca perceived load time i budująca wrażenie premium przy pierwszym wejściu.
- Dynamiczne filtry produktów – kategorie: hantle, sztangi, klatki CrossFit, akcesoria; filtrowanie bez przeładowania strony.
- Płatności: PayPo (kup teraz, zapłać później) + Stripe – integracje zwiększające konwersję przy wysokich kwotach zakupu.
- Responsywny design mobile-first – zoptymalizowany pod 80% ruchu z telefonów.
Stack: PrestaShop + Vue.js, SEO-friendly URL, PageSpeed 94+.
Rezultaty
- +35% konwersji dzięki preloadery i filtrom Vue.js.
- Średni czas ładowania < 2 s – wzrost sesji mobilnych o 50%.
- Łatwa skalowalność pod nowe produkty (PrestaShop).
"Formularz Vue.js i preloader zwiększyły sprzedaż od pierwszego dnia – w końcu mamy sklep na poziomie naszego sprzętu!" – założyciel Steelstorm.