Przejdź do treści
Porozmawiajmy
PLEN
kontakt@kontaktio.plPanel klientaAsystent
Wszystkie strony internetowe
Strona firmowa

Securand

Cały serwis agencji ochrony zbudowaliśmy od nowa, razem z trzema konfiguratorami ofert.

Klient
Securand
Rok
2026
Zakres
  • Nowa strona od zera
  • Przeniesienie 15 podstron bez zmiany adresów
  • Projekt graficzny i typografia
  • Animacje przy przewijaniu
  • Trzy konfiguratory ofert
  • Zapytanie o zasięg z podpowiedzią adresu
  • Zgłoszenia z dwóch witryn w jednej skrzynce
Na żywo
securand.pl

Integracje

  • Next.js
  • Vercel
  • Supabase

/Problem

Przebudowa serwisu firmy z koncesją miała odbyć się tak, żeby żaden dotychczasowy adres nie zniknął z wyników wyszukiwania. Securand prowadzi ochronę fizyczną i techniczną, od systemów alarmowych i monitoringu po patrole interwencyjne, usługi detektywistyczne i psy służbowe. Poprzedni serwis rozbudowywano latami na kupionym szablonie, który ograniczał układ każdej sekcji i utrudniał dodawanie kolejnych usług do oferty. Równolegle firma przygotowywała premierę aplikacji alarmowej pod osobnym adresem, a zgłoszenia z obu witryn nie miały wspólnego punktu odbioru. W zakres prac weszła przebudowa serwisu od podstaw wraz z konfiguratorami ofertowymi i narzędziem sprawdzania zasięgu patroli.

/Podejście

Pierwszy przebieg był wierną kopią starego serwisu. Odtworzyliśmy wszystkie piętnaście podstron co do treści i zdjęć, pod tymi samymi adresami, żeby dzień przełączenia nie był dla wyszukiwarki żadną zmianą. Dopiero na sprawdzonej kopii położyliśmy warstwę projektu, czyli ciemną paletę wokół firmowej żółci, nową typografię i ruch przy przewijaniu. Każdą rundę zamykał ten sam przegląd, od czytelności tekstu po wagę grafik, powtarzany na każdej podstronie z osobna.

/Rozwiązanie

Każda sekcja ma dziś układ dopasowany do treści, którą pokazuje, więc cenniki, galerie i konfiguratory wyglądają tak, jak zostały zaprojektowane. Ruch pojawia się przy przewijaniu i wygasza się sam u osób, które w ustawieniach urządzenia proszą o mniej animacji. Najcięższe ujęcie, obracający się dom na stronie o systemach zabezpieczeń, wyrenderowaliśmy raz u siebie i zapisaliśmy jako wideo, więc telefon odtwarza gotowy plik. Trzy konfiguratory prowadzą odwiedzającego od pierwszego pytania do gotowego zapytania ofertowego, a osobne narzędzie przyjmuje pytanie o zasięg pod adresem wybranym z podpowiedzi, więc do obsługi trafia konkretny punkt na mapie, a nie odręczny opis. Formularze kontaktowe, konfiguratory i zapytania o zasięg z obu witryn spływają do jednego miejsca, zamkniętego dla kogokolwiek z zewnątrz.

/Efekt

Stary serwis został wymieniony w całości, a wszystkie piętnaście podstron odpowiada pod tymi samymi adresami co wcześniej. Każde zgłoszenie przychodzi podpisane witryną, podstroną i rodzajem sprawy, więc obsługa od razu wie, czy to zapytanie o monitoring, czy podanie o pracę. Operator widzi je w programie na komputerze w centrali kilka chwil po wysłaniu. Kolejny formularz dokładamy jedną zmianą po naszej stronie, bez przebudowy skrzynki.

Podgląd
securand.pl
Securand na ekranie komputera
securand.pl
Securand na telefonie
Z serwisu
Strona Securand w ciemnej palecie: sekcja o ochronie bez formalności z trzema krokami aktywacji
Cennik abonamentów ochrony: AlertMe, SecurPlus i SecurMax z ceną, liczbą interwencji i zakresem
Sekcja zasięgu ochrony z polem adresu i listą podpowiedzi, z której odwiedzający wybiera konkretny punkt
Początek konfiguratora ofertowego z czterema drogami do wyboru: system alarmowy, monitoring, ochrona bezpośrednia i ochroniarz z samochodem
Współpraca

Masz podobny projekt?

Napisz, co chcesz zbudować. Odpowiemy konkretnie: co da się zrobić w zakładanym terminie, w jakiej kolejności i jakich materiałów potrzebujemy na start.