Strona • Ochrona • Sprzedaż
Securand
Dwa serwisy dla licencjonowanej firmy ochrony - nowa strona securand.pl zbudowana od zera zamiast starego WordPressa, z konfiguratorami systemów i sprawdzaniem zasięgu, oraz AlertMe: strona sprzedażowa z pełnym procesem zamówienia - od wyboru pakietu, przez weryfikację tożsamości i umowę, po płatność i automatyczne założenie konta w aplikacji.
Wyzwanie
Securand - firma ochrony z koncesją MSWiA - działała na starej stronie w WordPressie i Elementorze, która nie sprzedawała i nie dawała się rozwijać. Potrzebne były dwie rzeczy naraz: nowoczesna strona firmowa, która realnie zbiera zapytania, oraz osobny serwis dla AlertMe - autorskiej aplikacji alarmowej - w którym klient sam przechodzi całą drogę od wyboru pakietu do działającego konta w aplikacji.
Co zbudowaliśmy
Dwie spięte ze sobą części: securand.pl napisany od zera w Next.js 15 oraz AlertMe - stronę sprzedażową z kompletnym procesem zamówienia, płatnością i zakładaniem kont. Obie wysyłają wszystkie formularze do jednego punktu przyjmowania zgłoszeń opartego o Supabase, więc obsługa zawsze widzi, z której strony i z którego formularza przyszło zapytanie.
Strona securand.pl
Sprzedażowa strona główna z rotującym hero, sekcją AlertMe, abonamentami i sprawdzaniem zasięgu ochrony, a do tego pełne podstrony usług: systemy zabezpieczeń, oferta dla klienta, osiedla i wspólnoty, ochrona bezpośrednia, detektywi i przewodnicy K9. Osobno blog, kontakt z danymi BOK i rekrutacja z wgrywaniem CV. Każda podstrona ma własny formularz oznaczony swoim źródłem, własne metadane, dane strukturalne i generowane grafiki OG.
Konfiguratory
Trzy wielokrokowe konfiguratory na jednym silniku - system alarmowy (obiekt, czujki, sterowniki, sygnalizatory), monitoring (systemy, typ instalacji, liczba kamer, podgląd przez internet) i ochrona bezpośrednia (liczba osób, agenci, wyjazdy, pojazdy). Do tego wizualny konfigurator obiektu: dom, mieszkanie, firma albo osiedle, z podmienianą wizualizacją i listą zalecanego zakresu prac. Sprawdzanie zasięgu podpowiada adresy przez własny serwerowy pośrednik do geokodera, a gdy ten nie odpowiada, formularz płynnie przechodzi na ręczne wpisanie adresu.
AlertMe - sprzedaż i zamówienie
AlertMe to aplikacja, w której przytrzymanie przycisku wysyła lokalizację do operatora 24/7, a ten wysyła patrol albo zawiadamia policję. Zbudowaliśmy dla niej stronę sprzedażową i siedmiokrokowy proces zamówienia w jednym oknie: pakiet, dane konta, dokument tożsamości, selfie, umowa, płatność i aktywacja. Cena - abonament roczny albo miesięczny, dodatkowe osoby chronione, pakiet zagraniczny - liczona jest wyłącznie na serwerze, płatność idzie przez Stripe w trybie subskrypcji, a podpisany webhook prowadzi zamówienie przez wszystkie statusy.
Weryfikacja i konta
Selfie każdej osoby chronionej weryfikuje serwer przez wykrywanie twarzy - przeglądarka nie może sama potwierdzić, że zdjęcie jest poprawne, a podmiana zdjęcia kasuje weryfikację. Akceptacja umowy zapisywana jest po stronie serwera jako podpis elektroniczny: czas, adres IP, przeglądarka i wersja regulaminu. Dopiero opłacone i podpisane zamówienie uruchamia zakładanie kont - każda zweryfikowana osoba dostaje własne konto w aplikacji i jednorazowy link do ustawienia hasła, więc żadne hasło nie jest generowane ani wysyłane mailem.
Bezpieczeństwo
Klucz z pełnym dostępem do bazy żyje wyłącznie na serwerze, a strona i aplikacja korzystają tylko z bezpiecznych, oddzielonych endpointów. Baza domyślnie odmawia dostępu, każda zmiana statusu zapisuje się w dzienniku, wgrywane CV sprawdzamy po sygnaturze pliku (nie po rozszerzeniu), a adresy IP zapisujemy wyłącznie jako solony skrót. Formularze mają pułapki na boty i limity zapytań, płatności - podpisane i odporne na powtórzenia webhooki, całość pod pełnymi nagłówkami bezpieczeństwa i polityką CSP.
Efekt
Securand ma stronę, która nie tylko opowiada o usługach, ale prowadzi klienta przez konfigurator do konkretnego zapytania, oraz AlertMe, w którym klient sam kupuje ochronę i po kilku minutach loguje się do aplikacji - bez telefonu, papieru i ręcznego zakładania kont. Wszystkie zapytania z obu serwisów spływają do jednej skrzynki, z widocznym źródłem każdego zgłoszenia.
Z projektu
