👋 O projekcie
BestSchweissen to sklep internetowy na rynku niemieckim — spawarki, akcesoria, napełnianie butli gazowych. Setki produktów, dwóch typów klientów (B2B i B2C), dwa rynki (PL i DE).
Problem: użytkownicy nie mogli znaleźć tego, czego szukali. Struktura sklepu rosła latami bez planu i przestała działać.
Moim zadaniem było zaprojektować sklep od nowa — od architektury informacji, przez nawigację, po interfejs i system komponentów w Figmie.
Klient:
BestSchweissen
Zakres:
Web Design
UX Reserach
Czas:
Październik 25 – do teraz
👀 Wyzwania
Sklep miał poważny problem z architekturą informacji. Kategorie powstawały ad hoc — spawarki MIG sąsiadowały z wózkami ogrodowymi i regałami magazynowymi na tym samym poziomie nawigacji. Użytkownik trafiał na płaską listę kilkunastu kategorii bez hierarchii i musiał sam domyślać się, gdzie szukać.
To nie był problem estetyczny. Sklep z setkami produktów technicznych, w którym klient nie może szybko zawęzić wyboru, traci konwersję na każdym kroku — od kategorii, przez listing, po kartę produktu.
Dodatkowa trudność: rozwiązanie musiało działać jednocześnie dla warsztatów zamawiających hurtowo i hobbystów kupujących pierwszą spawarkę. Dwie zupełnie różne ścieżki decyzyjne w jednym sklepie.
👀 Discovery
Zanim otworzyłem Figmę, musiałem zrozumieć biznes. W ramach procesu discovery rozmawiałem z klientem o tym, które produkty generują największy ruch, czym BestSchweissen wyróżnia się na tle konkurencji i jak wygląda typowy proces zakupowy.
Dowiedziałem się rzeczy, których nie widać z poziomu sklepu — np. że usługa napełniania butli gazowych jest realnym wyróżnikiem marki, ale w nawigacji ginęła między dziesiątkami innych kategorii. Albo że klienci B2B wracają po konkretne materiały eksploatacyjne i potrzebują szybkiej ścieżki, a nie przeglądania całego katalogu.
Te rozmowy pozwoliły mi podjąć kluczową decyzję: co eksponować, a co zepchnąć niżej — zamiast traktować wszystkie kategorie równo.
🧠 Moje podejście
Równolegle z discovery przeprowadziłem benchmark konkurencji na rynku niemieckim. Chciałem zobaczyć, jak sklepy z podobnym asortymentem radzą sobie z nawigacją w szerokim katalogu technicznym.
Trzy rzeczy powtarzały się u konkurencji, a brakowało ich w BestSchweissen. Po pierwsze — grupowanie oferty po funkcji i zastosowaniu, nie po przypadkowych typach produktów. Po drugie — filtrowanie po marce jako standard, bo klienci techniczni często wiedzą, jakiego producenta szukają. Po trzecie — Mega Menu z podglądem podkategorii, które eliminuje klikanie w ciemno.
To potwierdziło kierunek: problem BestSchweissen nie leżał w ofercie, tylko w sposobie jej prezentacji. Sklep miał dobre produkty — brakowało struktury, która pozwala je znaleźć.
🔧 Co zrobiłem
Zaprojektowałem nowe 3-poziomowe drzewko kategorii oparte o logikę użytkownika: Technika spawalnicza → Spawarki TIG → TIG AC/DC. Zamiast płaskiej listy, w której wszystko jest obok siebie, użytkownik przechodzi od ogólnego do szczegółowego — tak, jak faktycznie myśli o wyborze sprzętu.
Wprowadziłem Mega Menu, które po najechaniu pokazuje pełną strukturę kategorii z podziałem na grupy. W sklepie z setkami pozycji to różnica między 3 a 7 kliknięciami do produktu.
Przebudowałem listing i filtrowanie. Wcześniej jedna kategoria mogła wyświetlać 155 produktów bez możliwości zawężenia. Teraz użytkownik filtruje po marce, typie spawania i parametrach technicznych — dociera do właściwego produktu bez przewijania.
Zaprojektowałem interfejs oparty na industrialnej estetyce: ostre krawędzie, ciemna paleta, żółty akcent. Styl, który od razu komunikuje branżę i buduje wrażenie solidności.
Przygotowałem pełny system komponentów i style guide w Figmie — żeby wdrożenie było spójne, a sklep dało się rozwijać bez projektanta przy każdej zmianie.
📈 Efekty
Klient zaakceptował kierunek projektowy bez większych korekt. Projekt jest obecnie w fazie wdrożenia — wspieram zespół przy implementacji i testach funkcjonalnych.
Struktura kategorii przeszła z płaskiej, przypadkowej listy do uporządkowanego 3-poziomowego drzewa. Nawigacja oparta o Mega Menu eliminuje ślepe klikanie. System komponentów w Figmie pozwala rozwijać sklep bez ryzyka niespójności. Metryki konwersji i zachowań użytkowników będą dostępne po pełnym wdrożeniu.
🧩 Podsumowanie projektu
Projekt BestSchweissen nauczył mnie, że w e-commerce technicznym najważniejsza praca dzieje się przed Figmą — w zrozumieniu biznesu, rozmowie z klientem i uporządkowaniu informacji. Gdybym miał większy budżet, przeprowadziłbym testy nawigacji z realnymi klientami B2B i B2C, żeby zweryfikować nową strukturę bezpośrednim feedbackiem. To krok, który planuję w kolejnej fazie współpracy.
