Wyzwanie
LPG View to platforma do monitoringu zbiorników LPG. Stara strona oparta na Elementorze generowała liczne problemy z wydajnością i nie rozróżniała segmentów klientów.
Brak segmentacji DOM/BIZNES
Przestarzały design bez animacji
Wolne ładowanie (>5s na mobile)
Statyczna mapa partnerów
Personalizacja dla dwóch grup
Nowoczesne micro-interactions
Core Web Vitals na zielono
Dynamiczna mapa z filtrami
Rozwiązanie
Przeprowadzono kompleksowy redesign — stara strona Elementor została zastąpiona w pełni dedykowanym motywem WordPress z własnymi modułami.
System segmentacji Dom/Biznes
-
Modal powitalny
Użytkownik wybiera segment przy pierwszej wizycie — DOM lub BIZNES -
Floating widget
Pływający przełącznik w prawym dolnym rogu z animacją fly-in -
Persystencja wyboru
Segment zapisywany w sessionStorage — personalizacja przy każdej wizycie
Dedykowany motyw WordPress
lpg-view/
├── assets/
│ ├── css/main.css # 5000+ linii, modularny CSS
│ └── js/main.js # 15 modułów JavaScript
├── inc/
│ ├── acf-fields.php # 10 grup pól ACF
│ ├── seo.php # Schema.org (9 schematów)
│ └── security.php # Zabezpieczenia
└── template-parts/ # 11 reużywalnych komponentówWłasne moduły
Kalkulator oszczędności
Cennik Dom/Biznes
Karuzela opinii
FAQ z Schema.org
Mapa partnerów Leaflet
Profesjonalna mapa partnerów
-
Interaktywna mapa Leaflet
Bez kosztów API Google Maps — OpenStreetMap wystarcza -
Custom Post Type „Partner”
Filtrowanie po typie, wyszukiwanie po mieście, popup z danymi -
Panel administracyjny
Klient samodzielnie dodaje partnerów — nazwa, adres, GPS, typ
Optymalizacja wydajności
SEO i Schema.org
Organization, WebSite z SearchAction, FAQPage, LocalBusiness, BreadcrumbList, Article, Product — pełna implementacja structured data.
Stack technologiczny
PHP 8.0+
Vanilla JS ES6
CSS3
Leaflet.js
OpenStreetMap
ACF PRO
Forminator
Rezultaty
Wnioski
Elementor to trade-off — szybki development vs wydajność produkcyjna. Segmentacja = konwersja — personalizacja treści od pierwszego kontaktu. OpenStreetMap wystarcza — nie zawsze potrzeba Google Maps. ACF PRO to must-have — elastyczność dla klienta bez kompromisów w kodzie.