Katalog produktów na Webflow - aktualizacje bez pomocy technicznej
Klient: Sunny Family
Branża: Branża spożywcza / FoodTech
Katalog produktów
Projektujemy katalogi produktów, które pomagają klientom szybko znaleźć właściwy produkt, wariant lub parametr. Od prostych katalogów zarządzanych przez zespół klienta po rozbudowane bazy z dziesiątkami tysięcy rekordów i integracją z ERP lub PIM.
Firmy które nam zaufały
Podstawy
Katalog produktów online zamiast PDF-a i arkuszy
Katalog produktów to uporządkowana prezentacja asortymentu dla firm, które sprzedają przez handlowców, dystrybutorów albo zapytania ofertowe. 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, bo klient B2B przychodzi z konkretnym wymiarem albo numerem katalogowym. Katalog nie jest sklepem w wersji uboższej. To osobne narzędzie: pokazuje parametry i dostępność, a sprzedaż domyka zapytaniem ofertowym, kontaktem do handlowca albo eksportem specyfikacji. Jeśli od początku wiadomo, że ma być płatność online i obsługa zamówień, potrzebny jest sklep internetowy, nie katalog. Jeśli problem leży po stronie danych, a nie prezentacji — parametry i opisy są rozrzucone między arkuszami a plikami od dostawców — zacznijcie od systemu PIM. Katalog pokaże dokładnie to, co dostanie.
Zobacz katalogi produktów, które zbudowaliśmy dla naszych klientów
Baza 40 000 inwestycji budowlanych z modelem subskrypcyjnym
Klient: PolandBuild
Branża: Budownictwo / ConTech
Dr Marcus - strona internetowa z katalogiem produktów
Klient: Dr Marcus
Branża: Motoryzacja / Mobility
„Boring Owl za każdym razem szukało najlepszego rozwiązania w naszym budżecie. Sklep działa szybko, nasi klienci są zadowoleni — i my też.”
Anonimowy — Executive, Castellani
Opinia z Clutch (tłum. z angielskiego)
Przebieg
Jak powstaje katalog i skąd bierze dane
Zaczynamy od struktury: jak klient szuka. Po kategorii, po parametrze, po numerze katalogowym, czy po zastosowaniu? Na tej podstawie projektujemy strukturę kategorii, filtry i wyszukiwarkę. Następnie podłączamy dane z ERP, PIM, CMS lub plików i projektujemy karty produktów. Ustalamy też, co użytkownik może zrobić po znalezieniu odpowiedniej pozycji — wysłać zapytanie, pobrać kartę techniczną, skontaktować się z handlowcem lub dodać produkt do listy.
Po Twojej stronie są dane produktowe i decyzja, które parametry są filtrowalne. Po naszej stronie struktura, wyszukiwarka, integracja i wdrożenie.
Decyzje
Decyzje, które zdecydują, czy klient znajdzie to, czego szuka
Filtry. Lepiej zaprojektować kilka filtrów opartych na kompletnych danych niż kilkanaście, które zwracają niepełne wyniki.
Ceny. W katalogu B2B mogą być publiczne, dostępne po zalogowaniu albo całkowicie ukryte. Wszystko zależy od modelu sprzedaży i polityki cenowej firmy.
Co się dzieje po znalezieniu produktu. Każda karta produktu powinna jasno prowadzić użytkownika dalej — do zapytania ofertowego, kontaktu, dokumentacji albo listy produktów.
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
Od prostego katalogu po bazę z dziesiątkami tysięcy rekordów
Skala i sposób aktualizacji wyznaczają technologię, nie odwrotnie. Katalog Sunny Family działa na Webflow, bo zespół klienta miał go prowadzić samodzielnie, bez pomocy technicznej. Katalog Dr Marcus powstał na Strapi CMS, bo międzynarodowa marka potrzebowała kontroli nad strukturą i wersjami językowymi. Baza 40 000 inwestycji budowlanych PolandBuild wymagała własnej wyszukiwarki, modelu subskrypcyjnego i wydajności, której gotowe narzędzia nie dają.
W sprzedaży B2B dochodzi warstwa, której nie widać z zewnątrz: ceny widoczne dopiero po zalogowaniu, cenniki i rabaty przypisane do kontrahenta, konta firmowe z wieloma użytkownikami, zapytanie ofertowe zamiast koszyka, eksport specyfikacji do pliku i powtórzenie poprzedniego zamówienia jednym kliknięciem.
Technologie w naszych wdrożeniach
- API
API (ang. application programming interface) to programistyczny interfejs aplikacji, który pozwala oprogramowaniom na komunikowanie się miedzy sobą.
- AWS
Czym jest AWS i jak może ułatwić ci stworzenie strony internetowej?
- CMS
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
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
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
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
Amazon S3 (Simple Storage Service) to niezwykle wydajna usługa oferująca pamięć masową.
- AWS Amplify
AWS Amplify to zestaw narzędzi, które w szybki i łatwy sposób umożliwiają stawianie aplikacji webowych w chmurze.
Struktura danych
Atrybuty, warianty i filtrowanie, które prowadzi do produktu
Skuteczny katalog zaczyna się od dobrze zaplanowanych kategorii, atrybutów i wariantów prduktów. Projektujemy je tak, żeby użytkownik mógł szybko zawęzić wyniki, a zespół łatwo zarządzać ofertą. W PolandBuild kluczowe były filtry po lokalizacji, etapie i skali inwestycji. Ich logika wpłynęła na strukturę danych całego katalogu.
Od początku planujemy również import i aktualizację danych — z ERP, PIM, CMS lub arkuszy — oraz mechanizmy ograniczające błędy i duplikaty.Widoczność
Karty produktów, które pracują w wyszukiwarce
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 może jednocześnie wspierać sprzedaż: udostępniać ceny po zalogowaniu, indywidualne cenniki, dokumentację techniczną, listy produktów do zapytania czy eksport danych do PDF.
Analiza wyszukiwań wewnętrznych pokazuje dodatkowo, czego klienci szukają i czego nie znajdują. To cenna informacja zarówno dla zespołu sprzedaży, jak i osób zarządzających ofertą.
Powiązane usługi
Web development
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ęcejSEO / GEO
Pomagamy 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ęcejUX/UI Design
Projektujemy 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
Pytania, które słyszymy przed budową katalogu
- To serwis, który prezentuje produkty, ich warianty, parametry, dostępność i dokumentację w uporządkowanej formie. W przeciwieństwie do klasycznego sklepu nie musi umożliwiać bezpośredniego zakupu — może prowadzić np. do zapytania ofertowego lub kontaktu z handlowcem.
- Jeżeli klient może samodzielnie wybrać produkt, poznać cenę, zapłacić i złożyć zamówienie, zwykle lepszym rozwiązaniem jest sklep. Katalog sprawdza się wtedy, gdy sprzedaż wymaga wyceny, negocjacji, konfiguracji produktu albo kontaktu z handlowcem.
- Przede wszystkim od liczby produktów i wariantów, zakresu filtrowania, jakości danych oraz potrzebnych integracji. Znaczenie ma również to, czy katalog korzysta z gotowego CMS, czy wymaga dedykowanego rozwiązania.
- Tak. Katalog może pobierać z ERP lub PIM m.in. dane produktowe, ceny, dostępność i dokumentację. Zakres integracji zależy od możliwości systemu oraz tego, które źródło ma być nadrzędne dla poszczególnych danych.
- Tak. Katalog możemy przygotować tak, aby zespół samodzielnie zarządzał ofertą w CMS albo żeby dane aktualizowały się automatycznie z ERP, PIM lub innego źródła.
- Tak. Odpowiednio przygotowane kategorie i karty produktów mogą generować ruch z wyszukiwarki na zapytania związane z konkretnymi produktami, modelami i parametrami. Dlatego SEO warto uwzględnić już podczas projektowania struktury katalogu.
- Przy poprawnie zaprojektowanej strukturze danych — dziesiątki tysięcy indeksów. Ograniczeniem rzadko jest liczba rekordów; wąskim gardłem bywa filtrowanie po kilkunastu parametrach naraz i to, czy dane są na tyle uporządkowane, żeby filtry miały po czym działać. Przy dużych katalogach wyszukiwanie stawiamy na osobnym silniku, a nie na zapytaniach do bazy.
- Tak — przy katalogu Dr Marcus wersje językowe były jednym z powodów, dla których powstał dedykowany CMS. Warto to przewidzieć na etapie modelu danych: które pola się tłumaczy, które zostają wspólne (symbole, parametry techniczne), a które różnią się między rynkami. Dokładanie wielojęzyczności do gotowego katalogu jest wyraźnie droższe niż zaplanowanie jej od początku.
Zbudujmy wspólnie produkty cyfrowe dla Twojej firmy
Artykuły o produkcie
Interesuje cię katalog produktów online?
Od baz z dziesiątkami tysięcy pozycji po katalogi, które zespół klienta aktualizuje samodzielnie — z filtrowaniem po parametrach.
Napisz do nas