# Securand

Strona: https://kontaktio.pl/strony-internetowe/securand, ostatnia zmiana 2026-10-12

- Klient: Securand
- Branża: Ochrona
- Rodzaj: Strona firmowa
- Rok: 2026
- Adres: https://securand.pl
- Technologie i połączone usługi: Next.js, Vercel, Supabase

Nowa strona dla firmy ochroniarskiej Securand, na której odwiedzający sam składa zapytanie ofertowe albo pyta o zasięg patroli pod konkretnym adresem.

Securand prowadzi ochronę fizyczną i techniczną, od systemów zabezpieczeń i monitoringu po patrole interwencyjne, usługi detektywistyczne i psy służbowe. Ma własną centralę monitorowania i patrole w gotowości przez całą dobę. Dotychczasowy serwis działał na WordPressie z gotowym szablonem, który ograniczał układ sekcji i dokładanie kolejnych usług.

Zapytania z formularzy nie miały wspólnego miejsca odbioru, a firma przygotowywała premierę aplikacji alarmowej AlertMe z własną stroną pod osobnym adresem. Strona główna miała odtąd sprzedawać, z abonamentem AlertMe na czele. W zakres prac weszła przebudowa serwisu od podstaw, konfiguratory ofertowe i obsługa zgłoszeń z obu witryn.

- Jak zebrać od odwiedzającego komplet danych do wyceny bez rozmowy z handlowcem?
- Skąd obsługa ma od razu wiedzieć, czego dotyczy każde zgłoszenie?
- Jak przyjmować pytania o zasięg patroli tak, żeby obsługa dostała dokładny adres?

## Projekt dopasowany do oferty

Nowy projekt powstał na treści piętnastu podstron starego serwisu, przeniesionej razem ze zdjęciami pod dotychczasowe adresy. Strona główna prowadzi od abonamentu AlertMe i pakietów, przez sprawdzenie zasięgu i konfigurator, do kafli usług, z których każdy otwiera podstronę z pełnym opisem. Dalej są sekcja o patrolach, formularz kontaktowy i odnośnik do działu Aktualności.

Na podstronie systemów zabezpieczeń odwiedzający wybiera rodzaj obiektu, dom, mieszkanie, firmę albo osiedle, i widzi jego wizualizację z zalecanym zakresem zabezpieczeń. Każda sekcja ma układ dopasowany do swojej treści, więc cennik abonamentów i konfiguratory nie są wciśnięte w ramy gotowego szablonu. Całość spina ciemna paleta wokół firmowej żółci, nowa typografia i ruch przy przewijaniu, który wygasza się u osób proszących w ustawieniach urządzenia o mniej animacji. Serwis zbudowaliśmy w Next.js.

## Konfiguratory i zasięg

Trzy konfiguratory prowadzą odwiedzającego od pierwszego pytania do gotowego zapytania ofertowego. Na stronie głównej odwiedzający zaczyna od wyboru jednej z czterech dróg, od systemu alarmowego po ochroniarza z samochodem. Przy systemie alarmowym konfigurator pyta o pomieszczenia na każdym poziomie domu, zwierzęta i kominek, które wpływają na dobór czujników, oraz o sposób sterowania. Przy monitoringu zbiera liczbę kamer i odległość do rejestratora, a przy ochronie bezpośredniej liczbę osób, ochroniarzy i pojazdów.

Każdy krok sprawdza odpowiedzi, zanim pozwoli przejść dalej, a pola liczbowe nie przyjmują wartości ujemnych. Po wysłaniu odwiedzający widzi podsumowanie swoich odpowiedzi. Pytanie o zasięg przyjmuje adres z podpowiedzi opartych na danych OpenStreetMap, więc obsługa dostaje konkretny punkt na mapie do sprawdzenia w strefach patroli. Konfiguratory z ceną i bez niej zestawiliśmy na stronie [konfigurator produktu i oferty](/sklepy-internetowe/konfigurator-produktu).

## Jedna skrzynka zgłoszeń

Formularze kontaktowe z podstron usług, konfiguratory i zapytania o zasięg z serwisu Securand oraz wiadomości ze strony AlertMe trafiają do jednego programu na komputerze w centrali. Każde zgłoszenie przychodzi podpisane witryną, podstroną i rodzajem sprawy, więc obsługa od razu odróżnia zapytanie o monitoring od podania o pracę z załączonym CV. Na stronie głównej okno z ofertą AlertMe zbiera kontakty do tej samej skrzynki.

Nadejście zgłoszenia sygnalizuje powiadomienie na ekranie, a w bocznej kolumnie programu widać liczbę nowych zgłoszeń i filtry po statusie i rodzaju sprawy. Obsługa nadaje status, dopisuje wewnętrzną notatkę z ustaleniami, szuka po nazwisku, adresie e-mail i treści oraz widzi historię zmian. Program działa w systemie Windows, a zgłoszenia zapisuje baza danych w Supabase. Kolejny formularz dokładamy jedną zmianą po naszej stronie.

## Zakres prac

- Nowy serwis od podstaw
- Przeniesienie treści starego serwisu
- Projekt graficzny i typografia
- Animacje przy przewijaniu
- Trzy konfiguratory ofert
- Zapytanie o zasięg z podpowiedzią adresu
- Skrzynka zgłoszeń z obu witryn na komputerze centrali

---

Kontaktio. Agencja interaktywna i software house z Łodzi (kontaktio.pl): aplikacje mobilne, strony i sklepy internetowe oraz systemy dla firm. Kontakt: kontakt@kontaktio.pl, telefon 663 361 219, formularz https://kontaktio.pl/#kontakt. Treść całego serwisu w jednym pliku: https://kontaktio.pl/llms-full.txt