About the client
LPG View is an LPG tank monitoring platform by IPS SYSTEM Przemyslaw Smiechowski. The system enables remote monitoring of gas levels in tanks for both residential (HOME) and business (BUSINESS) customers, offering a dashboard, a mobile app and API integrations.
The challenge
The previous LPG View website, built with Elementor, suffered from serious performance and usability problems. The lack of user segmentation confused visitors, and the outdated design fell short of competitor standards.
No HOME/BUSINESS user segmentation
Heavy CSS/JS files (>2MB combined)
Slow load times (>5s on mobile)
Core Web Vitals issues
Static partner map that was hard to update
Outdated, non-responsive design
Content personalization per segment (HOME/BUSINESS)
A dedicated theme instead of Elementor
Load time under 2s
Core Web Vitals - all green
Dynamic partner map with an admin panel
Modern, responsive design
The solution
1. HOME/BUSINESS segmentation system
We implemented a smart user segmentation system that personalizes content from the very first visit.
Welcome modal
On the first visit the user picks their segment - HOME or BUSINESS - which shapes the content they see
Floating widget
A floating switcher in the bottom-right corner with a smooth fly-in animation, allowing users to change segments at any time
Choice persistence
The selection is stored in sessionStorage - the user does not have to choose again during the session
2. Dedicated WordPress theme
The entire site was rebuilt from scratch as a dedicated WordPress theme, eliminating the Elementor overhead. The theme includes 11 reusable components, 10 ACF field groups and 15 JavaScript modules.
-
Hero with slideshow and video toggle
A dynamic main banner with the option to switch to video -
LPG savings calculator
An interactive tool that calculates potential savings for the user -
Pricing with a HOME/BUSINESS switcher
A pricing table that dynamically adapts to the selected user segment -
FAQ with accordion and Schema.org
A Q&A section with FAQPage structured data for better SEO
3. Performance optimization
Moving from Elementor to a dedicated theme brought a dramatic performance improvement across every metric.
| Metric | Before (Elementor) | After (Dedicated) | Improvement |
|---|---|---|---|
| CSS size | ~800KB | ~150KB | 81% |
| JS size | ~1.2MB | ~45KB | 96% |
| Load time | 5.2s | 1.4s | 73% |
| LCP | 4.8s | 1.9s | 60% |
| CLS | 0.25 | 0.02 | 92% |
4. Professional partner map
The static partner map was replaced with an interactive Leaflet map backed by a full admin panel for managing locations.
-
Interactive Leaflet + OpenStreetMap
No Google Maps API costs - full map functionality with free OpenStreetMap -
Custom Post Type "Partner" with ACF
The client adds partners on their own via an intuitive form (name, address, GPS, phone, email, type) -
Filtering and search
Filtering by type (Distributor, Service, Point of sale) and searching by name/city -
Popup with contact details
Clicking a marker shows partner details with a navigation link
5. SEO and Schema.org
We implemented 7 structured data schemas for comprehensive SEO optimization.
WebSite with SearchAction
FAQPage
LocalBusiness
BreadcrumbList
Article
Product
Open Graph
Twitter Cards
Canonical URLs
Technologies
PHP 8.0+
Vanilla JS ES6
CSS3
Leaflet.js + OpenStreetMap
Advanced Custom Fields PRO
Forminator
Schema.org (custom)
Results
The comprehensive LPG View redesign replaced an Elementor-based website with a fully dedicated WordPress theme. We implemented a HOME/BUSINESS segmentation system that personalizes content, an interactive Leaflet.js partner map with an ACF PRO admin panel, an LPG savings calculator and 7 Schema.org schemas. Cutting JS by 96% and CSS by 81% delivered a 73% load-time improvement and a 95+ mobile PageSpeed score.
