HS Sensors

Kontekst

HS Sensors jest wyłącznym dystrybutorem czujników drgań Hansford Sensors w Polsce, Czechach i na Słowacji. Hansford Sensors to brytyjski producent przemysłowych akcelerometrów, czujników drgań z wyjściem 4–20 mA i akcesoriów do monitorowania drgań maszyn. Strona hssensors.pl to firmowa strona B2B dystrybutora: katalog produktów, dobór czujnika, branże, baza wiedzy i zapytania ofertowe.

Potrzeba

Klient przemysłowy, zanim zapyta o ofertę, musi znaleźć właściwy czujnik wśród setek modeli — po parametrach technicznych, zastosowaniu i branży — i mieć pod ręką dokumentację techniczną. Cen na stronie nie ma: na zapytania HS Sensors odpowiada ofertą z cenami i terminem dostawy, dlatego zamiast koszyka zakupowego potrzebny był koszyk zapytań ofertowych. Firma potrzebowała też jednego panelu do prowadzenia katalogu, treści i zapytań — w wersji polskiej i angielskiej.

Zakres

• strona B2B w wersji polskiej i angielskiej,
• katalog produktów z wyszukiwarką, filtrami i stronami modeli,
• kreator doboru czujnika i porównywarka produktów,
• strony branż i zastosowań,
• baza wiedzy i dokumentacja techniczna do pobrania,
• koszyk zapytań ofertowych B2B,
• panel administracyjny z CMS-em, CRM-em zapytań, zarządzaniem katalogiem, importem plików CSV i XLSX oraz analityką.

Rozwiązanie

Katalog obejmuje ponad 400 produktów zaimportowanych z publicznego katalogu producenta i ponad tysiąc dokumentów technicznych. Produkty, kategorie i parametry są w bazie danych, a nie w kodzie: nowe atrybuty, filtry, wiersze porównania i reguły doboru czujnika konfiguruje się w panelu. Filtry zapisują się w adresie strony, a wyszukiwarka rozpoznaje oznaczenia modeli zapisane na różne sposoby (np. HS-420, HS 420 albo 420), polską odmianę i synonimy.

Kreator doboru czujnika zawęża wybór na podstawie kilku pytań — między innymi o to, dokąd trafia sygnał z czujnika, z której strony ma wychodzić przewód i ile osi pomiarowych potrzeba. Strony 11 branż, od przemysłu metalurgicznego i cementowego po energetykę wiatrową, opisują typowe maszyny, najczęstsze uszkodzenia i wykonania czujników, które się w nich sprawdzają.

Klient dodaje do koszyka zapytań produkty z opcjami zamówienia i ilościami. Zapytanie trafia do CRM-u w panelu z własnym numerem, statusem, osobą odpowiedzialną, notatkami i źródłem wejścia. Zapisuje się, zanim zostanie wysłany jakikolwiek e-mail, więc nieudane powiadomienie nie oznacza utraconego zapytania.

Wersja polska jest pod głównym adresem, angielska pod /en — z przetłumaczonymi adresami podstron i oznaczeniami hreflang. Panel jest po polsku, a pola treści mają zakładki PL i EN. Dostęp do panelu dzielą role administratora, redaktora i handlowca, a uprawnienia są sprawdzane po stronie serwera.

Analityka jest wbudowana w stronę: bez zgody liczy tylko anonimowe zdarzenia i niczego nie zapisuje na urządzeniu, a identyfikatory odwiedzających i tagi Google ładują się dopiero po zgodzie. Nieznane adresy produktów, kategorii, branż i artykułów zwracają prawdziwy kod 404, a zmienione adresy — automatyczne przekierowanie 301.

Najważniejsze funkcje

• katalog z wyszukiwarką i filtrami zapisanymi w adresie strony,
• kreator doboru czujnika i porównywarka produktów,
• koszyk zapytań ofertowych i CRM zapytań w panelu,
• strony branż, baza wiedzy i dokumentacja techniczna,
• wersje polska i angielska,
• import katalogu z plików CSV i XLSX,
• edytor treści z obrazami, tabelami i osadzonymi filmami,
• role administratora, redaktora i handlowca,
• analityka z trybami zgód.

Technologie

Strona i panel działają na Next.js 16 (App Router, Cache Components) z React 19 i TypeScript, ze stylami w Tailwind CSS 4. Dane są w bazie PostgreSQL (Neon) obsługiwanej przez Prisma, a każde zapytanie API, akcję serwera i import sprawdza Zod. Treści powstają w edytorze TipTap i są renderowane po stronie serwera bez wstrzykiwania HTML. Pliki i zdjęcia przechowuje Vercel Blob (obrazy przetwarza sharp), a całość działa na Vercelu. Testy: Vitest i Playwright.