
Katalog produktów na Webflow - aktualizacje bez pomocy technicznej
Klient: Sunny Family
Branża: Branża spożywcza / FoodTech
Katalog produktów w trzech skalach z naszych wdrożeń: baza 40 000 inwestycji budowlanych z płatnym dostępem dla PolandBuild, katalog międzynarodowej marki Dr Marcus na własnym CMS i katalog Sunny Family na Webflow, który zespół klienta aktualizuje bez pomocy technicznej.
Firmy które nam zaufały
Podstawy
Katalog produktów to uporządkowana prezentacja asortymentu bez koszyka — dla firm, które sprzedają przez handlowców, dystrybutorów albo zapytania ofertowe, a nie przez przycisk „kup teraz". Zastępuje PDF, który dezaktualizuje się w dniu wysłania, i arkusz, którego nikt nie chce otwierać na telefonie.
Ma sens tam, gdzie klient musi znaleźć konkretny produkt wśród wielu podobnych: hurtownie, producenci części, firmy z rozbudowaną specyfikacją techniczną. Kluczem jest wyszukiwanie i filtrowanie po parametrach, a nie ładne zdjęcia — bo klient B2B przychodzi z konkretnym wymiarem albo numerem katalogowym, nie z inspiracją.
Katalog nie jest sklepem w wersji uboższej. To osobne narzędzie: pokazuje dostępność i parametry, a domyka sprzedaż przez zapytanie, handlowca albo eksport do zamówienia. Dokładanie do niego koszyka „bo można" zwykle oznacza, że potrzebny był sklep od początku.

Klient: Sunny Family
Branża: Branża spożywcza / FoodTech

Klient: PolandBuild
Branża: Budownictwo / ConTech

Klient: Dr Marcus
Branża: Motoryzacja / Mobility
„Makiety naszej strony i sklepu internetowego zostały ukończone zgodnie z planem. Jesteśmy bardzo zadowoleni z ich jakości i dopracowania. Ich sprawność w realizacji i dostarczaniu robiła duże wrażenie.”
Krzysztof Kornas — CEO, High Culture sp. z o.o.
Opinia z Clutch (tłum. z angielskiego)Przebieg
Zaczynamy od struktury: jak klient szuka. Po kategorii, po parametrze, po numerze katalogowym, czy po zastosowaniu? To rozstrzyga o układzie filtrów, a filtry są w katalogu ważniejsze niż strona główna.
Potem podłączamy dane — z ERP, z PIM albo z plików — i budujemy warstwę prezentacji z wyszukiwarką. Na końcu ustalamy, co dzieje się po znalezieniu produktu: zapytanie ofertowe, kontakt do handlowca regionalnego, pobranie karty technicznej, dodanie do listy.
Po Twojej stronie są dane produktowe i decyzja, które parametry są filtrowalne. Po naszej stronie struktura, wyszukiwarka, integracja i wdrożenie.
Na czas wpływa jakość danych: katalog jest tak dobry, jak konsekwencja w opisie parametrów. Jeśli ta sama średnica bywa zapisana jako „12 mm", „12mm" i „fi 12", filtr nie zadziała, dopóki dane nie zostaną ujednolicone — i to zwykle najdłuższy etap.
Decyzje
Po czym filtrujemy. Każdy filtr wymaga, żeby parametr był uzupełniony przy każdym produkcie — inaczej filtrowanie ukrywa część asortymentu i klient wyciąga wniosek, że go nie macie. Lepiej pięć filtrów działających niż dwadzieścia z lukami.
Czy pokazujemy ceny. W B2B to decyzja handlowa: ceny jawne skracają drogę do zapytania, ceny po zalogowaniu chronią warunki indywidualne. Obie są do obrony, ale wybór wpływa na całą architekturę dostępu.
Co się dzieje po znalezieniu produktu. Katalog bez jasnego następnego kroku jest ładną ślepą uliczką. Zapytanie, kontakt, karta techniczna — jedno z nich musi być oczywiste na każdej karcie produktu.
Czego nie robić. Nie przenoś struktury z PDF-a jeden do jednego; papier i wyszukiwarka rządzą się innymi prawami. Nie ukrywaj dostępności, jeśli ją znacie. I nie dokładaj koszyka bez decyzji o całym procesie sprzedaży — to już jest sklep.
Zakres
Katalog produktów w trzech skalach z naszych wdrożeń: baza 40 000 inwestycji budowlanych z płatnym dostępem dla PolandBuild, katalog międzynarodowej marki Dr Marcus na własnym CMS i katalog Sunny Family na Webflow, który zespół klienta aktualizuje bez pomocy technicznej. Skala i proces aktualizacji wyznaczają technologię — nie odwrotnie.
Katalog B2B różni się od sklepu tym, że kupujący zwykle wie, czego szuka — po symbolu, parametrze albo zamienniku. Dlatego sercem katalogu jest wyszukiwarka i filtrowanie po atrybutach technicznych, a karty produktów prezentują dane tak, jak czyta je specjalista.
API (ang. application programming interface) to programistyczny interfejs aplikacji, który pozwala oprogramowaniom na komunikowanie się miedzy sobą.
Czym jest AWS i jak może ułatwić ci stworzenie strony internetowej?
CMS (Content Management System), czyli system zarzadzania treścią to oprogramowanie, które umożliwia łatwe tworzenie dynamicznych witryn internetowych oraz zarządzanie ich zawartością bez znajomości praktycznej wiedzy programistycznej.
Figma to jedno z nowocześniejszych (obok np. AdobeXD ) i cieszących się dużą popularnością narzędzi do projektowania i prototypowania stron internetowych i aplikacji mobilnych.
PostgreSQL to otwartoźródłowa, obiektowo-relacyjna baza danych, wybierana tam, gdzie liczą się zgodność ze standardem SQL, obsługa transakcji i niezawodność pod obciążeniem.
React.js to jedna z najpopularniejszych bibliotek JavaScript, która umożliwia tworzenie złożonych graficznych interfejsów użytkownika, a zatem umożliwia interakcję użytkownika z komputerem.
Amazon S3 (Simple Storage Service) to niezwykle wydajna usługa oferująca pamięć masową.
AWS Amplify to zestaw narzędzi, które w szybki i łatwy sposób umożliwiają stawianie aplikacji webowych w chmurze.
Struktura danych
Dobry katalog stoi na strukturze danych: atrybuty przemyślane pod filtrowanie, warianty bez dublowania rekordów, kategorie odpowiadające temu, jak szukają klienci. W PolandBuild filtry po lokalizacji, etapie i skali inwestycji są głównym narzędziem pracy użytkownika — struktura danych była projektem samym w sobie.
Import i aktualizacje projektujemy od razu: zasilanie z ERP lub arkuszy, walidacje, wykrywanie duplikatów. Katalog, którego nie da się wygodnie aktualizować, umiera w pół roku.
Widoczność
Każda karta produktu to potencjalne wejście z Google: dane strukturalne, opisy pisane pod realne zapytania, poprawna paginacja i kanonikale przy wariantach. Na dużych katalogach to główne źródło ruchu — dziesiątki tysięcy stron produktowych pracują na widoczność całego serwisu, jeśli są technicznie czyste.
Katalog często pełni rolę narzędzia handlowego: ceny widoczne po zalogowaniu, cenniki per kontrahent, zapytania ofertowe z koszyka i eksport specyfikacji do PDF.
Analityka wyszukiwań pokazuje, czego klienci szukają i nie znajdują — to gotowa lista braków asortymentowych i poprawek w danych produktowych dla działu handlowego.
Projektujemy i tworzymy dedykowane aplikacje webowe - od MVP, które pozwala szybko zweryfikować pomysł, po rozbudowane platformy i systemy rozwijane przez lata. Budujemy zarówno warstwę frontendową, jak i backend, API, bazy danych, panele administracyjne oraz integracje z zewnętrznymi systemami. Pracujemy m.in. z Next.js, React, Node.js, NestJS, Pythonem, PostgreSQL i MongoDB. Tworzymy rozwiązania dopasowane do konkretnego procesu biznesowego: aplikacje SaaS, systemy wewnętrzne, platformy sprzedażowe, serwisy internetowe, marketplace’y i systemy CMS.
Dowiedz się więcejPomagamy zwiększać widoczność stron w Google i w odpowiedziach generowanych przez AI. Łączymy techniczne SEO, optymalizację treści i pracę nad strukturą serwisu. Zaczynamy od audytu, a najważniejsze zalecenia przekładamy na konkretne wdrożenia w kodzie.
Dowiedz się więcejProjektujemy UX/UI aplikacji webowych, mobilnych i systemów B2B - od analizy potrzeb użytkowników i pierwszych makiet po gotowy interfejs oraz design system w Figmie. Nie projektujemy ekranów w oderwaniu od produktu. Sprawdzamy ścieżki użytkowników, dane z analityki i ograniczenia technologiczne, żeby stworzyć rozwiązanie, które jest wygodne w użyciu i możliwe do sprawnego wdrożenia. Po uruchomieniu produktu możemy wrócić do heatmap, nagrań sesji, analityki i rozmów z użytkownikami. Dzięki temu kolejne zmiany wynikają z danych, a nie z przypuszczeń.
Dowiedz się więcejFAQ
Katalog produktów to serwis prezentujący ofertę bez sprzedaży online: pokazuje produkty, parametry i dostępność, a kontakt prowadzi do handlowca lub zapytania ofertowego. Sprawdza się tam, gdzie cena zależy od negocjacji, ilości albo indywidualnych warunków, czyli najczęściej w sprzedaży B2B i w branżach z konfigurowalnym produktem.
Najmocniej na koszt wpływa liczba parametrów, po których trzeba filtrować, oraz stan danych produktowych. Katalog na uporządkowanych danych z jednego źródła powstaje szybko; ten sam katalog na opisach od kilku dostawców wymaga najpierw ujednolicenia atrybutów i to jest zwykle najdłuższy etap. Integracja z systemem ERP dla stanów i cen to osobna, przewidywalna pozycja.
Brakiem koszyka i płatności — katalog kończy się zapytaniem, a nie zamówieniem. Dzięki temu jest prostszy i tańszy, ale wymaga sprawnej obsługi zapytań po stronie handlowej, bo to ona domyka sprzedaż. Wiele firm zaczyna od katalogu i dokłada sprzedaż online dopiero wtedy, gdy część oferty da się wycenić bez negocjacji.
Zwykle tak i zwykle warto: bez tego ceny i dostępność trzeba aktualizować ręcznie, a nieaktualne dane w katalogu B2B kosztują zaufanie szybciej niż ich brak. Ustalamy przy tym, który system jest źródłem prawdy dla każdego pola.
To decyzja handlowa, nie techniczna. Ceny widoczne publicznie skracają ścieżkę i odsiewają zapytania spoza zakresu, ale ujawniają politykę cenową konkurencji. Rozwiązaniem pośrednim jest pokazywanie cen po zalogowaniu, z widełkami albo ceną katalogową dostępną dla wszystkich.

Od baz z dziesiątkami tysięcy pozycji po katalogi, które zespół klienta aktualizuje samodzielnie — z filtrowaniem po parametrach.
Napisz do nas