Hurtownia systemów zabezpieczeń

https://montersi.pl

Montersi to hurtownia systemów zabezpieczeń i automatyki budynku, oferująca pomoc techniczną na każdym poziomie, szkolenia warsztatowe oraz bazę wiedzy technicznej. Sklep internetowy oferuje szeroki asortyment produktów, od kamer monitoringu po urządzenia automatyki domowej, zaspokajając potrzeby zarówno klientów indywidualnych, jak i biznesowych.

Opis

Pracując dla LizardMedia UX & Software House, rozwijałem front-end dla Montersi.pl z wykorzystaniem Bootstrap 4. Zapewniło to responsywny i przyjazny dla użytkownika design oraz niestandardowy panel administracyjny. Platforma e-commerce jest oparta na PrestaShop, dostarczając solidne i skalowalne rozwiązanie do zarządzania asortymentem, zamówieniami i interakcjami z klientami. Montersi.pl łączy zaawansowaną technologię z płynnym doświadczeniem zakupowym, czyniąc go celem dla produktów z zakresu bezpieczeństwa i automatyki.

Ściśle współpracowałem z zespołem składającym się z grafika, programisty back-end i drugiego programisty front-end. To podejście oparte na współpracy pozwoliło nam stworzyć spójną i wydajną platformę, zapewniając że wszystkie aspekty projektu były zharmonizowane i zoptymalizowane.

Stos technologiczny

Sklep B2B/B2C dla branży security wymaga czegoś więcej niż gotowego szablonu — musi obsłużyć tysiące SKU, warianty produktów, ceny kontraktowe dla instalatorów oraz integrację z hurtownią:

PrestaShop

Silnik e-commerce ze sprawdzoną obsługą katalogów wielopoziomowych, atrybutów technicznych i grup cenowych (instalatorzy vs. klient końcowy).

Bootstrap 4

Responsywny framework UI, dostosowany do siatki produktowej i rozbudowanych filtrów kategorii.

PHP + Smarty

Warstwa szablonów PrestaShop — autorskie moduły dostosowane do specyfiki asortymentu zabezpieczeń.

jQuery / Vanilla JS

Interakcje w koszyku, konfiguratory zestawów, porównywarki produktów.

SCSS

Warstwa stylistyczna z tokenami kolorystycznymi spójnymi z identyfikacją marki.

MySQL

Baza produktów i zamówień, indeksowana pod szybkie wyszukiwanie po kodach producenta (Hikvision, Dahua, Satel).

Zakres prac

Implementacja front-endu zgodnie z projektem UX/UI przygotowanym przez zespół graficzny.
Rozwój i modyfikacja niestandardowych szablonów PrestaShop (kategorie, karty produktów, checkout).
Budowa niestandardowego panelu administracyjnego ułatwiającego zarządzanie bazą produktów i szkoleniami warsztatowymi.
Integracja bazy wiedzy technicznej (PDF-y, instrukcje instalatora) z katalogiem produktów.
Optymalizacja wydajności — lazy loading zdjęć, minifikacja zasobów, cache agresywny na poziomie CDN.
Testy cross-browser oraz responsywności (desktop, tablet, mobile) przed każdym wdrożeniem.

Efekty

Przyspieszenie ładowania kart produktowych i stron kategorii o ok. 40% względem poprzedniej wersji sklepu.
Spójne, wolne od błędów wdrożenie nowego projektu graficznego w całym katalogu (tysiące SKU).
Sprawne skalowanie katalogu o kolejne grupy asortymentowe (monitoring IP, systemy alarmowe, automatyka domu).
Baza techniczna sklepu gotowa na dalsze integracje (B2B API, systemy ERP hurtowni).