Lumines Lighting to marka LED Labs SA, polskiego producenta oświetlenia w technologii LED. Firma od 18 lat projektuje i produkuje w Polsce oświetlenie liniowe LED na dowolny wymiar i dostarcza je do ponad 50 krajów. Oferta to ponad 3400 produktów: profile aluminiowe LED, szynoprzewody magnetyczne i trójfazowe oraz akcesoria, w rozbudowanej strukturze serii i zastosowań. Odbiorcami są architekci, projektanci, instalatorzy i partnerzy handlowi, a każdy system jest testowany w trzech laboratoriach LED Labs.
Wyzwanie
Punktem wyjścia miała być nowa strona WWW. W trakcie prac stało się jednak jasne, że skala oferty i sposób pracy odbiorców wymagają nie witryny, lecz platformy produktowej, w której klient samodzielnie odnajduje właściwy profil i komplet materiałów.
Setki produktów w złożonej strukturze
- Oferta obejmuje wiele serii i kategorii, od profili mini i meblowych, przez architektoniczne, po szynoprzewody magnetyczne i trójfazowe.
- Każdy produkt opisują dziesiątki atrybutów technicznych: sposób i technika montażu, zastosowanie, kolorystyka, długości, akcesoria, schematy instalacji.
- Bez sprawnej wyszukiwarki i filtrów dotarcie do właściwego modelu było żmudne, a różnice między seriami trudne do porównania.
Praca odbiorców B2B wykraczała poza zwykłą stronę
- Architekt potrzebuje zestawić i porównać profile, zebrać materiały do projektu i pobrać dokumentację.
- Instalator i partner handlowy potrzebują szybkiego dostępu do plików, katalogów i danych technicznych.
- Dostęp do części zasobów powinien być kontrolowany i przypisany do konkretnych stref.
Wizerunek i rozwój
- Komunikacja online nie oddawała pozycji firmy jako producenta z własnymi laboratoriami i autorskimi rozwiązaniami.
- Projekt od początku miał być przygotowany pod wersję anglojęzyczną i dalszą rozbudowę.
Cel projektu
Zaprojektować i wdrożyć platformę, która:
- porządkuje rozbudowaną ofertę i prowadzi użytkownika od zastosowania do konkretnego produktu,
- daje architektom i instalatorom realne narzędzia: wyszukiwarkę, filtry, schowek, porównywarkę i dostęp do plików,
- kontroluje dostęp do materiałów poprzez strefy i konta użytkowników B2B,
- pozwala zespołowi Lumines samodzielnie zarządzać treścią, produktami i komunikatami,
- jest szybka, bezpieczna, zoptymalizowana pod SEO i gotowa na wersję EN.
Katalog, wyszukiwarka i konfigurator
Sercem projektu jest sposób, w jaki użytkownik przeszukuje, konfiguruje i zestawia produkty. Zbudowaliśmy go jako spójny system, a nie zestaw osobnych podstron.
Wyszukiwarka profili LED z podglądem na żywo
Centralnym narzędziem jest wyszukiwarka systemów i profili LED, która podpowiada wyniki już w trakcie pisania. Po wpisaniu pierwszych liter panel pokazuje na bieżąco dopasowane produkty, pogrupowane według kategorii i systemu, z miniaturą i odnośnikiem do pełnej listy.
- Podgląd wyników na żywo, z dopasowaniem do pełnej nazwy i fragmentu frazy, np. „Profil A” lub „strada”.
- Wyniki w kontekście grupy (Mini i meblowe, Archi, Montażowe, Akcesoria, Szynoprzewody), a nie jako płaska lista.
- Miniatury produktów i skrót „Więcej”, prowadzący do pełnej kategorii.
Przeglądanie według zastosowań i serii
- Przełącznik „Przeglądaj według”: zastosowania albo serie, dopasowany do tego, jak myśli architekt i instalator.
- Pełna mapa oferty w jednym panelu: profile do LED (mini i meblowe, architektoniczne, montażowe, akcesoria) oraz szynoprzewody (magnetyczne, trójfazowe, elementy montażowe).
- Szybkie zejście od zastosowania (np. do płyt G‑K, fasadowe, schodowe, do glazury, najazdowe) do konkretnego profilu.
Dynamiczne filtry
- Filtry sterowane z backendu, z decyzją, które grupy są domyślnie rozwinięte.
- Filtrowanie po sposobie i technice montażu, zastosowaniu, parametrach i seriach.
- Podział filtrów na osobne bloki dla różnych kategorii produktów.
Karta produktu
- Dynamiczne grupowanie danych technicznych i atrybutów zarządzane z panelu, bez sztywnego kodowania.
- Rozwijane schematy instalacji, sekcje akcesoriów, kolorystyka i dostępne długości, w tym opcja „na zamówienie”.
- Wyraźne CTA „Zapytaj o produkt”, które kieruje zapytanie ofertowe bez opuszczania kontekstu produktu.
Konfigurator opraw (K3D)
- Z karty produktu użytkownik przechodzi do konfiguratora 3D (K3D) przyciskiem „Konfiguruj”, gdzie składa oprawę na wymiar.
- Konfigurowanie i zapytanie ofertowe są wpięte w jedną ścieżkę zakupową, zamiast rozproszonych formularzy.
- Architekt przechodzi od wyszukania profilu, przez konfigurację, po zebranie materiałów do projektu w jednym miejscu.
Schowek i porównywarka
- Schowek zbierający produkty z różnych kategorii w jednym miejscu.
- Porównywarka działająca w obrębie jednej kategorii, z wykrywaniem konfliktu i pytaniem o wyczyszczenie przed rozpoczęciem nowego porównania.
- Przenoszenie produktów ze schowka do porównania, osobne przyciski na kartach i eksport zestawienia do PDF.
Gdzie kupić: dystrybutorzy i punkty sprzedaży
- Wyszukiwarka partnerów i punktów sprzedaży, pomagająca klientowi znaleźć najbliższy punkt wraz z danymi kontaktowymi.
- Baza dystrybutorów aktualizowana importem z arkusza, bez ręcznego wpisywania pozycji.
- Skrócenie drogi od poznania produktu do zakupu u właściwego partnera.
System B2B: dostęp, pliki, automatyzacje
Platforma obsługuje realny proces pracy z materiałami, a nie tylko ich prezentację. To warstwa, która odróżnia ją od zwykłej strony produktowej.
Konta i strefy dostępu
- Rejestracja użytkownika z akceptacją administratora i aktywacją przez e‑mail.
- Zakładanie kont przez administratora z przypisaniem dostępu do wybranych stref, edycją uprawnień i resetem hasła.
- Dedykowane strefy z osobną treścią: architekta (inspiracje i materiały do projektu), instalatora (instrukcje, katalogi, dane techniczne) oraz B2B (zasoby handlowe), widoczne zależnie od uprawnień.
- Panel klienta po zalogowaniu: dostęp do przypisanych stref, materiałów i własnych pobrań w jednym miejscu.
Biblioteka plików i paczki na życzenie
Zamiast prostej listy zbudowaliśmy bibliotekę materiałów, która działa jak narzędzie do paczkowania. Po zalogowaniu użytkownik widzi zasoby zależne od swojej roli i samodzielnie składa własną paczkę.
- Biblioteka uporządkowana według typów: dokumentacja techniczna, grafiki i zdjęcia produktów, wizualizacje, pliki 3D, wideo oraz katalogi.
- Zaznaczanie dowolnych pozycji (panel „Wybrane pliki”) i złożenie własnej paczki z różnych kategorii.
- Paczka pakowana po stronie serwera do archiwum ZIP, bez obciążania przeglądarki.
- Dostarczanie w modelu zbliżonym do WeTransfer: gdy paczka jest zbyt duża, pakowanie i wysyłka linku na e‑mail uruchamiają się automatycznie po zalogowaniu.
- Dostęp zależny od roli i strefy (architekt, instalator, B2B), odblokowywany po zalogowaniu.
- Import materiałów i danych z arkuszy, porządkujący setki plików (profile, akcesoria, ikony, wymiary).
Automatyzacja komunikacji
- Maile transakcyjne dla kluczowych statusów: rejestracja, akceptacja lub odrzucenie konta, gotowość paczki, przypomnienie o wygasającym dostępie.
- Treści komunikatów zarządzane z poziomu CMS, w graficznej szacie spójnej z serwisem.
- Rozwiązanie problemu dostarczalności poczty na poziomie konfiguracji DNS, w tym rekordów uwierzytelniających pocztę.
SEO, wydajność i bezpieczeństwo
Platformę przygotowaliśmy tak, by była widoczna w wyszukiwarce, szybka i odporna na typowe zagrożenia.
SEO i struktura
- Struktura adresów oparta o silosy produktowe, z typem produktu w ścieżce URL.
- Poprawna semantyka nagłówków, tagi canonical, mapa witryny XML i zgłoszenie do Google Search Console.
- Optymalizacja obrazów w formacie WebP, zabezpieczenie indeksacji treści typu thin content i przekierowania 301.
Wydajność
- Minifikacja CSS i JS, kompatybilność z PHP 8.4, ocena wydajności w klasie A w GTmetrix.
- Wdrożenie SSL i przekierowań HTTPS oraz monitoring dostępności strony.
Bezpieczeństwo
- Zapora aplikacyjna z regułami blokującymi typowe wektory ataków oraz boty podszywające się pod Google.
- Hardening WordPressa: zmiana prefiksu tabel, blokada XML‑RPC, wyłączenie edycji PHP z panelu, ukrycie sygnatur systemu, blokada osadzania w ramkach.
- Zabezpieczenie logowania i rejestracji, z akceptacją kont przed uzyskaniem dostępu.
Efekt i wartość biznesowa
Zamiast statycznej strony Lumines otrzymał platformę, na której złożona oferta staje się przeszukiwalna, a praca odbiorców B2B odbywa się w jednym miejscu.
Najważniejsze zmiany:
- setki produktów uporządkowane w czytelnej, przeszukiwalnej strukturze serii i zastosowań,
- architekt i instalator mają realne narzędzia: filtry, schowek, porównywarkę i dostęp do dokumentacji,
- dedykowane strefy B2B (architekt, instalator) z osobną treścią i panelem klienta po zalogowaniu,
- wyszukiwarka „gdzie kupić” kierująca klienta do najbliższego dystrybutora,
- kontrolowany dostęp do materiałów dzięki kontom i strefom B2B,
- zautomatyzowany obieg plików i komunikatów, bez ręcznej obsługi paczek,
- pełna samodzielność zespołu w zarządzaniu produktami, treścią i komunikatami,
- solidny fundament SEO, wydajności i bezpieczeństwa oraz gotowość pod wersję anglojęzyczną.
Wnioski
Projekt Lumines był budową systemu produktowego, a nie redesignem strony. W trakcie prac zakres świadomie ewoluował: od witryny do platformy z wyszukiwarką, filtrami, schowkiem, porównywarką oraz strefami dostępu i pobieraniem plików.
Efektem jest platforma B2B dla producenta oświetlenia LED, która łączy katalog i wyszukiwarkę profili, konfigurator opraw, narzędzia dla architektów i instalatorów oraz bibliotekę plików w jednym, spójnym i rozwijalnym systemie.
Powiązane artykuły: Portal B2B dla producenta i dystrybutora, Konfigurator produktu B2B, Wyszukiwarka produktów B2B.
