IQ Fence

IQ Fence projektuje, dostarcza i montuje ogrodzenia panelowe, palisadowe i aluminiowe oraz bramy w Szczecinie i okolicach. Jest submarką IQ Solar.

Strona ma prowadzić klienta od pierwszego wrażenia do konkretnego zapytania. Na każdej podstronie czekają dwie drogi — wycena w konfiguratorze albo bezpłatny pomiar. Serwis działa po polsku, angielsku i niemiecku, bo część klientów pochodzi z pogranicza polsko-niemieckiego.

Cena ogrodzenia zależy od typu, modelu, koloru, długości, wysokości, fundamentu, bram i akcesoriów. Zwykły formularz kontaktowy kończy się więc wymianą kilku wiadomości, zanim firma w ogóle może przygotować ofertę.

Celem było odwrócenie tej kolejności — zebrać komplet informacji, zanim zapytanie trafi do firmy, i nie przytłoczyć przy tym klienta, który często po raz pierwszy kupuje ogrodzenie.

Konfigurator dzieli zakup na siedem kroków — rodzaj zamówienia, typ ogrodzenia, model i kolor, wymiary, fundament, bramy i akcesoria, podsumowanie z danymi kontaktowymi. Pasek postępu pokazuje, gdzie jest klient i ile zostało.

Duże karty wyboru i podpowiedzi „Najpopularniejsze” czy „Nie jestem pewien” zdejmują presję trafnego wyboru. Opcje pojawiają się dopiero wtedy, gdy są potrzebne — bramy, furtki i akcesoria otwierają się po włączeniu przełącznika.

Po wyborze typu ogrodzenia konfigurator ładuje tylko pasujące modele, a paletę kolorów RAL filtruje pod konkretny produkt. Dzięki temu nie da się złożyć zestawienia, którego firma nie oferuje.

Kolor spoza palety też jest możliwy. Konfigurator od razu informuje wtedy o dopłacie około 10% i o dłuższym czasie realizacji — mniej więcej o 7 dni roboczych — zanim klient przejdzie dalej.

Wymiary są sprawdzane w trakcie wpisywania. Zbyt krótki odcinek — poniżej 5 metrów — od razu dostaje czytelny komunikat, zamiast błędu po wysłaniu formularza.

Na podstawie długości, wysokości i bramy konfigurator na bieżąco szacuje liczbę przęseł, słupków i powierzchnię ogrodzenia. To dane orientacyjne — pomagają klientowi zrozumieć skalę, a ostateczną wycenę i tak potwierdza pomiar.

Ostatni krok zbiera całą konfigurację w czytelne podsumowanie i dodaje dane kontaktowe. Firma dostaje jedno zapytanie e-mailem, które od razu zawiera wszystko, czego potrzebuje do przygotowania oferty.

Szkic konfiguracji zapisuje się w przeglądarce, więc klient, który przerwie w połowie, nie zaczyna od zera. Formularz obsługuje prosty backend w PHP — bez bazy danych.

Na telefonie układ przechodzi w jedną kolumnę, a przyciski zajmują pełną szerokość. Konfigurator nie traci żadnego kroku ani opcji — karty wyboru, paleta RAL i pola wymiarów są dopasowane do kciuka.

Każda podstrona celuje w konkretną intencję lokalną przez tytuł, opis i jeden nagłówek H1. Strony produktowe mają FAQ, serwis ma jawny cennik, a sekcja o obszarze działania wymienia obsługiwane miejscowości.

Napisałem generator bloga w PHP, który z plików źródłowych buduje wpisy w trzech językach, listę wpisów, mapę witryny, sekcję realizacji na stronie głównej i warianty zdjęć WebP. Wpisy opisują prawdziwe realizacje.

Pod spodem — dane strukturalne, hreflang dla trzech języków, mapa witryny z ponad 60 adresami, przyjazne polskie adresy i przekierowania 301 ze starych URL-i.

Serwis to statyczne strony HTML z Bootstrap 5.3, czysty JavaScript i PHP. Działa na zwykłym hostingu Apache, bez frameworka i bez bazy danych — łatwo go utrzymać i trudno zepsuć.

W teście laboratoryjnym Lighthouse z 27.10.2026 strona główna w wersji desktop uzyskała 100 punktów za wydajność, a konfigurator 99. Wynik SEO wyniósł 100 we wszystkich pomiarach.